HTML 元素
HTML元素是HTML文档的单个组件。它表示语义或意义。元素还可以包含属性。
HTML元素是由起始标记定义的。
如果元素包含其他内容,则以结束标记结尾,<p>…</p>
是一个HTML元素,<h1>…</h1>
是另一个HTML元素。
有些HTML元素不需要关闭,例如<img…/>
、<hr/>
和<br/>
元素。这些被称为空元素或者自闭元素。
HTML文档由这些元素的树组成,它们指定了HTML文档应该如何构建,以及什么样的内容应该放在HTML文档的哪个部分。
HHTML标签Vs元素
从技术上讲,HTML元素是开始标签、属性、结束标签以及两者之间所有内容的集合。
另一方面,HTML标签用于标记元素的开始或结束。
例如,<p>
是段落的起始标签,</p>
是同一段落的结束标签,但<p>这是段落</p>
是段落元素。
为了简单起见,本网站中,术语“标签”和“元素”的意思是相同的-都是将在网页上定义一些东西。
在HTML中,标记和属性名不区分大小写(但大多数属性值是区分大小写的)。
标签<P>
和标签<P>
在HTML中都是定义相同的东西(段落)。
但是我们建议在HTML中使用小写的标签和属性名称。
嵌套HTML元素
大多数HTML元素可以包含任意数量的其他元素(空元素除外),这些元素依次由标签、属性和内容或其他元素组成。
示例
<!DOCTYPE html> <html> <head> <title>嵌套元素示例</title> </head> <body> <h1>这是<i>斜体</i>标题</h1> <p>这是<u>带下划线的</u>段落</p> <p>这是<mark>高亮的</mark>文本</p> </body> </html>
HTML标签应该按照正确的顺序嵌套。
它们必须按照定义它们的相反顺序关闭,这意味着最后打开的标签必须首先关闭。
HTML元素类型
元素可以被放在两个不同的组中:块级和内联级元素。
前者构成了文档的结构,而后者修饰了块的内容。
块元素占据了可用宽度的100%,并且在它之前和之后使用换行符呈现。
然而,内联元素只会占用它需要的空间。
注意块级元素不能放在内联级元素中。
最常用的块级元素有:<div>
, <p>
, <h1>
到 <h6>
, <form>
, <ol>
, <ul>
, <li>
等。
常见的内联级元素有:<img>
, <a>
, <span>
, <strong>
, <b>
, <em>
, <i>
, <code>
, <input>
, <button>
等。
用HTML写注释
添加注释的目的通常是为了使源代码更容易理解。
它可以帮助其他开发人员(或者将来编辑源代码时的我们)理解我们试图用HTML做什么。
注释不在浏览器中显示。
HTML注释以<!--
开始,并以-->
结尾:
<!-- 这里是html的注释 --> <!-- 这里是html中的 多行注释 --> <p>正常的文本</p>