HTML（三）标签之间的‘潜’规则

本章内容

1. 块级标签与行内标签
2. 使用规则
3. 网页结构布局的分析

一、块级标签与行内标签

A、 块级标签占一行  如下都是块级标签：

• <div>
• <ul>
• <ol>
• <li>
• <dl>
• <dt>
• <dd>
• <h1>~<h6>
• <p>
• <form>
• <hr>
• ....

B、行内标签 可以与多个行内标签共享一行 如下：

• <span>
• <b>
• <em>
• <img>
• <input>
• <a>
• <sup>
• <sub>
• <textarea>

二、包含规则

• 块级标签可以包含行内和某些块级标签
• 特殊的 块级标签 只能包含 行内标签，不能包含 块级元素  如：<h1>~<h6>  <p>  <dt>  它们只能包含 行内标签；
• 遵循并列原则，同一级 要是块级都为块级 要是行内都为行内；

三、网页结构布局的分析

　　点开一个网页，能够看出其是如何布局排版的；

　　这方面的能力需要多练习，才能达到熟能生巧的水平；