设计一个网站,用于个人信息的显示,要求只用html,至少要包括:以下标记:<a> <img> <table> <ul>
时间: 2023-12-14 21:05:33 浏览: 28
<html>
<head>
<title>个人信息</title>
</head>
<body>
<h1>个人信息</h1>
<table>
<tr>
<td>姓名:</td>
<td>张三</td>
</tr>
<tr>
<td>性别:</td>
<td>男</td>
</tr>
<tr>
<td>年龄:</td>
<td>25岁</td>
</tr>
<tr>
<td>职业:</td>
<td>软件工程师</td>
</tr>
</table>
<h2>个人照片</h2>
<img src="https://www.example.com/myphoto.jpg" alt="我的照片">
<h2>个人爱好</h2>
<ul>
<li>旅游</li>
<li>读书</li>
<li>打游戏</li>
</ul>
<h2>联系方式</h2>
<p>电话:1234567890</p>
<p>邮箱:<a href="mailto:myemail@example.com">myemail@example.com</a></p>
</body>
</html>
相关问题
设计一个网站,用于个人信息的显示,要求只用html,至少要包括:以下标记:<a> <img> <table> <ul> 带超链接,自动排版,带表格
<!DOCTYPE html>
<html>
<head>
<title>个人信息</title>
<meta charset="UTF-8">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
h1 {
text-align: center;
margin-top: 50px;
margin-bottom: 30px;
}
table {
margin: 0 auto;
border-collapse: collapse;
text-align: center;
width: 80%;
}
table th, table td {
padding: 10px;
border: 1px solid #ddd;
}
ul {
padding: 0;
margin: 0 auto;
text-align: center;
list-style: none;
margin-top: 50px;
margin-bottom: 50px;
}
ul li {
display: inline-block;
margin: 0 10px;
}
ul li a {
display: block;
padding: 10px;
text-decoration: none;
color: #fff;
background-color: #333;
border-radius: 5px;
}
ul li a:hover {
background-color: #555;
}
</style>
</head>
<body>
<h1>个人信息</h1>
<table>
<tr>
<th>姓名</th>
<td>张三</td>
</tr>
<tr>
<th>年龄</th>
<td>25岁</td>
</tr>
<tr>
<th>性别</th>
<td>男</td>
</tr>
<tr>
<th>职业</th>
<td>程序员</td>
</tr>
</table>
<ul>
<li><a href="#">个人主页</a></li>
<li><a href="#">博客</a></li>
<li><a href="#">联系我</a></li>
</ul>
<img src="https://via.placeholder.com/500x300" alt="个人照片">
</body>
</html>
写一个简单html5网页,要求实践<tiitle>、<h1>、<p>、<a>、<img>、<ul>等标签,功能不限。
当然可以!HTML5是一种用于创建网页和其他Web内容的标准。以下是一个简单的HTML5网页示例,其中包含了<tiitle>、<h1>、<p>、<a>、<img>、<ul>等标签的实践:
```
<!DOCTYPE html>
<html>
<head>
<title>我的第一个 HTML5 页面</title>
</head>
<body>
<h1>欢迎来到我的网页!</h1>
<p>这是我的第一个 HTML5 页面。在这个页面中,我将展示如何使用 HTML5 标签创建简单的网页。</p>
<img src="image.jpg" alt="一张图片">
<ul>
<li><a href="#">链接 1</a></li>
<li><a href="#">链接 2</a></li>
<li><a href="#">链接 3</a></li>
</ul>
</body>
</html>
```
在这个例子中,<tiitle>标签定义了网页标题,<h1>标签定义了一个大标题,<p>标签定义了一个段落,<a>标签定义了链接,<img>标签定义了一个图片,<ul>标签定义了一个无序列表。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)