HTML,全称HyperText Markup Language,是用于创建网页的标准标记语言。它通过一系列标签来组织网页内容,控制其布局和样式。以下是一些常见的HTML标签及其用途:
1. **文件结构**:
- `<HTML>` 和 `</HTML>`:这对标签定义了整个HTML文档的开始和结束。
- `<HEAD>` 和 `</HEAD>`:这部分包含文档的元数据,如标题、字符编码等。
- `<TITLE>` 和 `</TITLE>`:定义文档的标题,显示在浏览器的标题栏。
- `<BODY>` 和 `</BODY>`:定义文档的主要内容。
2. **结构性元素**:
- `<H1>` 到 `<H6>`:定义不同级别的标题,数字越大,级别越低,通常用于层次结构。
- `<DIV>` 和 `</DIV>`:用于分组内容,可添加样式或行为。
- `<BLOCKQUOTE>` 和 `</BLOCKQUOTE>`:用于引用大段文本,通常会缩进显示。
- `<ADDRESS>` 和 `</ADDRESS>`:用于表示联系人或作者的地址信息。
3. **文本样式**:
- `<EM>` 和 `</EM>`:表示强调,通常斜体显示。
- `<STRONG>` 和 `</STRONG>`:表示特别强调,通常加粗显示。
- `<CITE>` 和 `</CITE>`:用于引用作品名称,通常斜体。
- `<CODE>` 和 `</CODE>`:显示代码片段,保持原样。
- `<SAMP>` 和 `</SAMP>`:展示计算机输出样本。
- `<KBD>` 和 `</KBD>`:表示键盘输入。
- `<VAR>` 和 `</VAR>`:表示变量。
- `<DFN>` 和 `</DFN>`:表示术语定义,有的浏览器可能不支持。
- `<BIG>` 和 `</BIG>`:增大字体大小。
- `<SMALL>` 和 `</SMALL>`:减小字体大小。
4. **样式控制**:
- `<B>` 和 `</B>`:加粗文本。
- `<I>` 和 `</I>`:斜体文本。
- `<U>` 和 `</U>`:下划线,但不是所有浏览器都支持。
- `<S>` 和 `</S>`:删除线,也可能不被所有浏览器支持。
- `<SUB>` 和 `</SUB>`:下标。
- `<SUP>` 和 `</SUP>`:上标。
- `<TT>` 和 `</TT>`:打字机字体效果。
- `<PRE>` 和 `</PRE>`:保留原文档的空白格式。
- `<CENTER>` 和 `</CENTER>`:居中对齐内容。
5. **链接与图像**:
- `<A>`:定义超链接,`<A HREF="URL">`指向一个URL。
- `<A NAME="***">`:定义页面内的锚点。
- `<IMG>`:插入图像,`<IMG SRC="URL">`指向图像源。
- `<IMG>` 的属性,如 `ALIGN`, `WIDTH`, `HEIGHT`, `ALT`, `ISMAP`, `USEMAP`, `BORDER`, `HSpace`, `VSpace` 等用于控制图像的位置、尺寸、替换文本等。
- `<MAP>` 和 `<AREA>`:用于创建图像映射,点击图像的不同区域可以链接到不同URL。
6. **其他**:
- `<BLINK>`:闪烁效果,但已被弃用。
- `<FONT>`:控制字体大小和颜色,但不推荐使用,因为CSS更适合做样式控制。
- `<BASEFONT>`:设定文档的基础字体大小。
- `<META>`:用于设置元信息,例如刷新页面或定义字符集。
这些只是HTML标签的一部分,HTML5引入了许多新标签,如`<NAV>`, `<ARTICLE>`, `<SECTION>`, `<ASIDE>`等,增强了语义化和无障碍性。了解并熟练使用这些标签是构建有效网页的基础。