HTML常用标签详解与示例

5星 · 超过95%的资源 需积分: 13 1 下载量 196 浏览量 更新于2024-09-09 收藏 54KB DOC 举报
本文主要介绍了HTML中的常用标签,包括页面结构、元信息、文本样式以及段落和分隔线的使用方法,适用于HTML初学者和转行者。 在HTML(超文本标记语言)中,标签是用来构建网页内容和结构的基本元素。了解并熟练掌握这些常用标签是创建网页的基础。下面我们将逐一解析这些标签的功能和用法。 1. **页面结构标签**: - `<html>`:整个HTML文档的根元素,包含了文档的所有内容。 - `<head>`:包含文档的元信息,如标题、字符编码等。 - `<title>`:定义网页的标题,显示在浏览器的标签页上。 - `<body>`:包含网页的可见内容,如文字、图像、链接等。 2. **文件更新与元信息**: - `<meta>`:用于提供页面元信息,如描述、关键词、刷新等。例如: - 自动刷新页面:`<meta http-equiv="refresh" content="10;">`,10秒后页面自动刷新。 - 自动跳转:`<meta http-equiv="refresh" content="10; URL=新页面URL">`,10秒后跳转到指定URL。 3. **查询用表单**: - `<isindex>`:用于创建简单的单行输入的查询表单,可添加提示文字,如:`<isindex prompt="请输入查询内容">`。 4. **基准路径设置**: - `<base>`:定义所有相对URL的基础路径,如:`<base href="基础URL">`,确保链接正确解析。 5. **文本样式标签**: - `<h1> ~ <h6>`:定义不同级别的标题,h1最大,h6最小。 - `<font>`:控制字体样式,包括大小、字体类型和颜色。例如: - 字体大小:`<font size=#>`,#为1-7的数字,数字越大字体越大。 - 字体类型:`<font face="字体名称">`,指定字体名称。 - 颜色:`<font color=#rrggbb>`,rrggbb是RGB颜色代码。 - `<small>`:显示小字体。 - `<big>`:显示大字体。 - `<b>`:加粗文字。 - `<i>`:斜体文字。 - `<tt>`:打字机风格字体。 - `<u>`:下划线。 - `<strike>`:删除线。 - `<sub>`:下标字。 - `<sup>`:上标字。 - `<blink>`:文字闪烁(但不推荐使用,因为可能影响用户体验)。 6. **换行与段落**: - `<br/>`:单行换行。 - `<p>`:定义段落,可以设置对齐方式,如`<p align="left|center|right">`。 7. **分隔线**: - `<hr>`:创建水平分隔线,可调整其粗细和宽度,如`<hr size=点数或百分比>`。 这些基本的HTML标签构成了网页的基本框架和样式,熟练运用它们可以创建出丰富的网页内容。在实际开发中,还需要结合CSS(层叠样式表)和JavaScript来实现更复杂的布局和交互效果。学习HTML的同时,也应该关注这些相关技术的发展,以便更好地进行网页设计和开发。