3 构建页面模块
1 块元素和内联元素：块元素显示时就好像前后各有一个换行，而内联元素在页面文本流中总在“行内”出现。
void元素：空元素，没有实际内容的元素；例如：<br> <img>等等；使用简写是为了提高效率，减少HTML中的标记数量。
2 <q>元素：内联元素；在段落之内引用一小段
<blockquote>元素：块元素；引用一个段落
<br>元素；void元素的一种；换行元素，作用就是在文本中插入一个换行
<br>和<br/>意思完全是一样的；但是处理XHTML时<br/>的语法更为严格。除非要规划或编写与XHTML兼容的页面，否则HTML中都应该使用<br>。
3 构建HTML列表：创建一个HTML列表需要两个元素；第一个元素用来标记每个列表项。第二个元素确定你创建的是哪种类型的列表：有序列表还是无序列表。
<li>:标记每个列表项；为块元素
<ol>:有序列表；为块元素
<ul>:无序列表；为块元素
<dl>:定义列表：列表中每一项都有一个定义术语<dt>和一个定义描述<dd>
例：
无序列表：
<ul>
<li>wer</li>
<li>wdf</li>
<li>sdg</li>
</ul>
页面显示：
有序列表：
<ol>
<li>agr</li>
<li>dfgdg</li>
<li>nbcvb</li>
</ol>
页面显示：
定义列表：
<dl>
<dt>Route 66</dt>
<dd>Most famous road in the U.S. highway system.</dd>
</dl>
页面显示：
4 嵌套：把一个元素放在另一个元素中成为“嵌套”。
例：<q>嵌套在<p>中，<p>嵌套在<body>中,<body>嵌套在<html>中，所以说<body>是<html>的子元素，<q>的父元素是<p>,<p>的父元素是<body>,<body>的父元素是<html>。
5 HTML使用字符实体（character entity)的简单缩写来指定一些特殊字符（对于被认为特殊的字符，或者可能希望在Web页面中使用某个字符但在你的编辑器里无法输入(比如版权符号)，就可以查找相应的缩写在HTML中直接输入）。
例如：>字符的缩写是 > <字符的缩写是< &字符的缩写&
其他更详尽的字符实体清单链接： https://www.w3school.com.cn/charsets/index.asp 或者 http://www.unicode.org/charts/
注：其他一些常用的元素
<code>元素用来显示计算机程序代码
<time>元素告诉浏览器这个内容是一个日期或时间，或者同时包含日期和时间
<strong>元素标记希望特别强调的文本
<pre>希望浏览器按你输入的方式原样显示文本时，使用这个元素来指定文本的格式
总结：
1 开始输入内容之前要规划好Web页面的结构。首先画出一个草图，然后创建一个略图，最后再写出HTML。
2 规划页面时，首先设计大的块元素，然后使用内联元素完善
3 一定要使用与内容含义最接近的元素。例如，如果需要一个列表，就不要使用段落元素。
4 <br>是一个“void”元素，void元素没有内容。
5 嵌套元素是指完全包含在另一个元素中的元素。如果元素能正确地嵌套，所有标记都能正确匹配。可以在列表中建立嵌套列表，将<ol>或<ul>元素放在<li>中.
6 要对HTML内容中的特殊字符使用字符实体。
7<a>看起来像是内联元素，但还可以包围块元素，而不只是文本。所以，根据具体的上下文，<a>既可以是内联元素，也可以是块元素。
8<br>是块元素和内联元素之间的一个模糊地段。会创建一个换行，不过不会像有两个<p>元素那样把文本分成单独的两块。
9 <img>是内联元素
浙公网安备 33010602011771号