HTML&CSS快速入门
warning:
这篇文章距离上次修改已过277天,其中的内容可能已经有所变动。
HTML 和 CSS 是构建网页的基础技术。以下是一个简单的 HTML 和 CSS 示例,它创建了一个带有标题和段落的基本网页。
HTML 示例 (index.html
):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的网页</title>
<style>
h1 {
color: blue;
}
p {
color: green;
}
</style>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
</body>
</html>
在这个示例中,我们定义了一个简单的 HTML 文档,包括一个标题 (h1
) 和一个段落 (p
)。我们还在 <head>
部分使用了内联 CSS 来设置标题和段落文本的颜色。
CSS 示例 (styles.css
):
h1 {
color: blue;
}
p {
color: green;
}
如果你想将 CSS 样式信息放在单独的文件中,你可以创建一个 CSS 文件(如上面的 styles.css
),并在 HTML 文档的 <head>
部分通过 <link>
标签引入它:
<link rel="stylesheet" href="styles.css">
这样,你就可以在多个页面中重用相同的 CSS 样式。
评论已关闭