您好,登錄后才能下訂單哦!
這篇文章主要介紹了HTML塊級標簽有哪些,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
塊級元素,簡單來說,就是自己獨占一行的元素。其特點:
①總是在新行上開始;
②高度,行高以及外邊距和內邊距都可控制;
③寬度缺省是它的容器的100%,除非設定一個寬度。
④它可以容納內聯元素和其他塊元素
匯總代碼如下:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 塊狀元素 獨占一行 --> <!-- div無語義,稱它為盒子 --> <div>盒子</div> <!-- h2-h7語義 定義標題 --> <h2>標題1</h2> <h3>標題2</h3> <h7>標題3</h7> <!-- p 語義 段落標簽 寫文字--> <p>文章</p> <!-- 列表多數用來存一系列的相似的數據 --> <!-- 有序列表 --> <ol> <li>導航1</li> <li>導航2</li> <li>導航3</li> </ol> <!-- 無序列表 --> <ul> <li>導航1</li> <li>導航2</li> <li>導航3</li> </ul> <!-- 定義列表 解釋某個名詞 --> <dl> <dt>名詞</dt> <dd>解釋名詞的位置</dd> </dl> <!-- 表格 渲染性能不好 少用 --> <table> <caption>表格頭部</caption> <!-- tr是行 --> <tr> <!-- th表頭 --> <th>星期一</th> <th>星期二</th> </tr> <tr> <!-- td單元格 --> <td>上課</td> <td>上課</td> </tr> </table> </body> </html>
感謝你能夠認真閱讀完這篇文章,希望小編分享的“HTML塊級標簽有哪些”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。