首页设计一个网站，用于个人信息的显示，要求只用html，至少要包括：以下标记：<a> <img> <table> <ul> 带超链接，自动排版，带表格

设计一个网站，用于个人信息的显示，要求只用html，至少要包括：以下标记：<a> <img> <table> <ul> 带超链接，自动排版，带表格

时间: 2024-01-29 09:06:21 浏览: 78

插入图片标记<Img>-html网页设计教程

插入图片标记<Img> 格式：<img …..> <img>的属性 Src：插入图像的路径。 Alt：提示文字。提示文字有两个作用：一是当浏览该网页时，如果图像下载完成，鼠标放在该图像上，鼠标旁会出现提示文字；二是当图像没有被下载时，在图像的位置会出现提示文字。 Width、Height：图像的宽度和高度，单位为像素或百分比。 Align：图像和文字的对齐方式。

<!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>

阅读全文