首页html5网页设计作业

html5网页设计作业

时间: 2023-10-22 13:19:42 浏览: 27

很好，下面是一个简单的HTML5网页设计作业： 1. 创建一个HTML5文件，命名为index.html 2. 在文件的头部添加标题，并链接CSS文件： ``` <!DOCTYPE html> <html> <head> <title>My First HTML5 Webpage</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> ... </body> </html> ``` 3. 在网页中添加一个标题和一个段落： ``` <h1>Welcome to my webpage</h1> <p>This is my first HTML5 webpage. I am excited to learn more about web development!</p> ``` 4. 添加一个图片： ``` <img src="image.jpg" alt="My Image"> ``` 5. 创建一个表格： ``` <table> <tr> <th>Name</th> <th>Age</th> <th>Gender</th> </tr> <tr> <td>John</td> <td>25</td> <td>Male</td> </tr> <tr> <td>Jane</td> <td>30</td> <td>Female</td> </tr> </table> ``` 6. 在网页底部添加版权信息： ``` <footer> <p>© 2021 My Company. All rights reserved.</p> </footer> ``` 7. 最后，为网页添加样式，打开style.css文件，并添加以下代码： ``` body { font-family: Arial, sans-serif; } h1 { color: #333; } table { border-collapse: collapse; } th, td { border: 1px solid #ccc; padding: 10px; } footer { background: #eee; text-align: center; padding: 20px; } ``` 这是一个简单的HTML5网页设计作业。你可以根据自己的需求和创意进一步完善它。