HTML基本标签汇总-世界杯法国排名-2014年巴西世界杯_田径世界杯

用途：通常用于表示页面或页面中某个区域的头部，包含网站标题、导航栏等信息。

和	8. 表单标签 </p> <p>9. 语义化标签<header><nav><main><article><section><aside><footer></p> <p>1. 文档结构标签</p> <p>用途：HTML 文档的根标签，所有其他 HTML 元素都必须包含在 <html> 标签内。</p> <p><html></p> <p><!-- 页面内容 --></p> <p></html></p> <p>用途：包含文档的元数据，如文档标题、字符编码、引入的外部文件等，这些信息通常不会直接显示在页面上。</p> <p><head></p> <p><meta charset="UTF-8"></p> <p><title>页面标题</title></p> <p><link rel="stylesheet" href="styles.css"></p> <p></head></p> <p>用途：包含网页的可见内容，如文本、图像、链接等。</p> <p><body></p> <p><h1>欢迎来到我的网页</h1></p> <p><p>这是一段示例文本。</p></p> <p></body></p> <p>2. 标题标签</p> <p>-</p> <p>用途：用于定义网页的标题，<h1> 为最高级标题，重要性依次递减，<h6> 为最低级标题。标题标签有助于搜索引擎理解页面的结构和内容。</p> <p><h1>主标题</h1></p> <p><h2>一级副标题</h2></p> <p><h3>二级副标题</h3></p> <p>3. 段落标签</p> <p>用途：用于定义段落，将文本组织成段落形式，浏览器会在段落前后自动添加换行。</p> <p><p>这是一个段落，包含一些文本内容。</p></p> <p><p>这是另一个段落。</p></p> <p>4. 列表标签</p> <p>无序列表</p> <p>和列表项</p> <p>用途：用于创建无序列表，列表项前通常会显示圆点等符号。</p> <p><ul></p> <p><li>苹果</li></p> <p><li>香蕉</li></p> <p><li>橙子</li></p> <p></ul></p> <p>有序列表</p> <p>和列表项</p> <p>用途：用于创建有序列表，列表项前会显示数字或字母等序号。</p> <p><ol></p> <p><li>第一步：打开网页</li></p> <p><li>第二步：输入搜索关键词</li></p> <p><li>第三步：查看搜索结果</li></p> <p></ol></p> <p>定义列表</p> <p>、定义术语</p> <p>和定义描述</p> <p>用途：用于创建定义列表，通常用于展示术语及其定义。</p> <p><dl></p> <p><dt>HTML</dt></p> <p><dd>超文本标记语言，用于创建网页结构。</dd></p> <p><dt>CSS</dt></p> <p><dd>层叠样式表，用于美化网页外观。</dd></p> <p></dl></p> <p>5. 链接标签</p> <p>用途：用于创建超链接，可链接到其他网页、文件、电子邮件地址等。通过 href 属性指定链接的目标地址。</p> <p><a href="https://www.example.com">访问示例网站</a></p> <p><a href="mailto:example@example.com">发送邮件</a></p> <p>6. 图像标签</p> <p>用途：用于在网页中插入图像，通过 src 属性指定图像的文件路径或 URL，alt 属性用于在图像无法显示时提供替代文本。</p> <p><img src="image.jpg" alt="示例图像"></p> <p>7. 表格标签</p> <p>、、</p> <p>和</p> <p>用途：<table> 用于创建表格，<tr> 表示表格的行，<th> 表示表格的表头单元格，<td> 表示表格的数据单元格。</p> <p><table></p> <p><tr></p> <p><th>姓名</th></p> <p><th>年龄</th></p> <p></tr></p> <p><tr></p> <p><td>张三</td></p> <p><td>25</td></p> <p></tr></p> <p><tr></p> <p><td>李四</td></p> <p><td>30</td></p> <p></tr></p> <p></table></p> <p>8. 表单标签</p> <p>用途：用于创建 HTML 表单，用户可以在表单中输入数据并提交给服务器。通过 action 属性指定表单数据提交的目标地址，method 属性指定提交方式（如 GET 或 POST）。</p> <p><form action="submit.php" method="post"></p> <p><!-- 表单元素 --></p> <p></form></p> <p>用途：用于创建各种表单输入元素，通过 type 属性指定输入类型，常见的类型有 text（文本输入框）、password（密码输入框）、radio（单选框）、checkbox（复选框）、submit（提交按钮）等。</p> <p><input type="text" name="username" placeholder="请输入用户名"></p> <p><input type="password" name="password" placeholder="请输入密码"></p> <p><input type="radio" name="gender" value="male"> 男</p> <p><input type="radio" name="gender" value="female"> 女</p> <p><input type="checkbox" name="hobby" value="reading"> 阅读</p> <p><input type="submit" value="提交"></p> <p>和</p> <p>用途：<select> 用于创建下拉列表框，<option> 用于定义下拉列表中的选项。</p> <p><select name="city"></p> <p><option value="beijing">北京</option></p> <p><option value="shanghai">上海</option></p> <p><option value="guangzhou">广州</option></p> <p></select></p> <p>用途：用于创建多行文本输入框，用户可以输入较长的文本内容。</p> <p><textarea name="message" rows="4" cols="50" placeholder="请输入留言内容"> 9. 语义化标签用途：通常用于表示页面或页面中某个区域的头部，包含网站标题、导航栏等信息。网站标题首页关于我们联系我们用途：用于定义导航链接的区域，包含一组导航菜单。主页产品服务用途：表示文档的主要内容，一个页面中应该只有一个标签。主要内容标题这里是页面的主要内容。用途：用于表示一个独立的、完整的内容块，如一篇文章、博客帖子等，可以独立于页面其他部分被分发或复用。文章标题文章内容... 用途：用于对页面内容进行分块，每个通常包含一个主题相关的内容。产品介绍我们的产品具有以下特点... 用途：用于表示与页面主要内容间接相关的内容，如侧边栏、广告等。相关链接链接 1 链接 2 用途：通常用于表示页面或页面中某个区域的底部，包含版权信息、联系方式等。版权所有 © 2024 联系我们：gxge.com ← 上一篇 AngularJS知识快速入门（上）记得点赞、关注、收藏哦！下一篇 Ajax——在OA系统提升性能的局部刷新 → 2025-09-28 12:33:34 怎样用扑克牌算命扑克牌算命占卜术欧阳修为何被誉为“千古第一伯乐”？他的一生又经历过怎样的起伏首页 Copyright © 2022 2014年巴西世界杯_田径世界杯 - dutugo.com All Rights Reserved. 友情链接：

标签。

主要内容标题

这里是页面的主要内容。

用途：用于表示一个独立的、完整的内容块，如一篇文章、博客帖子等，可以独立于页面其他部分被分发或复用。

文章标题

文章内容...

用途：用于对页面内容进行分块，每个

通常包含一个主题相关的内容。

产品介绍

我们的产品具有以下特点...

用途：用于表示与页面主要内容间接相关的内容，如侧边栏、广告等。

用途：通常用于表示页面或页面中某个区域的底部，包含版权信息、联系方式等。

← 上一篇 AngularJS知识快速入门（上）

记得点赞、关注、收藏哦！

下一篇 Ajax——在OA系统提升性能的局部刷新 →

2025-09-28 12:33:34

2014年巴西世界杯_田径世界杯 - dutugo.com

HTML基本标签汇总

-

主要内容标题

文章标题

产品介绍