使用HTML和CSS编写一个基本网页的模板
时间: 2024-03-02 15:50:23 浏览: 111
静态网页 221html+css个模板 (88)
以下是一个基本的HTML和CSS网页模板示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Random Page</title>
<style>
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: blue;
text-align: center;
}
p {
font-size: 18px;
line-height: 1.5;
padding: 10px;
margin: 0;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
</style>
</head>
<body>
<h1>Welcome to My Random Page</h1>
<p>This is a paragraph of random text that has been generated by JavaScript.</p>
<img src="https://picsum.photos/600/400" alt="Random image">
</body>
</html>
```
这个模板包含了一个简单的标题、一段文本和一张随机图片。CSS样式定义了页面的背景色、字体、标题颜色、段落样式和图片样式。您可以根据需要修改或添加不同的元素来创建自己的随机网页。
阅读全文