首页前端开发HTMLHTML块级标签汇总(小篇)

HTML块级标签汇总(小篇)

时间2024-01-24 19:37:17发布访客分类HTML浏览666
导读:收集整理的这篇文章主要介绍了HTML块级标签汇总(小篇),觉得挺不错的,现在分享给大家,也给大家做个参考。 块级元素,简单来说,就是自己独占一行的元素。其特点:①总是在新行上开始; ②高度,行高以及外边距和内边距都可控制; ③宽度...
收集整理的这篇文章主要介绍了HTML块级标签汇总(小篇),觉得挺不错的,现在分享给大家,也给大家做个参考。

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

①总是在新行上开始;

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

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

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

汇总代码如下:

XML/HTML Code复制内容到剪贴板
  1. !doctyPE html>   
  2. html>   
  3. head>   
  4.     meta charset="UTF-8">   
  5.     tITle> Document/title>   
  6. /head>   
  7. body>   
  8.     !-- 块状元素 独占一行 -->   
  9.     !-- div无语义,称它为盒子 -->   
  10.     div> 盒子/div>   
  11.     !-- h1-h6语义 定义标题 -->   
  12.     h1> 标题1/h1>   
  13.     h2> 标题2/h2>   
  14.     h6> 标题3/h6>   
  15.     !-- p 语义 段落标签 写文字-->   
  16.     p> 文章/p>   
  17.     !-- 列表多数用来存一系列的相似的数据 -->   
  18.     !-- 有序列表 -->   
  19.     ol>   
  20.         li> 导航1/li>   
  21.         li> 导航2/li>   
  22.         li> 导航3/li>   
  23.     /ol>   
  24.     !-- 无序列表 -->   
  25.     ul>   
  26.         li> 导航1/li>   
  27.         li> 导航2/li>   
  28.         li> 导航3/li>   
  29.     /ul>   
  30.     !-- 定义列表 解释某个名词 -->   
  31.     dl>   
  32.         dt> 名词/dt>   
  33.         dd> 解释名词的位置/dd>   
  34.     /dl>   
  35.     !-- 表格 渲染性能不好 少用 -->   
  36.     table>   
  37.         caption> 表格头部/caption>   
  38.         !-- tr是行 -->   
  39.         tr>   
  40.             !-- th表头 -->   
  41.             th> 星期一/th>   
  42.             th> 星期二/th>   
  43.         /tr>   
  44.         tr>   
  45.             !-- td单元格 -->   
  46.             td> 上课/td>   
  47.             td> 上课/td>   
  48.         /tr>   
  49.     /table>   
  50. /body>   
  51. /html>   

以上所述是小编给大家介绍的HTML块级标签汇总(小篇),如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html标签

若转载请注明出处: HTML块级标签汇总(小篇)
本文地址: https://pptw.com/jishu/585663.html
HTML5进阶段内联标签汇总(小篇) HTML5学习心得总结(推荐)

游客 回复需填写必要信息