本文內容:
- 常見行內標簽
- 常見塊級標簽
- 常見自閉合標簽
首發日期:2018-02-12
修改:
- 2018-04-25:刪除了不常用的標簽
常見行內標簽:
什么是行內標簽:
常見常見行內標簽:
- <a>:標簽可定義錨
- <b>:字體加粗
- <big>:大號字體加粗
- <br>:換行
- <cite>:引用進行定義
- <code>:定義計算機代碼文本
- <em>:定義為強調的內容
- <i>:斜體文本效果
- <img>:向網頁中嵌入一幅圖像
- <input>:輸入框
- <label>:標注標簽
- <select>:創建單選或多選菜單
- <small>:呈現小號字體效果
- <span>:組合文檔中的行內元素
- <strong>:語氣更強的強調的內容
- <textarea>:多行的文本輸入控件
常見塊級標簽:
什么是塊級標簽:
- 塊級標簽就是占據整行內容的標簽【如果溢出到下一行,下一行也占據】
- 塊級標簽轉換為行內標簽:display:inline;
常見塊級標簽
- <caption>定義表格標題
- <dd>定義列表中定義條目
- <div>定義文檔中的分區或節
- <dl>定義列表
- <dt>定義列表中的項目
- <form>創建 HTML 表單
- <h1>定義最大的標題
- <h2>定義副標題
- <h3>定義標題
- <h4>定義標題
- <h5>定義標題
- <h6>定義最小的標題
- <hr>創建一條水平線
- <legend>元素為
- <li>標簽定義列表項目
- <ol>定義有序列表
- <ul>定義無序列表
- <p>標簽定義段落
- <table>標簽定義 HTML 表格
常見行內塊標簽:
- 這些標簽兼具了行內和塊級標簽的特點,可以設置寬高和對齊屬性
- 例如:
- input【理論上是行內標簽,但是可以設置大小】
- img【理論上是行內標簽,但是可以設置大小】
- td【理論上是行內標簽,但是可以設置大小】
常見自閉合標簽:
- <input>:定義一個輸入框
- <meta>:提供有關頁面的元信息
- <link>:定義文檔與外部資源之間的關系,通常用來連接樣式表
- <br>:用來換行
- <hr>:定義一個水平線
- <img>:定義 HTML 頁面中的圖像