• head标签：包含文档的元信息，如标题、字符集等。
• body标签：网页的主体部分，包含用户可以看到的内容。

我的第一个网页


欢迎来到我的网站
这是我的第一个网页。

在这个示例中，我们使用了``声明文档类型，并通过``、``和``标签建立了基本结构。``标签定义了网页的标题，而`

`标签和`

`标签分别用于创建标题和段落。

添加更多内容

• 段落（p）：用于显示文本内容。
• 链接（a）：可以跳转到其他网页或资源。
• 图片（img）：用于在网页中显示图像。
• 列表（ul、ol、li）：用于展示有序或无序的项目列表。

添加链接

链接在网页中扮演着重要的角色。你可以通过以下方式创建一个链接：

访问示例网站

在上述示例中，`href`属性定义了链接指向的URL，用户点击链接后将被带到指定的网站。

插入图片

要在网页中插入图片，可以使用``标签。以下是如何插入图像的示例：

在这个例子中，`src`属性指定了图像的来源，而`alt`属性则提供了图像的替代文本，便于视觉障碍人士和在图像加载失败时显示。

使用列表组织内容

当内容较为繁杂时，使用列表可以有效提升其可读性。以下是如何创建无序和有序列表的示例：

无序列表

无序列表的创建方式如下：

项目一
项目二
项目三

有序列表

有序列表的创建方式如下：

第一项
第二项
第三项

构建网页的美观性

虽然功能是重中之重，但网页的美观性不能忽视。通过CSS（层叠样式表），你可以为你的网页添加样式，使其看起来更加专业。CSS可以控制元素的颜色、字体、布局等。

添加CSS样式

你可以通过在``标签中添加`

在这个示例中，我们设置了整个网页的字体和背景颜色，提升了网页的视觉效果。

优化网页的用户体验

用户体验（UX）是网页设计中至关重要的一部分。为了提升用户体验，可以考虑以下策略：

• 响应式设计：确保网页在各种设备上均能良好显示。
• 快速加载时间：优化图片和其他资源的加载速度。
• 易于导航：使用清晰的菜单和链接，以帮助用户快速找到信息。