这个教程将帮助你入门 HTML 和 CSS，了解它们是如何一起工作的，以及如何创建一个基本的网页。

HTML 简介

HTML（HyperText Markup Language）是网页内容的结构化语言。它是网页的基础，定义了网页的结构和内容。

  • HTML 标签：HTML 使用标签来定义内容。例如，<h1> 标签用于定义一级标题。
  • 文档类型声明：每个 HTML 文档都需要一个文档类型声明（DOCTYPE），它告诉浏览器文档使用的 HTML 版本。

CSS 简介

CSS（Cascading Style Sheets）用于控制网页的样式和布局。它定义了 HTML 元素的样式，如颜色、字体、大小等。

  • 选择器：CSS 使用选择器来指定样式。例如，.class 选择器用于选择具有特定类的元素。
  • 属性：CSS 属性定义了元素的样式。例如，color 属性用于设置文本颜色。

实例

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

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    h1 {
      color: blue;
    }
  </style>
</head>
<body>
  <h1>欢迎来到我的网页</h1>
  <p>这是一个简单的 HTML 和 CSS 示例。</p>
</body>
</html>

学习资源

想要深入学习 HTML 和 CSS？请访问我们的 HTML/CSS 教程 页面。

图片示例

Web_Development
CSS_Selector