1. 基本 HTML 文档结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个HTML文档</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个简单的HTML文档示例。</p>
</body>
</html>
2. 链接和列表：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>链接和列表示例</title>
</head>
<body>
<h1>我的兴趣爱好</h1>
<ul>
<li><a href="https://www.example.com">阅读</a></li>
<li><a href="https://www.example.com">旅行</a></li>
<li><a href="https://www.example.com">摄影</a></li>
</ul>
</body>
</html>
3. 图像：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>图像示例</title>
</head>
<body>
<h1>我的照片</h1>
<img src="my-photo.jpg" alt="我的照片">
</body>
</html>
4. 表单：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表单示例</title>
</head>
<body>
<h1>用户登录</h1>
<form action="/login" method="post">
<label for="username">用户名：</label>
<input type="text" id="username" name="username" required>
<label for="password">密码：</label>
<input type="password" id="password" name="password" required>
<button type="submit">登录</button>
</form>
</body>
</html>
这些示例演示了一些基本的 HTML 结构和常见元素的使用。你可以根据需要修改和扩展这些示例，以满足具体项目的要求。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12448/HTML