请写一个简单的html5网页，包扩<title>，<h1>，<p>，<a>，<img>，<ul>等标签
时间: 2023-07-09 20:54:38 浏览: 48
好的，以下是一个简单的 HTML5 网页示例，包括了您提到的标签：
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个简单的网页示例，包括一些常见的 HTML5 标签。</p>
<a href="https://www.example.com">这是一个链接</a>
<img src="https://www.example.com/image.jpg" alt="图片描述">
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ul>
</body>
</html>
```
在上述代码中，`<title>` 标签定义了网页的标题，`<h1>` 标签定义了网页的主标题，`<p>` 标签定义了一个段落，`<a>` 标签定义了一个链接，`<img>` 标签定义了一个图片，`<ul>` 标签定义了一个无序列表，其中的 `li` 标签定义了列表项。
相关问题
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HRML5 开发</title> </head> <body> <h1 align="center">Sakura</h1> <hr > <img src="img/OIP-C.jpg" > </body> </html>把图片居中
可以使用CSS样式来使图片居中。具体的方法如下：
1. 在HTML中插入图片，可以使用`<img>`标签，例如：
```html
<img src="img/OIP-C.jpg" alt="图片描述">
```
2. 在CSS样式中，使用以下代码来使图片居中：
```css
img {
display: block; /* 将图片转换为块级元素 */
margin: 0 auto; /* 设置左右边距为自动，使图片水平居中 */
}
```
这样，图片就会在其所在的容器中水平居中。把代码插入到你的HTML文件中去，像这样：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HRML5 开发</title>
<style>
img {
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<h1 align="center">Sakura</h1>
<hr>
<img src="img/OIP-C.jpg" alt="图片描述">
</body>
</html>
```
这样，你的图片就会被居中了。
设计一个网站，用于个人信息的显示，要求只用html，至少要包括：以下标记：<a> <img> <table> <ul>
<!DOCTYPE html>
<html>
<head>
<title>个人信息</title>
</head>
<body>
<h1>个人信息</h1>
<img src="myphoto.jpg" alt="我的照片">
<table>
<tr>
<th>姓名</th>
<td>张三</td>
</tr>
<tr>
<th>性别</th>
<td>男</td>
</tr>
<tr>
<th>年龄</th>
<td>30</td>
</tr>
<tr>
<th>籍贯</th>
<td>山东</td>
</tr>
</table>
<h2>个人爱好</h2>
<ul>
<li>阅读</li>
<li>旅游</li>
<li>音乐</li>
</ul>
<h2>联系方式</h2>
<p>电话：<a href="tel:1234567890">1234567890</a></p>
<p>邮箱：<a href="mailto:zhangsan@example.com">zhangsan@example.com</a></p>
</body>
</html>
相关推荐
</body> </html>请问这段代码有何问题