HTML块级标签汇总(小篇)

时间:2021-05-08

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

①总是在新行上开始;

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

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

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

汇总代码如下:

XML/HTML Code复制内容到剪贴板
  • <!doctypehtml>
  • <html>
  • <head>
  • <metacharset="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块级标签汇总(小篇),如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    相关文章