html5標記分為3類：1、塊級元素，其特點為能夠設置寬高、可以自動換行、margin和padding的上下左右均對其有效；2、行內元素，其特點為無法設置寬高、不會自動換行；3、行內塊元素，其特點為能夠設置寬高、不會自動換行。

本教程操作環境：windows7系統、HTML5版、Dell G3電腦。

HTML5中的標記分為塊級元素、行內元素、行內塊元素。

行內元素：

無法設置寬高。

margin上下無效，只有左右有效果；padding都有效果，會撐大空間。

box-sizing:border-box;無效，因為該屬性針對盒模型。

不會自動換行

塊級元素：

能夠設置寬高

margin和padding的上下左右均對其有效

可以自動換行

多個塊狀元素標簽寫在一起，默認排列方式為從上至下

可以使用margin:0 auto居中對齊

行內塊元素：

不會自動換行

能夠設置寬高

默認排列方式為從左到右

可以使用text-align:center使內容相對于父盒子水平居中對齊，例如img標簽，可以使用text-align:center相對父盒子居中對齊

margin:0 auto無效

水平排列，但所有元素默認會有1個空格的間隙，因為元素之間在html中書寫有回車換行，瀏覽器解析會將其解析成一個空格。

但標簽的類型是可以轉換的

display:inline: 轉換為行內元素

display:linline-block轉換為行內塊元素

display:block轉換為塊級元素

掌握元素類別。現將學過的標簽分類如下：

1、塊級元素

標題<h></h>

有序列表<ol><li></li></ol>

無序列表<ul><li></li></ul>

定義列表<dl></dl>

段落標簽<p></p>

預格式文本<pre></pre>

大段引用<blockquote></blockquote>

小段引用<q></q>

劃分區塊<div></div>

定義<figure></figure>

音頻<audio></audio>

視頻<video></video>

表格<table></table>

表單<form></form>

添加一條直線 <hr>

裝載獨立文章<article>

定義文檔章節<section>

定義非正文內容<aside>

頁眉<header>

頁腳<footer>

導航鏈接部分<nav>

為文檔或 section 定義聯系信息<address>

制作更小字號的文本<small>

下標文本<sub>

上標文本<sup>

2、行內元素

標簽類型代碼書寫

超鏈接<a></a>

傾斜<em></em>;<i></i>

加粗</strong></strong>;<b></b>

縮寫<abbr></abbr>

跨越多個字符<span></span>

獲取用戶輸入<input>

創建下拉列表<select>

創建多行文本框<textarea>

定義控件標注<lable>

3、行內塊元素

標簽類型代碼書寫

圖片<img />

內聯框架<iframe></iframe>

推薦教程：《html視頻教程》

總結

以上是生活随笔為你收集整理的html5标记分为哪几类的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。