HTML块级标签汇总(小篇)
2016-07-13 16:40
375 查看
块级元素,简单来说,就是自己独占一行的元素。其特点:
①总是在新行上开始; ②高度,行高以及外边距和内边距都可控制; ③宽度缺省是它的容器的100%,除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 汇总代码如下:<!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网页开发学习笔记(燕十八)-37 整齐的表格 作业
- HTML 5本地存储之兼容性与存储监听
- HTML实战训练(2)——广州大学附属中学
- HTML中<a>标签怎么自定义单侧边框
- Html小记01col
- mport 做html公共模块导入操作
- [html]LESS-1.3.3
- HTML - 隐藏滚动条但可以滚动
- html第一步
- 获取元素html
- 拼接html标签
- 关于angular上传文件的一些心得
- Html中使用自定义图片来实现checkbox显示
- HTML基本概念详解
- HTML基础总结推荐(标题)
- HTML基础总结推荐(文本格式)
- HTML盒子尺寸的计算
- 使用div做的table表格
- HTML文字上下循环滚动代码
- html中实现table跨行跨列