HTML（Hypertext Markup Language）是一种标记语言，用于创建网页，它可将文本、图像、音频、视频等元素结合在一起，呈现出一个规范且具有良好可读性的网页。本文将带领零基础的读者了解HTML的基本知识，教授如何编写一个简单的网页。

1. HTML的基础结构

在编写HTML页面前，我们需要了解一个基础的HTML页面结构：

```

页面内容

```

其中，``是页面的文档类型声明，告诉浏览器页面使用的是HTML5标准；``标签告诉浏览器这是一个HTML页面，还有``和``标签分别表示文档头和文档体。

2. 标签的使用

HTML标签是用于描述网页元素的一组代码，如文字、图片、链接等等。下面介绍一些最基础的HTML标签：

- `

` 到 `

` 表示标题标签，数字越小表示标题越大。

- `

` 表示段落标签。

- `` 表示图片标签，需要用`src`属性指定图片的路径。

- `example@example.com

微信：wechat_id

```

这段代码定义了一个简单的网页，包括了一个标题、一张照片、一些文字和列表等元素。

3. CSS样式

虽然HTML可以很好地展示内容，但是它没有提供设计元素的功能。为了美化页面，我们可以使用CSS（Cascading Style Sheets）样式表。CSS是一种用于定义HTML元素样式的样式表语言。通过CSS，我们可以为网页设置字体、颜色、背景、边界等样式，也可以排版、布局和动画。下面是一个简单的CSS样式示例：

```

h1 {

color: #003366;

font-size: 32px;

}

p {

color: #555;

font-size: 16px;

line-height: 1.5;

}

ul {

list-style-type: none;

}

li {

padding: 6px 0;

}

img {

width: 200px;

border: 1px solid #ccc;

border-radius: 50%;

}

```

这段代码定义了一些样式，分别应用于`

`、`

`、`

`、`
• `和``等HTML元素。这些样式可以让页面看起来更具吸引力和可读性。

  4. JavaScript脚本

  HTML和CSS是网页的静态内容，有时我们需要在页面上添加一些交互和动态效果，这时候就用到了JavaScript脚本。JavaScript是一种用于为HTML增添交互和动态效果的脚本语言，通过JavaScript，我们可以实现表单验证、鼠标悬停、图像轮播等功能。下面是一个简单的JavaScript示例：

  ```

  计算器

  计算

  ```

  这段代码定义了一个简单的计算器，利用JavaScript实现了两数相加的功能，并将结果显示在页面上。

  5. 总结

  这篇文章介绍了HTML的基础知识，包括了HTML的基本结构、标签的使用、CSS样式和JavaScript脚本等方面。通过学习这些基础知识，我们可以编写一个简单的网页，实现最基本的页面展示和交互。随着深入学习和实践，我们可以掌握更高级的技术和技巧，打造出更加高质量和实用的网站。