02-html基本标签
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
HTLM标签，分为“块级标签”和“行级标签”
【块级标签和行级标签的区别】
① 块级标签自动换行，前后隔一行；
行级标签不会自动换行，从左往右依次显示；
② 块级标签的宽度默认是100%
行级标签的宽度由文字撑开
③块级标签可以设置宽度、高度、边距等属性；
行级标签不能设置上述属性
从写法上，html标签分为“成对标签”和“自闭和标签（空标签）”
①成对标签：成对出现，有开始标签，必须有结束标签，内容包括在两个标签之间。例如<h1></h1> <p></p> <title></title>
② 自闭和标签/控表签：只有一个标签，用/表示标签的自动闭合（/可省略）。例如：<hr/> <link/> <meta/>
-->
<!--【常见的块级标签】-->
<!--
h标签：标题标签，默认加粗，h1最大，h6最小
-->
<h1>可视对讲</h1>
<h2>可视对讲</h2>
<h3>可视对讲</h3>
<h4>可视对讲</h4>
<h5>可视对讲</h5>
<h6>可视对讲</h6>
<!--
hr标签：水平线标签
-->
<hr />
<!--
p标签：段落标签，表示网页中的一段文字。
br标签：换行符号，在代码中敲回车，在网页中没有什么作用，必须用<br/>
-->
<p>这是一个段落。这是一个段落。<br /> 这是一个段落。这是一个段落。<br /> 这是一个段落。
这是一个段落。这是一个段落。<br />这是一个段落。这是一个段落。这是一个段落。</p>
<!--
blockqucte:引用标签。表示标签中的文字是引用其他网站的内容。
浏览器默认显示效果：整段向后缩进
cite属性：表示引用内容的来源，常写饮用的网址URL
-->
<blockquote cite="www.jierui100.com">jsauhfiuhashda</blockquote>
<!--
pre标签：预各式标签。与p标签不同的是，pre标签会保留代码中的空格和回车，在网页直接显示
最常用的作用，是在网页中显示代码段，保留代码段格式。
-->
<pre>
预
各
式
标
签
</pre>
</body>
</html>
<!--【基于布局地块级标签】-->
<!--有序列表ol order list
一个有序列表由多个li组成
-->
<!--
定义列表dl
定义列表包含两部分：
<dt></dt>:定义列表的标题，标题顶格显示，一般一个定义列表只有一个标题
<dd></dd>:定义列表的描述，相对于标题向后显示，一个列表可能有多个描述项。
-->