HTML(HyperText Markup Language)是创建网页的标准标记语言,它由一系列标签组成,这些标签用于组织和呈现网页内容。在本篇文章中,我们将探讨一些最常用且基础的HTML标签,帮助你更好地理解和运用它们。 1. `<a href>`: 这个标签用于创建超链接,`href`属性指定了链接的目标地址。例如,`<a href="http://www.example.com">访问示例网站</a>`将创建一个指向示例网站的链接。 2. `<a name>`: 与`<a href>`配合使用,创建页面内的锚点。如`<a name="section1"></a>`定义了一个名为"section1"的锚点,可以用于内部链接跳转。 3. `<address>`: 用于展示联系信息,通常用于显示作者或网站维护者的电子邮件地址或其他联系方式。 4. `<b>`: 用于创建粗体文本,例如`<b>这是粗体字</b>`。 5. `<base>`: 设置文档的基础URL,影响所有相对链接。`target`属性用于指定链接在何处打开,如`<base target="_blank">`表示新标签页打开链接。 6. `<basefont>`: 已废弃,用于设置文档的默认字体大小,现代浏览器不再支持。 7. `<bgsound>`: 添加背景音乐,不推荐使用,因为它可能影响用户体验。 8. `<big>`: 创建大号字体,但已被废弃,现在应该通过CSS来调整字体大小。 9. `<blink>`: 创建闪烁文本,已废弃,不建议使用。 10. `<body>`: 包含网页的主体内容,如文字、图像、链接等。 11. `<br>`: 用于插入换行符。 12. `<caption>`: 用于添加表格的标题,`align`属性可设定标题的位置。 13. `<center>`: 使内容居中,已废弃,建议使用CSS的`text-align`属性。 14. `<cite>`: 用于引用书籍、文章等作品的名称。 15. `<code>`: 展示代码片段,保持原格式。 16. `<comment>`: 用于插入注释,不会显示在网页上。 17. `<dd>`: 在定义列表中定义项目的解释或描述。 18. `<dfn>`: 标记一个术语或定义项的首次出现。 19. `<dir>`: 创建无序列表,通常用于展示目录或列表,已被`<ul>`替代。 20. `<dl>`: 创建定义列表。 21. `<dt>`: 在定义列表中定义项目。 22. `<em>`: 用于强调文本,浏览器默认以斜体显示。 23. `<font>`: 用来更改字体、大小和颜色,但已被废弃,现在应使用CSS控制。 24. `<form>`: 创建表单,`action`属性指定处理表单数据的URL,`method`属性设置数据发送方式(GET或POST)。 25. `<frame>`: 用于创建框架集中的子窗口,`margin*`属性调整边距,`noresize`阻止用户调整大小,`scrolling`控制滚动条,`src`设置子窗口的内容。 26. `<frameset>`: 定义框架集,`cols`和`rows`用于划分窗口。 27. `<h1>`到`<h6>`: 用于创建标题,数字越大,标题级别越低。 28. `<head>`: 包含文档元数据,如标题、字符编码、CSS和JavaScript链接等。 29. `<hr>`: 插入水平线,作为内容的分隔。 30. `<html>`: 标签定义整个HTML文档。 31. `<i>`: 创建斜体文本。 32. `<img>`: 插入图像,`src`属性是图像源,`alt`提供替代文本,`height`和`width`设置尺寸,`border`定义边框。 33. `<input>`: 创建表单输入元素,`type`属性指定类型(如文本、密码、复选框等),`name`和`value`分别定义字段名称和默认值。 34. `<isindex>`: 创建简单的单行输入字段,已废弃。 35. `<kbd>`: 用于表示用户键入的文本。 36. `<li>`: 创建列表项,`type`属性设置符号(已废弃,现代HTML中无需此属性)。 37. `<marquee>`: 创建滚动文本,不推荐使用,因为其对可访问性和性能有负面影响。 38. `<menu>`: 创建菜单,常用于命令列表。 39. `<meta>`: 提供文档元信息,如`refresh`用于设置自动刷新,`content`和`url`配合`refresh`定义刷新时间间隔和跳转URL。 40. `<multiple>`: 允许在列表框中多选选项,应用于`<select>`元素。 41. `<noframes>`: 提供没有框架时的备选内容。 42. `<ol>`: 创建有序列表。 43. `<option>`: 用于定义下拉列表的选项。 44. `<p>`: 创建段落。 45. `<person>`: 用于表示人名,非标准标签,通常用`<span>`替代并添加自定义CSS样式。 46. `<pre>`: 保留原文档的空白和换行,用于显示代码块。 47. `<samp>`: 用于引用计算机代码片段。 48. `<select>`: 创建下拉列表。 49. `<small>`: 创建小号字体。 50. `<strike>`: 为文本添加删除线,现代HTML推荐使用`<s>`或CSS的`text-decoration`属性。 51. `<strong>`: 用于强调文本,通常表示重要性,浏览器默认以加粗显示。 52. `<sub>`: 创建下标文本。 53. `<sup>`: 创建上标文本。 54. `<table>`: 创建表格,`border`定义边框,`cellpadding`和`cellspacing`调整单元格间距,`height`和`width`设置表格尺寸。 55. `<td>`: 表格单元格,`align`、`bgcolor`、`colspan`、`rowspan`、`nowrap`、`valign`和`width`属性调整单元格的对齐、颜色、合并和尺寸。 56. `<textarea>`: 创建多行文本输入框,`name`定义字段名称,`rows`和`cols`设置行数和列数。 以上就是一些常见的HTML标签,了解和熟练使用这些标签是创建和维护网页的基础。在实际应用中,应结合CSS和JavaScript,以实现更丰富的网页交互和设计效果。同时,随着Web技术的发展,一些标签已逐渐被淘汰,新的语义化标签如`<header>`、`<footer>`、`<article>`等也不断涌现,学习和掌握最新的HTML规范是非常重要的。
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![image/x-3ds](https://img-home.csdnimg.cn/images/20210720083646.png)
![text/html](https://img-home.csdnimg.cn/images/20210720083451.png)
![text/plain](https://img-home.csdnimg.cn/images/20210720083646.png)
![html](https://img-home.csdnimg.cn/images/20210720083451.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)
- 粉丝: 1
- 资源: 5
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的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)
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)