html5做自我介绍使用hl标签 5 文字水平居中对齐 正确的使用了有序列表标签 正确的设置了背景图片 “自我介绍”字体颜色正确 有序列表字体颜色正确 页面命名正确 样式表命名正确并能正确引用
时间: 2023-12-14 07:40:12 浏览: 79
html列表标签
以下是HTML5的代码示例,用于实现以上要求:
```html
<!DOCTYPE html>
<html>
<head>
<title>自我介绍</title>
<style>
body {
background-image: url('background.jpg');
background-size: cover;
background-position: center;
color: white;
font-size: 24px;
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
}
ol {
color: #F5A623;
font-size: 18px;
list-style-type: decimal;
text-align: center;
}
</style>
</head>
<body>
<h1>自我介绍</h1>
<ol>
<li>姓名:张三</li>
<li>年龄:25岁</li>
<li>职业:软件工程师</li>
<li>爱好:阅读、旅行、看电影</li>
</ol>
</body>
</html>
```
其中,`<h1>`标签用于表示页面标题,`<ol>`标签用于创建有序列表并设置其样式,`<li>`标签用于创建列表项。样式设置在`<style>`标签中,其中`background-image`属性用于设置背景图片,`color`属性用于设置字体颜色,`font-size`属性用于设置字体大小,`text-align`属性用于设置文本水平居中对齐,`list-style-type`属性用于设置有序列表的编号类型。最后,将页面保存为正确的命名格式(如`index.html`),并在其中引用样式表(如果样式表单独保存为一个`.css`文件)。
阅读全文