①总是在新行上开始;
②高度,行高以及外边距和内边距都可控制;
③宽度缺省是它的容器的100%,除非设定一个宽度。
④它可以容纳内联元素和其他块元素
汇总代码如下:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <!-- 块状元素 独占一行 --> <!-- p无语义,称它为盒子 --> <p>盒子</p> <!-- 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块级标签汇总(小篇), 更多相关内容请关注PHP中文网(m.sbmmt.com)!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:HTML5 拖放功能实现代码
- 下一篇:HTML5进阶段内联标签汇总(小篇)
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论