欢迎来到 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,我们可以一起完成一个简单的网页项目。
- 创建一个名为
index.html
的文件,并写入以下内容:
<!DOCTYPE html>
<html>
<head>
<title>我的个人网站</title>
</head>
<body>
<h1>欢迎来到我的个人网站</h1>
<p>这里是网站的介绍。</p>
</body>
</html>
- 创建一个名为
style.css
的文件,并写入以下内容:
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
color: #333;
}
p {
color: #666;
}
- 将
style.css
文件链接到index.html
文件中:
<head>
<title>我的个人网站</title>
<link rel="stylesheet" href="style.css">
</head>
现在,你可以通过浏览器打开 index.html
文件来查看你的个人网站了!
HTML & CSS