# HTML的基本标签和属性是什么
## 引言
HTML（HyperText Markup Language）是构建网页的基础语言，通过标签（tags）和属性（attributes）定义文档结构和内容。本文将系统介绍HTML的核心标签及其常用属性，帮助初学者快速掌握网页开发基础。
---
## 一、HTML文档结构标签
### 1. 根标签 `<html>`
```html
<html lang="zh-CN">
<!-- 文档内容 -->
</html>
lang：指定文档语言（如en/zh-CN）<head><head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<meta>：定义元数据（如字符集）<title>：浏览器标签页标题<link>：引入外部资源（如CSS）<style>：内嵌CSS样式<body><body>
<!-- 可见内容区域 -->
</body>
<h1>-<h6><h1>一级标题</h1>
<h2>二级标题</h2>
h1到h6重要性递减<p><p>这是一个段落文本。</p>
<br>第一行<br>第二行
<hr><hr>
| 标签 | 作用 | 示例 |
|---|---|---|
<strong> |
加粗（语义重要） | <strong>重要</strong> |
<em> |
斜体（强调） | <em>强调</em> |
<del> |
删除线 | <del>原价</del> |
<sub> |
下标 | H2O |
<img><img src="image.jpg" alt="描述文本" width="200">
src：图片路径（必选）alt：替代文本（SEO重要）width/height：尺寸控制<audio><audio controls>
<source src="audio.mp3" type="audio/mpeg">
</audio>
controls：显示播放控件autoplay：自动播放（慎用）<video><video width="320" controls>
<source src="video.mp4" type="video/mp4">
</video>
<a><a href="https://example.com" target="_blank">访问示例</a>
href：目标URLtarget：
_self：当前窗口（默认）_blank：新窗口<a href="#section1">跳转到第一节</a>
...
<h2 id="section1">第一节</h2>
<ul><ul>
<li>项目1</li>
<li>项目2</li>
</ul>
<ol><ol start="3" type="A">
<li>第一项</li>
<li>第二项</li>
</ol>
type：编号类型（1/A/a/I/i）start：起始值<dl><dl>
<dt>HTML</dt>
<dd>超文本标记语言</dd>
</dl>
<table border="1">
<caption>学生成绩表</caption>
<tr>
<th>姓名</th>
<th>成绩</th>
</tr>
<tr>
<td>张三</td>
<td>90</td>
</tr>
</table>
<table>：定义表格<tr>：表格行<td>：标准单元格<th>：表头单元格（自动加粗居中）<form><form action="/submit" method="POST">
<!-- 表单控件 -->
</form>
action：提交地址method：HTTP方法（GET/POST）<input><input type="text" name="username" placeholder="请输入用户名">
type值：
text：文本输入password：密码输入checkbox：复选框radio：单选按钮submit：提交按钮<select><select name="city">
<option value="bj">北京</option>
<option value="sh">上海</option>
</select>
<textarea><textarea rows="4" cols="50"></textarea>
id：唯一标识符class：CSS类名style：内联样式onclick：点击事件onmouseover：鼠标悬停事件<div data-user-id="123"></div>
data-*属性用于存储额外信息掌握这些基础标签和属性是前端开发的起点。随着HTML5的发展，还出现了更多语义化标签（如<header>、<article>等），建议在熟悉基础后进一步学习。实践是巩固知识的最佳方式，建议通过构建简单网页来练习这些标签的使用。
“`
注：本文约1500字，采用Markdown格式编写，包含： 1. 层级标题结构 2. 代码块示例 3. 表格对比 4. 分类说明 5. 重点标注
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
