090_块元素行内元素行内块元素空元素

1. 块元素指的是占据全部可用宽度的元素, 并且在其前后都会换行(display: block)。

1.1. 定义整个文档(非常重要): <html></html>

1.2. 定义文档主题(非常重要): <body></body>, 有外边距, 在Chrome中是8px。

1.3. 标题(非常重要): <h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>, 有外边距。

1.4. 水平线(重要): <hr />, 有外边距。

1.5. 段落(非常重要): <p></p>, 有外边距。

1.6. 定义预格式化的文本(非常重要): <pre></pre>, 有外边距。

1.7. 定义块引用(不重要): <blockquote></blockquote>, 有外边距。

1.8. 定义文档或文章的联系信息(不重要): <address></address>

1.9. 定义无序列表(非常重要): <ul></ul>, 有外边距, 有内边距。

1.10. 定义有序列表(非常重要): <ol></ol>, 有外边距, 有内边距。

1.11. 定义列表项目(非常重要): <li></li>

1.12. 定义了定义列表(重要): <dl></dl>, 有外边距。

1.13. 定义了定义列表中的项目(即术语部分)(重要): <dt></dt>

1.14. 定义列表中定义条目的定义部分(重要): <dd></dd>, 有外边距。

1.15. 定义表格(非常重要): <table></table>

1.16. 定义表格标题(非常重要): <caption></caption>

1.17. 用于为用户输入创建html表单(非常重要): <form></form>

1.18. 将表单内的相关元素分组(非常重要): <fieldset></fieldset>, 有外边距, 有内边距。

1.19. 为<fieldset>元素定义标题(非常重要): <legend></legend>, 有内边距。

1.20. 框架结构标签(重要): <frameset></frameset>

1.21. 定义frameset中的一个特定的窗口(重要): <frame />

1.22. 定义居中文本(淘汰): <center></center>

1.23. 组合其他html元素的容器(非常重要): <div></div>

2. 行内元素通常不会以新行开始, 显示在一行, 宽度随内容变化, 当到达父元素宽度时换下一行显示。设置宽高无效(display:inline)。

2.1. 图像映射(不重要): <map></map>

2.2. 定义图像映射中的区域(不重要): <area />

2.3. 链接(非常重要): <a></a>

2.4. 粗体文字(重要): <b></b>

2.5. 粗体文字并强调文本(非常重要): <strong></strong>

2.6. 斜体文字(重要): <i></i>

2.7. 斜体文字强调文本(非常重要): <em></em>

2.8. 大号字体(重要): <big></big>

2.9. 小号字体(重要): <small></small>

2.10. 上标文本(重要): <sup></sup>

2.11. 下标文本(重要): <sub></sub>

2.12. 插入文档中的文本(重要): <ins></ins>

2.13. 删除的文本(重要): <del></del>

2.14. 定义键盘文本(不重要): <kbd></kbd>

2.15. 定义计算机输出示例(不重要): <samp></samp>

2.16. 表示变量的名称(不重要): <var></var>

2.17. 表示计算机源代码(不重要): <code></code>

2.18. 定义短的引用(不重要): <q></q>

2.19. 定义缩写(不重要): <abbr></abbr>

2.20. 定义术语(不重要): <dfn></dfn>

2.21. 定义著作的标题(不重要): <cite></<cite>

2.22. 定义双流向覆盖(不重要): <bdo></bdo>

2.23. 定义下拉列表中的一个选项(非常重要): <option></option>

2.24. 定义文字的字体、尺寸和颜色(淘汰): <font></font>

2.25. 定义加删除线的文本(淘汰): <strike></strike>

2.26. 定义加删除线的文本(淘汰): <s></s>

2.27. 定义下划线文本(淘汰): <u></u>

2.28. 组合文档中的行内元素(非常重要): <span></span>

2.29. 用于不同类型的输出(不重要): <output></output>

3. 行内块元素既有行内元素的一些特性又有块级元素的一些特性。但是可以设置宽高。(display: inline-block)

3.1. 图像(非常重要): <img />

3.2. 定义表格内的表头单元格(非常重要): <th></th>

3.3. 定义表格中的标准单元格(非常重要): <td></td>

3.4. 表单输入元素(非常重要): <input />, 有内边距。

3.5. 定义下拉列表(非常重要): <select></select>

3.6. 定义多行的文本输入控件(非常重要): <textarea></textarea>, 有内边距。

3.7. 定义一个按钮(非常重要): <button></button>, 有内边距。

3.8. 内联框架(重要): <iframe></iframe>

3.9. 定义一个嵌入的对象(重要): <object></object>

3.10. 定义视频(重要): <video></video>

3.11. 播放声音文件或者音频流(重要): <audio></audio>

3.12. 在网页上绘制图形(重要): <canvas></canvas>

4. 空元素

4.1. 为页面上的所有链接规定默认地址或默认目标(不重要): <base />

4.2. 提供有关页面的元信息(非常重要): <meta />

4.3. 定义文档与外部资源之间的关系, 最常用于链接样式表(非常重要): <link />

4.4. 水平线(重要): <hr />

4.5. 折行(重要): <br />

4.6. 图像(非常重要): <img />

4.7. 定义图像映射中的区域(不重要): <area />

4.8. 表单输入元素(非常重要): <input />

4.9. 定义frameset中的一个特定的窗口(重要): <frame />

4.10. 定义基准字体(淘汰): <basefont />

4.11. 提供参数(重要): <param />

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值