DW网站设计利用段落p标记和标题h1标记,在网页中显示一首古诗,内容极样式
时间: 2024-09-19 17:04:54 浏览: 31
在网页设计中,为了优雅地展示古诗并保持良好的可读性和结构,可以使用HTML中的`<p>`(段落)标签来包裹每一行诗句,并配合`<h1>`(一级标题)来设置诗歌标题。下面是一个简单的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>古诗欣赏</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
}
h1 {
text-align: center;
margin-top: 20px;
font-size: 24px;
}
p {
font-size: 18px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<h1>静夜思</h1>
<p>床前明月光,疑是地上霜。</p>
<p>举头望明月,低头思故乡。</p>
</body>
</html>
```
在这个例子中,`<h1>`用于标题“静夜思”,而每句诗词由一个`<p>`标签包含,添加了一些基本的CSS样式如字体、行高和间距,以便于阅读。用户可以在浏览器中查看这个效果。