欢迎来到 HTML & CSS 基础教程页面!在这里,我们将一步步带你了解和学习 HTML 和 CSS 的基础知识。

HTML 简介

HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。HTML 描述了一个网站的结构和内容。

HTML 基本结构

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>

CSS 简介

CSS(Cascading Style Sheets)用于描述 HTML 元素的样式。CSS 可以控制网页的布局、颜色、字体等。

CSS 基本语法

h1 {
    color: red;
}

实践项目

为了更好地学习 HTML 和 CSS,我们可以一起完成一个简单的网页项目。

  1. 创建一个名为 index.html 的文件,并写入以下内容:
<!DOCTYPE html>
<html>
<head>
    <title>我的个人网站</title>
</head>
<body>
    <h1>欢迎来到我的个人网站</h1>
    <p>这里是网站的介绍。</p>
</body>
</html>
  1. 创建一个名为 style.css 的文件,并写入以下内容:
body {
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
}
h1 {
    color: #333;
}
p {
    color: #666;
}
  1. style.css 文件链接到 index.html 文件中:
<head>
    <title>我的个人网站</title>
    <link rel="stylesheet" href="style.css">
</head>

现在,你可以通过浏览器打开 index.html 文件来查看你的个人网站了!

查看更多关于 HTML & CSS 的教程

HTML & CSS