html5元素可以分為兩個類別：1、“塊級元素”；該種元素會獨占一行 ， 總是在新行上開始 ， 元素的寬度、高度以及外邊距和內邊距等都可以控制 。 2、“內聯元素”；該種元素和其他元素會在同一行上顯示 ， 元素的寬度、高度以及外邊距和內邊距都不可以改變 。
文章插圖
本教程操作環境：windows7系統、HTML5版、Dell G3電腦 。
HTML 標簽（元素）可以分為兩個類別 ， 分別是塊級元素和內聯元素（也叫行內元素） 。
塊級元素
塊級元素最主要的特點是它們自己獨占一行 ， 塊級元素中最具代表性的就是<div> ， 此外還有<p>、<nav>、<aside>、<header>、<footer>、<section>、<article>、<ul>、<address>、<h1>~<h6>等 。
塊級元素一般都具有特定的語義 ， 可以使代碼的可讀性更強 。
塊級元素的主要特征如下所示：
- 不管是否使用換行標簽<br> ， 塊級元素總是在新行上開始；
塊級元素的寬度、高度以及外邊距和內邊距等都可以控制；
如果省略塊級元素的寬度 ， 那么它的寬度默認為當前瀏覽器窗口的寬度；
塊級元素中可以包含其它的內聯元素和塊級元素 。
內聯元素也可以稱為行內元素 ， 行內元素中最常用的是<span> ， 此外還有<b>、<i>、<u>、<em>、<strong>、<sup>、<sub>、<big>、<small>、<li>、<ins>、<del>、<code>、<cite>、<dfn>、<kbd>和<var>等 。
內聯元素往往帶有某種特殊的顯示效果 ， 可以代替部分 CSS 樣式 ， 非常實用 ， 例如：
- <b>和<i>標簽可以修飾字體；
<sub>和<sup>兩個標簽分別用來定義下標文本和上標文本 。
- 行內元素和其他元素會在同一行上顯示；
行內元素的寬、高以及外邊距和內邊距都不可以改變；
行內元素的寬度就是其中內容的寬度 ， 且不可以改變；
內聯元素中只能容納文本或者其他內聯元素 。
- 設置寬度 width 無效；
設置高度 height 無效 ， 但可以通過 line-height 來設置行高；
可以設置 margin 外邊距 ， 但只對左右外邊距有效 ， 上下無效；
設置 padding 內邊距時 ， 只有左右 padding 有效 ， 上下則無效 ， 需要注意的是元素范圍是增大了 ， 但是對元素周圍的內容是沒影響的；
可以通過 display 屬性將元素在行內元素和塊級元素之間進行切換 。
<div> 和 <span> 分別是最常用的塊級元素和內聯元素 ， 我們有必要重點說明一下 。
1) <div> 標簽
<div> 是非常重要的塊級標記 ， 在網頁布局（Layout）方面發揮著重要的作用 ， 使用<div>我們可以定義頁面的各個部分 ， 通過與 CSS 相結合可以實現各種各樣的效果 ， 下面通過一個示例演示<div>標簽的使用 。
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title><div>標簽演示</title></head><body> <div style="padding:0px 20px;border:1px solid #ccc; background-color:#eee;"> <h4>大前端教程</h4> <ul> <li><a href=https://www.52zixue.com/zhanzhang/webqd/html/04/25/70964/"/course/list/11.html" target="_blank">HTML視頻教程