HTML基础语法
HTML常用标签
- 标题标签：
<h1>到<h6>， - 段落标签：
<p>， - 链接标签：
<a>，
<body><a href="https://www.example.com" target="_blank" title="这是链接标题">点击这里访问示例网站</a>
</body>
- 图像标签：
<img>，
<body><img src="./xxx.jpg" alt="描述信息" title="这是图片标题">
</body>
- 列表标签：有序列表
<ol>和无序列表<ul>和有序列表项<li>，
<body><h2>有序列表</h2><ol><li>第一项</li><li>第二项</li><li>第三项</li></ol><h2>无序列表</h2><ul><li>第一项</li><li>第二项</li><li>第三项</li></ul>
</body>
- 表格标签：
<table>嵌套<tr>(行)嵌套<th>(表头)和<td>(内容)，
<body><h2>示例表格</h2><table border="1"><tr><th>姓名</th><th>年龄</th><th>城市</th></tr><tr><td>张三</td><td>25</td><td rowspan="2">北京</td></tr><tr><td>李四</td><td>30</td></tr><tr><td>王五</td><td>28</td><td>广州</td></tr></table>
</body>
- 定义列表标签：
<dl>，<dt>，<dd>，用于定义术语和描述。
<body><h2>定义列表</h2><dl><dt>HTML</dt><dd>超文本标记语言</dd><dt>CSS</dt><dd>层叠样式表</dd><dt>JavaScript</dt><dd>脚本编程语言</dd></dl>
</body>
- 表单标签：
<form>，
<body><h2>示例表单</h2><form action="/submit" method="post"><label for="name">姓名:</label><input type="text" id="name" name="name" required><br><br><label for="male">性别</label><input type="radio" id="male" name="gender" value="male" checked>男<input type="radio" id="female" name="gender" value="female">女<br><br><lable for="hobby">爱好:</lable><input type="checkbox" id="reading" name="hobby" value="reading" checked>阅读<input type="checkbox" id="traveling" name="hobby" value="traveling">旅行<input type="checkbox" id="sports" name="hobby" value="sports">运动<br><br><label for="email">电子邮件:</label><input type="email" id="email" name="email" required><br><br><label for="password">密码:</label><input type="password" id="password" name="password" required><br><br><input type="submit" value="提交"></form>
</body>
- 分区标签：
<div>和<span>。 - 元数据标签：
<meta>，用于定义网页的元数据，如字符集、关键词、描述等。 - 脚本标签：
<script>，用于嵌入或引用JavaScript代码。 - 样式标签：
<style>，用于嵌入CSS样式表。 - 头部标签：
<head>，用于包含网页的元数据、标题、脚本和样式等信息。 - 主体标签：
<body>，用于包含网页的主要内容，如文本、图像、链接等。 - 注释标签：
<!-- -->，用于添加注释内容，这些内容不会在浏览器中显示。 - 换行标签：
<br>，用于在文本中插入换行符。 - 水平线标签：
<hr>，用于在网页中插入水平线，通常用于分隔内容块。 - 强调标签：
<strong>和<em>和<u>，用于强调文本内容，<strong>表示重要性(加粗)，<em>表示语气强调(斜体)，<u>表示下划线。 - 引用标签：
<blockquote>，用于表示引用的内容，通常会缩进显示。 - 代码标签：
<code>，用于表示计算机代码片段，通常会以等宽字体显示。 - 脚注标签：
<sup>和<sub>，分别用于表示上标和下标文本。 - 音频标签：
<audio>，用于嵌入音频内容。
<body><audio src="./xxx.mp3" controls>您的浏览器不支持音频播放。</audio>
</body>
- 视频标签：
<video>，用于嵌入视频内容。
<body><video src="./xxx.mp4" controls>您的浏览器不支持视频播放。</video>
</body>
- 导航标签：
<nav>，用于定义导航链接的部分。 - 页脚标签：
<footer>，用于定义网页的页脚部分，通常包含版权信息、联系方式等。 - 头部标签：
<header>，用于定义网页的头部部分，通常包含网站标题、导航菜单等。 - 主要内容标签：
<main>，用于定义网页的主要内容部分，通常包含文章、博客等核心内容。 - 文章标签：
<article>，用于定义独立的文章内容块，适用于博客文章、新闻报道等。 - 部分标签：
<section>，用于定义网页中的独立部分，适用于章节、主题等内容块。 - 侧边栏标签：
<aside>，用于定义与主内容相关的侧边栏内容，如广告、推荐文章等。 - 时间标签：
<time>，用于表示日期和时间信息。 - 进度条标签：
<progress>，用于表示任务的完成进度。 - 细节标签：
<details>和<summary>，用于创建可展开和折叠的内容块。 - 下拉菜单标签：
<select>和<option>，用于创建下拉选择菜单。
<body><h2>下拉菜单示例</h2><label for="fruits">选择你喜欢的水果:</label><select id="fruits" name="fruits"><option value="apple">苹果</option><option value="banana">香蕉</option><option value="orange">橙子</option><option value="grape">葡萄</option></select>
</body>
- 文本区域标签：
<textarea>，用于创建多行文本输入区域。
<body><h2>文本区域示例</h2><label for="comments">请输入您的评论:</label><br><textarea id="comments" name="comments" rows="4" cols="50"placeholder="在此输入您的评论..."></textarea>
</body>
