### HTML元素速查知识点 #### 1. `<a>` - 超链接元素 - **功能**:定义超链接,用于导航至其他网页或资源。 - **关键属性**: - `href`:链接目标的URL。 - `target`:指定链接在哪个窗口或框架打开,例如`_blank`表示新窗口。 #### 2. `<abbr>` - 缩写元素 - **功能**:定义缩写词或首字母缩略词,并提供完整的解释。 - **关键属性**: - `title`:提供缩写的完整形式。 #### 3. `<address>` - 地址元素 - **功能**:用于定义联系信息,如作者或文章的联系方式。 - **关键属性**:无 #### 4. `<applet>` - 小应用程序元素(已废弃) - **功能**:用于嵌入Java小应用程序,但现在已被`<embed>`或`<object>`替代。 #### 5. `<area>` - 图像映射区域元素 - **功能**:定义`<map>`内的可点击区域,用于图像映射。 - **关键属性**: - `shape`:区域的形状,如矩形、圆形等。 - `coords`:区域的坐标。 - `href`:点击区域后的链接目标。 #### 6. `<b>` - 粗体元素 - **功能**:以粗体显示文本,但不强调语义。 #### 7. `<base>` - 基础URL元素 - **功能**:定义文档内所有相对URL的基准URL。 - **关键属性**: - `href`:基准URL。 #### 8. `<basefont>` - 基础字体元素(已废弃) - **功能**:设置文档的默认字体属性,但已被CSS替代。 #### 9. `<bdo>` - 双向覆盖元素 - **功能**:允许在文本流中覆盖双向文本的方向。 #### 10. `<bgsound>` - 背景声音元素(已废弃) - **功能**:在页面加载时播放背景音乐,现已不再推荐使用。 #### 11. `<big>` - 大字体元素(已废弃) - **功能**:以较大字体显示文本,现已建议使用CSS进行替代。 #### 12. `<blockquote>` - 块引用元素 - **功能**:定义较长的引用,通常会缩进显示。 #### 13. `<body>` - 文档主体元素 - **功能**:包含文档的主要内容,即网页的可见部分。 #### 14. `<br>` - 换行元素 - **功能**:强制文本在新行开始。 #### 15. `<button>` - 按钮元素 - **功能**:创建一个可点击的按钮。 #### 16. `<caption>` - 表格标题元素 - **功能**:定义表格的标题。 #### 17. `<center>` - 居中元素(已废弃) - **功能**:将内容居中显示,现已建议使用CSS进行替代。 #### 18. `<cite>` - 引文元素 - **功能**:定义作品的标题,通常用于引用书籍、电影等。 #### 19. `<code>` - 代码元素 - **功能**:定义计算机代码片段。 #### 20. `<col>` - 表格列元素 - **功能**:定义表格中单一列的样式属性。 #### 21. `<colgroup>` - 列组元素 - **功能**:定义表格中列组的样式属性。 #### 22. `<comment>` - 注释元素 - **功能**:在HTML文档中添加不可见的注释。 #### 23. `<data>` - 数据元素 - **功能**:定义数据元素,用于关联文本和数据值。 #### 24. `<datalist>` - 数据列表元素 - **功能**:定义选项列表,用于`<input>`元素的自动完成。 #### 25. `<dd>` - 定义元素 - **功能**:定义描述或细节,常用于定义列表中。 #### 26. `<del>` - 删除元素 - **功能**:标记已从文档删除的文本。 #### 27. `<dfn>` - 定义元素 - **功能**:定义术语的定义实例。 #### 28. `<dir>` - 目录元素(已废弃) - **功能**:创建目录列表,现已由`<ul>`和`<ol>`替代。 #### 29. `<div>` - 分区元素 - **功能**:作为文档流中的分区或节的容器。 #### 30. `<dl>` - 定义列表元素 - **功能**:定义列表,用于定义术语和其描述。 #### 31. `<dt>` - 定义术语元素 - **功能**:定义列表中的术语项。 #### 32. `<em>` - 强调元素 - **功能**:强调文本,通常以斜体显示,具有语义含义。 #### 33. `<embed>` - 嵌入元素 - **功能**:用于嵌入外部媒体文件,如音频、视频或插件。 #### 34. `<fieldset>` - 字段集元素 - **功能**:将表单中的相关元素分组。 #### 35. `<font>` - 字体元素(已废弃) - **功能**:设置文本的字体、大小和颜色,现已建议使用CSS进行替代。 #### 36. `<form>` - 表单元素 - **功能**:定义HTML表单,用于收集用户输入。 #### 37. `<frame>` - 框架元素 - **功能**:定义`<frameset>`内的单个框架。 #### 38. `<frameset>` - 框架集元素 - **功能**:定义框架的布局,用于组织多个框架。 #### 39. `<head>` - 文档头部元素 - **功能**:包含文档的元数据,如标题、样式和脚本。 #### 40. `<h1>`, `<h2>`, `<h3>`, `<h4>`, `<h5>`, `<h6>` - 标题元素 - **功能**:定义不同级别的标题。 #### 41. `<hr>` - 水平线元素 - **功能**:在内容中插入水平线。 #### 42. `<html>` - HTML文档元素 - **功能**:定义整个HTML文档的根元素。 #### 43. `<i>` - 斜体元素 - **功能**:以斜体显示文本,但不强调语义。 #### 44. `<iframe>` - 内联框架元素 - **功能**:嵌入另一个HTML文档。 #### 45. `<img>` - 图像元素 - **功能**:嵌入图像。 #### 46. `<input>` - 输入元素 - **功能**:用于创建各种类型的输入控件,如文本框、按钮等。 #### 47. `<ins>` - 插入元素 - **功能**:标记已插入文档中的文本。 #### 48. `<isindex>` - 索引输入元素(已废弃) - **功能**:提示用户输入单行文本,现已不再推荐使用。 #### 49. `<kbd>` - 键盘输入元素 - **功能**:表示键盘输入,通常用于命令或代码示例。 #### 50. `<label>` - 标签元素 - **功能**:定义表单控件的标签。 #### 51. `<legend>` - 传记元素 - **功能**:定义`<fieldset>`的标题。 #### 52. `<li>` - 列表项元素 - **功能**:定义列表中的项目。 #### 53. `<link>` - 链接元素 - **功能**:定义与文档的关系,如样式表或图标。 #### 54. `<listing>` - 列表元素(已废弃) - **功能**:以固定宽度字体显示文本,现已建议使用CSS进行替代。 #### 55. `<map>` - 图像映射元素 - **功能**:定义图像的可点击区域。 #### 56. `<marquee>` - 滚动元素(已废弃) - **功能**:创建自动滚动的文本或图像,现已不再推荐使用。 #### 57. `<menu>` - 菜单元素 - **功能**:定义菜单或工具栏。 #### 58. `<meta>` - 元数据元素 - **功能**:提供文档的元数据,如字符集、视图端口设置等。 #### 59. `<noscript>` - 无脚本元素 - **功能**:定义在不支持JavaScript的浏览器中显示的内容。 #### 60. `<object>` - 对象元素 - **功能**:嵌入外部对象,如插件或媒体文件。 #### 结论 以上列举了HTML中常用的元素及其基本功能和关键属性。理解和掌握这些元素是构建结构良好、语义清晰的网页的基础。随着Web标准的发展,某些元素可能已废弃或被替代,因此在实际应用中应选择最新的、更符合现代Web设计的元素。
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![circ](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 3
- 资源: 18
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)