超详细！简单 HTML 案例带你搭建基础网页

当然可以！以下是一个简单的 HTML 示例，展示了一个基本的网页结构，包括、段落、图像和链接： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的第一个网页</title> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 20px; } h1 { color: #333; } p { font-size: 16px; line-height: 1.5; } a { color: #007BFF; text-decoration: none; } a:hover { text-decoration: underline; } img { max-width: 100%; height: auto; } </style> </head> <body> <h1>欢迎来到我的网页</h1> <p>这是一个简单的 HTML 示例网页，用于展示基本的结构和样式。</p> <h2>我的爱好</h2> <p>我喜欢编程、阅读和旅行。以下是我最近的一次旅行照片：</p> <img src="https://via.placeholder.com/600x300" alt="旅行照片"> <h2>联系我</h2> <p>如果你想和我联系，可以通过以下链接找到我：</p> <ul> <li><a href="https://github.com" target="_blank">我的 GitHub</a></li> <li><a href="https://www.linkedin.com" target="_blank">我的 LinkedIn</a></li> </ul> </body> </html> ``` 说明： 1. DOCTYPE 声明：定义文档类型为 HTML5。 2. `<html>`：根元素，包含网页的所有内容。 3. `<head>`：文档的元数据部分，包括字符集、视口、和样式。 4. `<body>`：网页的主体内容，包括、段落、图像和链接。 5. 样式：在 `<style>` 标签中定义了一些基本样式，使网页看起来更美观。你可以将这些代码复制到本地的 `.html` 文件中，然后用浏览器打开，查看效果。 ######[AI写代码神器 | 1185点数解答 | 2024-10-16 11:39:31]

服务商

更多选项

快捷项

自定义