人物介绍网页模板html
时间: 2023-09-04 14:06:29 浏览: 55
单页人物介绍html网站模板
5星 · 资源好评率100%
很高兴为您提供人物介绍网页模板的HTML示例代码,代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>人物介绍</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
margin: 0;
}
.container {
margin: 20px;
}
.photo {
float: left;
margin-right: 20px;
width: 200px;
}
.name {
font-size: 24px;
font-weight: bold;
margin: 0;
}
.bio {
margin-top: 10px;
font-size: 18px;
line-height: 1.5;
}
</style>
</head>
<body>
<header>
<h1>人物介绍</h1>
</header>
<div class="container">
<div class="photo">
<img src="https://example.com/photo.jpg" alt="照片">
</div>
<div class="info">
<h2 class="name">姓名</h2>
<p class="bio">个人简介</p>
</div>
</div>
</body>
</html>
```
该示例代码包括一个简单的头部和一个人物介绍的容器。人物介绍容器包括一个照片和一个信息区域。信息区域包括姓名和个人简介。您可以根据需要修改样式和内容。
阅读全文