学习 HTML 和 CSS 是构建网页的基础。在这个模块中，我们将介绍 HTML 的基本结构，以及如何使用 CSS 来美化网页。

HTML 简介

HTML（HyperText Markup Language）是用于创建网页的标准标记语言。它描述了一个网页的结构，而不是其样式和内容。

HTML 基本结构

  • <html>：定义整个 HTML 文档。
  • <head>：包含文档的元数据，如标题和链接。
  • <body>：包含文档的可视内容。

CSS 简介

CSS（Cascading Style Sheets）用于描述 HTML 元素的样式。它允许你控制文本的样式、颜色、布局等。

CSS 选择器

  • 类选择器：.class-name
  • ID 选择器：#id-name
  • 标签选择器：element-name

实践案例

以下是一个简单的 HTML 和 CSS 示例：

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
    <style>
        body {
            font-family: Arial, sans-serif;
        }
        .highlight {
            color: red;
        }
    </style>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
    <p class="highlight">这是一个高亮文本。</p>
</body>
</html>

扩展阅读

想了解更多关于 HTML 和 CSS 的知识？请访问我们的 HTML 与 CSS 教程。

HTML 与 CSS