HTML标签与属性详解：从基础到高级

下载需积分: 9 | TXT格式 | 9KB | 更新于2024-09-16 | 165 浏览量 | 举报

HTML（HyperText Markup Language）是用于创建网页的标准标记语言，它的基本结构由`<html>`、`<head>`和`<body>`等标签组成。在HTML中，标签用于定义页面内容和样式，而属性则提供了进一步的控制和定制。 1. `<html>`标签：这是HTML文档的根元素，包裹整个文档内容。 2. `<head>`标签：包含文档元数据，如标题、字符集设置（`<meta charset="UTF-8">`）、样式表链接（`<link rel="stylesheet" href="style.css">`）等。 3. `<title>`标签：定义网页的标题，显示在浏览器的标签页上。 4. `<meta>`标签：用于设置HTTP头部信息，例如刷新页面（`<meta http-equiv="refresh" content="10">`或指定URL重定向`<meta http-equiv="refresh" content="10;URL=http://example.com">`）。 5. `<isindex>`标签：已过时，用于创建一个简单的搜索输入框，现代HTML中通常使用表单元素`<form>`和`<input>`代替。 6. `<base>`标签：为页面中的所有相对URL指定基础URL，避免相对路径混乱。 7. 标题标签（`<h1>`至`<h6>`）：定义不同级别的标题，`<h1>`是最重要的标题，`<h6>`是最不重要的。 8. 字体相关标签： - `<font>`：过时标签，用于设置字体大小、类型和颜色，现在推荐使用CSS替代。 - `<small>`：使文本变小。 - `<big>`：使文本变大。 9. 强调标签：`<b>`用于加粗文本，`<i>`用于斜体，`<tt>`用于打字机风格的文本，`<u>`用于下划线，`<s>`或`<strike>`用于删除线，`<sub>`用于下标，`<sup>`用于上标，`<blink>`用于闪烁文本（不推荐使用，因为对可读性有负面影响）。 10. 换行与段落：`<br>`用于单行换行，`<p>`用于定义段落，`<p align="#">`可以设置段落的对齐方式，`#`可以是`left`、`center`或`right`。 11. 分割线`<hr>`：创建水平线，可以设置宽度（`hr size=`），是否填充（`hr noshade`），对齐方式（`hr align="#"`），以及颜色（`hr color="#rrggbb"`）。 12. 居中标签`<center>`：将内容居中显示，但不推荐使用，建议使用CSS的`text-align: center;`属性。 13. 预格式化文本`<pre>`：保留文本的空格和换行，用于代码展示等。 14. 背景设置： - `body`标签的背景颜色：`body bgcolor="#rrggbb"`。 - `body`标签的背景图片：`body background="image.jpg"`。 - 固定背景图片：`body bgproperties=fixed`。 - 文本颜色：`body text="#rrggbb"`。 - 链接颜色：`body link="#rrggbb"`。 - 已访问链接颜色：`body vlink="#rrggbb"`。 - 活动链接颜色：`body alink="#rrggbb"`。此外，HTML还包含许多其他标签，如表格`<table>`、列表`<ul>`和`<ol>`、图像`<img>`、超链接`<a>`、表单`<form>`、输入元素`<input>`等，它们共同构建了网页的丰富内容和交互性。学习和理解这些标签及属性对于创建功能完备的网页至关重要。现代Web开发中，通常结合CSS（层叠样式表）和JavaScript来实现更复杂的设计和动态功能。