制作一个用html多标记配合使用的简单页面
时间: 2023-08-03 07:02:35 浏览: 50
好的,我可以为你提供一个简单的 HTML 页面示例,其中使用了多种标记:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My Simple Page</title>
<style>
h1 {
color: blue;
font-size: 24px;
font-family: Arial, sans-serif;
}
p {
color: black;
font-size: 18px;
font-family: Georgia, serif;
line-height: 1.5;
margin-bottom: 10px;
}
</style>
</head>
<body>
<header>
<h1>Welcome to My Simple Page</h1>
</header>
<main>
<p>This is a paragraph of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dapibus ex at nisl pulvinar, id finibus augue accumsan. Praesent id justo at mauris semper ullamcorper ac quis enim.</p>
<p>This is another paragraph. Donec auctor odio non arcu facilisis, sit amet bibendum ipsum consequat. Ut eget tempus mi, sit amet scelerisque libero. Vivamus commodo, nulla vel ullamcorper consectetur, sem sapien vehicula ipsum, id cursus diam mauris eget arcu.</p>
</main>
<footer>
<p>© 2021 My Simple Page. All rights reserved.</p>
</footer>
</body>
</html>
```
这个页面包含了一个简单的标题、两个段落文本和一个页脚。此外,还有一个内嵌的样式表,用于设置标题和段落文本的样式。