用html和css制作网页
时间: 2023-10-08 13:04:09 浏览: 44
HTML 和 CSS 是制作网页的基础,下面是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
/* CSS 样式 */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: blue;
text-align: center;
}
p {
font-size: 18px;
line-height: 1.5;
}
</style>
</head>
<body>
<!-- HTML 内容 -->
<h1>欢迎来到我的网页</h1>
<p>这里是一个简单的段落,用于演示 HTML 和 CSS 的基础用法。</p>
<img src="https://example.com/image.jpg" alt="示例图片">
</body>
</html>
```
这个例子中,我们使用 HTML 标签来添加内容,使用 CSS 样式来控制网页的外观。其中:
- `<!DOCTYPE html>` 是 HTML5 的文档类型声明,告诉浏览器使用 HTML5 解析页面。
- `<html>` 标签是整个页面的根元素。
- `<head>` 标签用于添加页面的元数据,例如标题、样式和脚本等。
- `<title>` 标签用于设置页面的标题。
- `<style>` 标签用于添加 CSS 样式。
- `body`、`h1` 和 `p` 等标签用于添加页面内容。
- `img` 标签用于添加图片,`src` 属性指定图片的 URL,`alt` 属性用于添加图片的描述文字。
在实际制作网页时,可以自由组合 HTML 和 CSS 元素,实现各种复杂的页面效果。