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>  它们只能包含 行内标签;
  • 遵循并列原则,同一级 要是块级都为块级 要是行内都为行内;

三、网页结构布局的分析

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

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

posted @ 2017-09-28 09:37  鸽子灬  阅读(168)  评论(0编辑  收藏  举报