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>

