设计一个网页 将续“再别康桥”作为H1标题、居中,字体颜色红色 “作者:徐志摩”作为H3标题、居中并设置上标 正文换行,斜体,使用H5标题、居中,按预定义格式显示(<pre>)。 尾段水平线.粗细(size="10")
时间: 2024-09-14 14:14:48 浏览: 65
再别康桥PPT模板:徐志摩诗作赏析.pptx
要设计一个包含指定内容的网页,可以使用HTML(HyperText Markup Language)进行编码。下面是一个简单的HTML示例代码,实现了您的要求:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>徐志摩诗集</title>
<style>
h1 {
color: red;
text-align: center;
}
h3 {
text-align: center;
vertical-align: super;
}
pre {
font-style: italic;
text-align: center;
}
</style>
</head>
<body>
<h1>再别康桥</h1>
<h3>作者:<span>徐志摩</span></h3>
<pre>正文内容放在这里,换行和预格式化效果会自动应用。</pre>
<hr size="10">
</body>
</html>
```
在这段代码中:
- `<h1>` 标签用于设置“再别康桥”作为主标题,并使用了内联样式 `style="color: red; text-align: center;"` 来设定字体颜色为红色,并使其居中显示。
- `<h3>` 标签用于设置作者名称,并使用了内联样式 `style="text-align: center; vertical-align: super;"` 来实现居中并设置上标效果。
- `<pre>` 标签用于包裹正文内容,并通过内联样式 `style="font-style: italic; text-align: center;"` 来实现斜体和居中显示。
- `<hr>` 标签用于创建一条水平线,并通过属性 `size="10"` 来设置线的粗细。
阅读全文