html css网页制作成品

admin 2024年01月22日 01:58 32 0

一个段落和一个链接。

HTML代码：

<!DOCTYPE html>
<html>
<head>
  <title>我的网页</title>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <h1>欢迎来到我的网页</h1>
  <p>这是一个简单的网页示例。</p>
  <a href="https://www.example.com">点击这里</a>访问一个链接。
</body>
</html>

CSS代码（styles.css）：

body {
  font-family: Arial, sans-serif;
  background-color: #f0f0f0;
}

h1 {
  color: #333;
  text-align: center;
}

p {
  color: #666;
}

a {
  color: #007BFF;
  text-decoration: none;
}

这个示例中，HTML代码定义了网页的结构，而CSS代码定义了网页的样式，在HTML中，我们使用``标签将CSS文件链接到HTML文件中，在CSS中，我们使用选择器来选择要样式化的HTML元素，并使用属性和值来定义样式，我们使用`body`选择器来选择整个网页的主体，并设置字体、背景颜色等样式，我们还使用`h1`、`p`和`a`选择器来分别选择标题、段落和链接元素，并设置相应的样式。