HTML块级标签汇总(小篇)

冬天,洁白的雪花慢慢地飘落下来,落到这里,飘到那里,我们仿佛置身于童话般的雪白世界。在苍茫的大海上,狂风卷集着乌云。在乌云和大海描写大海的散文之间,海燕像黑色的闪电,在高傲的飞翔。

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

①总是在新行上开始;

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

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

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

汇总代码如下:

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

以上就是HTML块级标签汇总(小篇)。你用什么优势赢得人生,就会用同样的原因输掉人生。更多关于HTML块级标签汇总(小篇)请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
基于HTML十秒做出淘宝页面

HTML+CSS+JavaScript如何实现图片3D展览的示例代码

在html页面中取得session中的值的方法

HTML 罗盘式时钟的如何实现

HTML里显示pdf、word、xls、ppt的方法示例