HTML块级标签汇总(小篇)

Leona ·
更新时间:2024-09-20
· 862 次阅读

块级元素,简单来说,就是自己独占一行的元素。其特点:

①总是在新行上开始;

 ②高度,行高以及外边距和内边距都可控制;

 ③宽度缺省是它的容器的100%,除非设定一个宽度。

④它可以容纳内联元素和其他块元素

汇总代码如下:

XML/HTML Code复制内容到剪贴板 <!doctype html>   <html>   <head>       <meta charset="UTF-8">       <title>Document</title>   </head>   <body>       <!-- 块状元素 独占一行 -->       <!-- div无语义,称它为盒子 -->       <div>盒子</div>       <!-- h1-h6语义 定义标题 -->       <h1>标题1</h1>       <h2>标题2</h2>       <h6>标题3</h6>       <!-- 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块级标签汇总(小篇),如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!



标签 HTML

需要 登录 后方可回复, 如果你还没有账号请 注册新账号