网页设计在index.html中输入1个最大号的标题标签和4个段落标签,段落标签中分别有以下内容:《静夜思》、床前明月光、疑是地上霜、举头望明月、低头思故乡。并把标题和诗句实现居中显示(9分)。
时间: 2024-02-03 13:03:02 浏览: 62
【网页设计作业】index1.html
可以按照以下代码实现:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页设计示例</title>
<style>
body {
text-align: center; /* 居中显示 */
}
h1 {
font-size: 32px; /* 最大号标题 */
}
p {
font-size: 24px; /* 段落字号 */
line-height: 1.5; /* 行距 */
margin-top: 20px; /* 段落间距 */
}
</style>
</head>
<body>
<h1>诗词示例</h1>
<p>《静夜思》</p>
<p>床前明月光</p>
<p>疑是地上霜</p>
<p>举头望明月</p>
<p>低头思故乡</p>
</body>
</html>
```
在head标签中定义了样式,包括居中显示、标题字号、段落字号、行距和段落间距。在body标签中定义了一个最大号的标题和5个段落,其中每个段落标签中分别包含一句诗句。通过样式控制,实现了标题和诗句的居中显示。
阅读全文