基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
文本相关
<!-- 标题 -->
<h1>这是一个标题</h1>
<!-- 段落 -->
<p>这是一个段落。</p>
<!-- 链接 -->
<a href="https://www.example.com">示例链接</a>
<!-- 图片 -->
<img src="image.jpg" alt="图片描述">
<!-- 列表 -->
<ul>
<li>项目1</li>
<li>项目2</li>
</ul>
<ol>
<li>有序项目1</li>
<li>有序项目2</li>
</ol>
<!-- 强调 -->
<strong>加粗文本</strong>
<em>斜体文本</em>
表格
<table>
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
</thead>
<tbody>
<tr>
<td>行1列1</td>
<td>行1列2</td>
</tr>
<tr>
<td>行2列1</td>
<td>行2列2</td>
</tr>
</tbody>
</table>
表单
<form action="/submit" method="post">
<label for="username">用户名：</label>
<input type="text" id="username" name="username">
<label for="password">密码：</label>
<input type="password" id="password" name="password">
<input type="submit" value="提交">
</form>
多媒体
<!-- 音频 -->
<audio controls>
<source src="audio.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
<!-- 视频 -->
<video controls width="400">
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
这只是一个简单的 HTML 速查列表，涵盖了一些常见的元素和属性。HTML 语言非常丰富，具体用法和属性更多，你可以根据具体需求进一步深入学习。
转载请注明出处：http://www.zyzy.cn/article/detail/12418/HTML