个性化阅读
专注于IT技术分析

HTML元素

本文概述

HTML文件由元素组成。这些元素负责创建网页并定义该网页中的内容。 HTML中的元素通常由开始标签<tag name>, 结束标签</ tag name>以及插入它们之间的内容组成。从技术上讲, 元素是开始标记, 属性, 结束标记以及它们之间的内容的集合。

注意:某些元素没有结束标签和内容, 这些元素被称为空元素或自闭合元素或void元素。

如:

<p> Hello world!!! </p>

<!DOCTYPE html>
<html>
<head>
    <title>WebPage</title>
</head>
<body>
   <h1>This is my first web page</h1>
    <h2> How it looks?</h2>
     <p>It looks Nice!!!!!</p>
</body>
</html>

立即测试

HTML元素
  • 在body元素之间编写的所有内容都可以在网页上看到。

Void元素:HTML中的所有元素都不需要具有开始标记和结束标记, 某些元素没有内容和结束标记, 这些元素称为Void元素或空元素。这些元素也称为未配对标签。

一些Void元素是<br>(代表换行符), <hr>(代表水平线)等。

嵌套的HTML元素:HTML可以嵌套, 这意味着一个元素可以包含另一个元素。


块级和内联HTML元素

为了HTML中的默认显示和样式目的, 所有元素都分为两类:

  • 块级元素
  • 内联元素

块级元素

  • 这些元素通过将页面划分为连贯的块来构成网页的主要部分。
  • 块级元素始终以换行开头, 并占据了网页从左到右的整个宽度。
  • 这些元素可以包含块级以及内联元素。

以下是HTML中的块级元素。

<address>, <article>, <aside>, <blockquote>, <canvas>, <dd>, <div>, <dl>, <dt>, <fieldset>, <figcaption>, <figure>, <footer >, <form>, <h1>-<h6>, <header>, <hr>, <li>, <main>, <nav>, <noscript>, <ol>, <output>, <p>, <pre>, <section>, <table>, <tfoot>, <ul>和<video>。

注意:所有这些元素将在后面的章节中介绍。

<!DOCTYPE html>
<html>
             <head>
	</head>
<body>
    <div style="background-color: lightblue">This is first div</div>
    <div style="background-color: lightgreen">This is second div</div>
    <p style="background-color: pink">This is a block level element</p>
</body>
</html>

立即测试

输出:

块级和内联HTML元素

在上面的示例中, 我们使用了

赞(0)
未经允许不得转载:srcmini » HTML元素

评论 抢沙发

评论前必须登录!