HTML网站制作代码：打造您的专属网站

随着互联网的普及，越来越多的人选择通过网站来展示自己的作品、传播信息或者进行商业活动。HTML作为网页制作的基础语言，简单易学，功能强大，是您建立网站的不二之选。本文将为您详细介绍HTML网站制作代码的方方面面，帮助您轻松打造属于自己的网站。

一、HTML简介

HTML（Hypertext Markup Language，超文本标记语言）是一种用于描述网页结构的语言。它通过一系列的标签（tag）来规定网页中各元素的呈现形式和内容，包括标题、段落、图片、链接等。HTML5是当前最新的HTML标准，提供了更多的功能和表现形式。

二、HTML文档结构

一个HTML文档由以下几个部分组成：

1. 文档类型声明（DOCTYPE）

文档类型声明位于HTML文档的最开头，告诉浏览器当前文档采用的是哪个HTML版本。例如，HTML5文档的DOCTYPE声明为：

``` ```

2. html标签

html标签包围整个HTML文档，它的属性主要包括：

- lang：指定文档语言，如zh-CN表示中文。

示例：

``` ```

3. head标签

head标签包含文档的元数据，如标题、样式、脚本等。常见的元数据标签有：

- title：指定网页标题，显示在浏览器的标签页上。 - meta：定义文档的元数据，如字符集、关键词、作者等。 - link：引入外部样式表。 - script：引入外部脚本。

示例：

``` ```

4. body标签

body标签包含网页的实际内容，如文本、图片、链接等。它是最外层的容器标签，其内部的元素将按照HTML代码的顺序呈现。

示例：

```

欢迎来到我的网站

这是一个段落。

三、常用标签及属性

1. 文本级标签

- h1-h6：定义标题，从大到小表示不同级别的标题。 - p：定义段落。 - strong：表示强调的内容。 - em：表示强调的词语。 - i：表示斜体。 - b：表示加粗。 - u：表示下划线。 - s：表示删除线。 - strike：表示删除线。 - sub：表示下标。 - sup：表示上标。

示例：

```

这是一个标题

这是一个段落。

2. 图像和链接

- img：插入图片，src属性指定图片地址，alt属性指定图片描述。 - a：创建链接，href属性指定链接地址，target属性指定链接打开方式（_blank在新窗口打开）。

示例：

``` 访问示例网站 ```

3. 列表

- ul：无序列表，li元素表示列表项。 - ol：有序列表，li元素表示列表项。 - menu：下拉菜单。

示例：

```

• 选项1
• 选项2
• 选项3

1. 选项1
2. 选项2
3. 选项3