1. 什么是HTML？
HTML（HyperText Markup Language，超文本标记语言）是构建Web页面的基础语言。它使用标签（tags）来描述网页的结构和内容。每一个网站，无论是简单的个人博客还是复杂的Web应用，其底层都是由HTML构建的
HTML5是HTML的最新版本，引入了许多新的语义化标签、表单控件和多媒体元素，让Web开发更加高效和强大。使用我们的在线HTML编辑器可以实时练习HTML代码
2. HTML文档基本结构
一个标准的HTML5文档包含以下基本结构：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面标题</title>
</head>
<body>
<h1>Hello World</h1>
<p>这是一个段落</p>
</body>
</html><!DOCTYPE html> 声明文档类型为HTML5。<html> 是根元素。<head> 包含元数据，<body> 包含可见内容。
3. 常用HTML标签
文本标签
<h1>-<h6>：标题标签，h1最重要，h6最不重要<p>：段落标签<strong>：加粗强调<em>：斜体强调<br>：换行<hr>：水平线
链接和图片
<a href="https://www.htmleditor.cn">HTML在线编辑器</a>
<img src="image.jpg" alt="图片描述">列表
<ul>
<li>无序列表项1</li>
<li>无序列表项2</li>
</ul>
<ol>
<li>有序列表项1</li>
<li>有序列表项2</li>
</ol>4. HTML5语义化标签
HTML5引入了语义化标签，让网页结构更有意义：
<header>页面头部</header>
<nav>导航菜单</nav>
<main>
<article>文章内容</article>
<aside>侧边栏</aside>
</main>
<section>区块</section>
<footer>页脚</footer>语义化标签有助于搜索引擎理解页面结构，对SEO（搜索引擎优化）非常有益。同时，也提升了代码的可读性和可维护性
5. HTML5表单新特性
HTML5新增了多种输入类型和表单特性：
<form>
<input type="email" placeholder="邮箱">
<input type="url" placeholder="网址">
<input type="tel" placeholder="电话">
<input type="number" min="0" max="100">
<input type="range">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="search">
<input type="file" accept="image/*" multiple>
<input type="submit" value="提交">
</form>这些新的输入类型在支持的浏览器中会自动进行格式验证，减少了JavaScript的编写工作
6. 多媒体元素
<video controls width="640">
<source src="movie.mp4" type="video/mp4">
您的浏览器不支持视频播放</video>
<audio controls>
<source src="song.mp3" type="audio/mpeg">
您的浏览器不支持音频播放</audio>7. 动手实践
学习HTML最好的方式就是动手实践！打开我们的HTML在线编辑器，尝试编写上面的代码示例，实时查看效果。您还可以使用CSS在线编辑器学习样式设计，使用JS编辑器学习JavaScript交互
推荐工具：HTML编辑器 · CSS编辑器 · JS编辑器 · Markdown编辑器