简介
HTML(HyperText Markup Language)是用于创建网页结构的标记语言。在本教程中,我们将介绍一些常用的HTML标签,以及它们的用法和示例。
1. HTML基础结构
<!DOCTYPE html>
<html>
<head><title>页面标题</title>
</head>
<body><!-- 这里是页面内容 -->
</body>
</html>
2. 文本标签
<h1>
到 <h6>
标题标签
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
...
<h6>这是六级标题</h6>
<p>
段落标签
<p>这是一个段落。</p>
<strong>
和 <em>
强调标签
<p><strong>加粗文本</strong>和<em>斜体文本</em></p>
3. 链接和图片
<a>
链接标签
<a href="https://www.example.com">点击这里访问示例网站</a>
<img>
图片标签
<img src="image.jpg" alt="图片描述">
4. 列表
无序列表(<ul>
和 <li>
)
<ul><li>列表项 1</li><li>列表项 2</li><li>列表项 3</li>
</ul>
有序列表(<ol>
和 <li>
)
<ol><li>列表项 1</li><li>列表项 2</li><li>列表项 3</li>
</ol>
5. 表格
<table><tr><th>表头1</th><th>表头2</th></tr><tr><td>数据1</td><td>数据2</td></tr>
</table>
6. 表单
<form>
表单标签
<form><label for="username">用户名:</label><input type="text" id="username" name="username"><br><label for="password">密码:</label><input type="password" id="password" name="password"><br><input type="submit" value="提交">
</form>
7. 多媒体
<audio>
音频标签
<audio controls><source src="audio.mp3" type="audio/mp3">Your browser does not support the audio element.
</audio>
<video>
视频标签
<video controls width="320" height="240"><source src="video.mp4" type="video/mp4">Your browser does not support the video element.
</video>
结语
希望通过本教程,您能更加熟悉和了解HTML标签的应用。不断练习,您将能够更灵活地运用HTML来构建各种网页结构。祝您学习愉快!