写一个html网页设计代码并加上注释
时间: 2023-05-25 15:01:41 浏览: 72
<!DOCTYPE html> <!-- 声明文档类型为 HTML -->
<html> <!-- 开始 html 标签 -->
<head> <!-- head 标签用于定义文档的头部信息 -->
<meta charset="utf-8"> <!-- 声明文档使用 UTF-8 字符编码 -->
<title>My Webpage</title> <!-- 网页标题 -->
</head>
<body> <!-- body 标签用于定义文档的主体内容 -->
<h1>Welcome to my webpage!</h1> <!-- 标题一级标题 -->
<p>This is my first webpage.</p> <!-- 段落标签 -->
<h2>About Me</h2>
<ul> <!-- 无序列表 -->
<li>Name: John Doe</li> <!-- 列表项 -->
<li>Age: 25</li>
<li>Occupation: Web Developer</li>
</ul>
<h2>Contact Me</h2>
<form> <!-- 表单标签 -->
<label for="name">Name:</label> <!-- 表单标签 -->
<input type="text" id="name" name="name"><br><br> <!-- 输入框标签 -->
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="message">Message:</label><br>
<textarea id="message" name="message" rows="5" cols="30"></textarea><br><br> <!-- 文本域标签 -->
<input type="submit" value="Submit"> <!-- 提交按钮 -->
</form>
</body>
</html> <!-- 结束 html 标签 -->
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)