这是我参与「第四届青训营 」笔记创作活动的的第5天
元素类别
嵌套元素
可以将元素放到其他元素之中——这被称作嵌套。你需要确保元素被正确的嵌套：
<p>My cat is <strong>very</strong> grumpy.</p>
块级元素和内联元素
- 块级元素在页面中以块的形式展现——相对于其前面的内容，它会出现在新的一行，其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容。一个以block形式展现的块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中。
- 内联元素通常出现在块级元素中，并环绕文档内容的一小部分，而不是一整个段落或者一组内容。内联元素不会导致文本换行：它通常出现在一堆文字之间，例如超链接元素
<a>或者强调元素<em>和<strong>
空元素
不是所有元素都拥有开始标签、内容、结束标签。一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西。例如：
<img src="https://roy-tian.github.io/learning-area/extras/getting-started-web/beginner-html-site/images/firefox-icon.png">
实例演练：
关于元素<a>——元素<a>是锚，它使被标签包裹的内容成为一个超链接。此元素也可以添加大量的属性，其中几个如下：
href：这个属性声明超链接的web地址，当这个链接被点击时，浏览器会跳转至href声明的web地址。title：标题title属性为超链接声明额外的信息，比如你将链接至的那个页面。例如title="The Mozilla homepage"。标悬停在超链接上面时，这部分信息将以工具提示的形势显示。target：目标target属性用于指定链接如何呈现出来。例如，target="blank"在新标签页中显示链接。若忽略该属性，则在当前标签页显示链接。
属性
属性包含元素的额外信息，这些信息不会出现在实际的内容中。
一个属性必须包含如下内容：
- 一个空格，在属性和元素名称之间。（如果已经有一个或多个属性，就与前一个属性之间有一个空格。）
- 属性名称，后面跟着一个等于号。
- 一个属性值，由一对引号
""引起来。\
布尔属性
有时你会看到没有值的属性，它是合法的。
这些属性被称为布尔属性，他们只能有跟它的属性名一样的属性值。例如disabled属性，他们可以标记表单输入，使之变为不可用（变灰色），此时用户不能向他们输入任何数据。
单引号or双引号？
HTML中单引号和双引号均可，但单引号和双引号不能在一个属性值里面混用。
剖析HTML文档
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的测试站点</title>
</head>
<body>
<p>这是我的页面</p>
</body>
</html>
<!DOCTYPE html>：声明文档类型。<html></html>：<html>元素。这个元素包裹了整个完整的页面，是一个根元素。<head></head>：<head>元素。这个元素包含了所有页面设置，CSS样式，字符集声明等等。<meta charset="utf-8">：这个元素设置文档使用utf-8字符集编码，utf-8字符集包含了人类大部分文字。<title></title>：设置页面标题，出现在浏览器标签上。<body></body>：<body>元素。包含了你访问页面时所有显示在页面上的内容，文本，图片，音频，游戏等等。
在HTML中包含特殊字符
在HTML中，字符<、>、"、'、&是特殊字符。它们是HTML语法自身的一部分，如果我们想在文本中使用这些符号，我们必须使用字符引用——表示字符的特殊编码。每个字符引用以符号&开始，以分号(;)结束。例如：
<p>HTML 中用 <p> 来定义段落元素。</p>
<p>HTML 中用 <p> 来定义段落元素</p>
实例展示：
HTML 中用
来定义段落元素。
HTML 中用 <p> 来定义段落元素
HTML注释
为了将一段HTML中的内容置为注释，你需要将其用特殊的符号<!--和-->包裹起来。
<p>我在注释外！</p>
<!-- <p>我在注释内！</p> -->
区别：
HTML注释格式：<!-- -->
CSS注释格式：/* */
JavaScript注释格式：/* */ //
