### HTML语言概述
HTML(HyperText Markup Language,超文本标记语言)是一种标准的标记语言,用于创建网页。它由一系列的元素组成,这些元素通过标签表示。HTML文档由文本和标签构成,其中文本用于显示信息,而标签则用于定义文本的格式及结构。
#### HTML的基本结构
一个典型的HTML文档具有以下基本结构:
```html
<html>
<head>
<title>标题</title>
</head>
<body>
…网页正文(各种标签)
</body>
</html>
```
这里的`<html>`标签标志着HTML文档的开始;`<head>`部分通常包含有关文档的信息,比如标题、使用的样式表或脚本等;`<title>`标签用于定义在浏览器标签页上显示的文档标题;`<body>`标签内包含了所有实际显示在浏览器中的内容。
### HTML示例
下面是一个简单的HTML文档示例:
```html
<html>
<head>
<title>一个简单的HTML示例</title>
</head>
<body>
<font size="10">欢迎光临我的主页</font>
<hr>
</body>
</html>
```
这里使用了`<font>`标签来设置文本的大小,并且使用了`<hr>`标签来绘制一条水平线。
### HTML的重要标签
#### 文本格式标签
HTML提供了多种文本格式化的标签,以帮助设计者更好地控制文本的外观。主要包括:
- **标题标签**:从`<h1>`到`<h6>`,分别表示从大到小的标题。例如:
```html
<h1>一级标题</h1>
```
- **字体标签**:`<font>`标签可以用来改变文本的颜色、大小和字体类型。例如:
```html
<font size="6" face="黑体" color="red">欢迎光临我的主页</font>
```
- **字体样式标签**:包括粗体、斜体、下划线等。例如:
```html
<b>粗体文字</b>
<i>斜体文字</i>
<u>下划线文字</u>
```
#### 图片标签
图片标签`<img>`用于在网页中插入图像。其基本语法如下:
```html
<img src="图像URL" alt="替换文本">
```
- `src`属性指定了图像的来源;
- `alt`属性提供了图像无法显示时的替代文本。
此外,还可以通过`width`和`height`属性来调整图像的尺寸:
```html
<img src="图像URL" width="200" height="100">
```
#### 超链接标签
超链接标签`<a>`用于在网页中创建链接。其基本语法如下:
```html
<a href="目标URL">链接文字</a>
```
例如:
```html
<a href="http://www.example.com">访问我们的网站</a>
```
#### 表格标签
表格标签`<table>`用于在网页中创建表格。其基本结构如下:
```html
<table border="1" width="600" height="100">
<caption>表格标题</caption>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
</table>
```
- `<table>`标签定义表格;
- `<tr>`标签定义表格中的行;
- `<th>`标签定义表头单元格;
- `<td>`标签定义普通单元格。
#### 其他标签
除了上述标签之外,还有许多其他常用的HTML标签,例如:
- **换行标签**:`<br>`用于插入换行;
- **分段标签**:`<p>`用于定义段落;
- **段落对齐方式**:`<p align="center/left/right">`用于设置段落的对齐方式;
- **分割线标签**:`<hr>`用于绘制水平线。
通过组合使用这些基本的HTML标签,我们可以构建出功能丰富、布局合理的网页。虽然HTML本身并不具备复杂的交互功能,但它为网页的基础结构奠定了坚实的基础,并与其他技术如CSS和JavaScript协同工作,共同创建现代化的网页应用。