什么是HTML？
HTML: Hyper Text Markup Language（超文本标记语言）
超文本: 图像、音视频、美化文字等
主要用途：网页展示
扩展：XML
XML: Extensible Markup Language（可扩展标记语言）
主要用途：数据传输与存储
HTML来历（引自百度词条）
1993年由互联网工程工作小组（IETF）提出来的。
万维网: 万维网WWW是World Wide Web的简称，也称为Web、3W等。WWW是基于客户机/服务器方 式的信息发现技术和超文本技术的综合。WWW服务器通过超文本标记语言(HTML)把信息组织成为图文 并茂的超文本，利用链接从一个站点跳到另个站点。这样一来彻底摆脱了以前查询工具只能按特定路径 一步步地查找信息的限制
蒂姆·伯纳斯-李:：Tim Berners-Lee 英国[计算机科学家，万维网发明者 伯纳斯-李为关注万维网发展而创办了[万维网联盟]（W3C）并担任主席，他也是万维网基金会的创办 人。
万维网联盟：（World Wide Web Consortium，简称 W3C）创建于1994年，是Web技术领域具有权威和 影响力的国际中立性技术标准机构。W3C已发布了400多项影响深远的Web技术标准及实施指南，如广 为业界采用的超文本标记语言（HTML）、可扩展标记语言（XML）以及帮助残障人士有效获得Web 内 容的信息无障碍指南（WCAG）等，有效促进了Web技术的互相兼容，对互联网技术的发展和应用起到 了基础性和根本性的支撑作用。
万维网标准
- 结构标准 （html）
- 表现标准 （css）
- 行为标准 （ECMAScript）
HTML5的优势
- 跨浏览器
- 化繁为简，简化的DOCTYPE，强大的HTML5 API 以浏览器原生能力替代复杂的JavaScript代码
- 跨平台 支持多种类型设备的跨平台适用性，减少了开发人员的工作量
- 功能强大新增了很多特性 支持本地存储、离线缓存、地理位置等 新增实用标签
主流编辑器
目前HTML编辑器通常使用VSCode
建议配合以下插件使用
- HTML/CSS：HTML/CSS语法支持
- Auto Close Tag：自动关闭标签
- live server：可以在vscode中预览编写的网页
- Open Browser Preview：在默认的浏览器中打开 页面
HTML5的基本结构
<!DOCTYPE html> <!--文档类型-->
<html lang="en"><!--所有的标签都应该写在html标签里 lang为标签的属性 en为属性值 -->
<head> <!--头部信息-->
<meta charset="UTF-8" />
<title>网页标题</title><!--网页标题-->
</head>
<body>
这是网页内容
<!-- 网页中所有可见内容都应写在这里 -->
</body>
</html>所有网页文件的后缀名为 .html .htm
HTML5常用标签
| 标签 | 作用 |
|---|---|
| <h1~6> | 文本标题 |
| <p> | 段落标签 |
| <strong> | 文本加粗 |
| <em> | 文本斜体 |
| <br> | 强制换行 |
| <hr> | 水平线 |
其中前三个为双标签，例如段落需要以<p>开头，</p>结尾，示例：
<p>这是段落内容</p>后两个则为单标签，例如水平线：
<hr />或是：
<hr>两种写法都可以，第一种相对规范
常用标签预览：
代码：
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<p>这是段落内容</p>
<hr /> <!-- 水平线 -->
<strong>这是加粗文本</strong>
<br /> <!-- 强制换行 -->
<em>这是斜体文本</em>预览：
HTML结构-行级标签与块级标签
以上面预览为例，<em>和<strong>为行级标签，即可以显示在同一行。需要换行则需要在行末添加<br />
<h1> <p> 等为块级标签，即标签独占一行。在块级标签前后行添加内容无需使用<br />换行
示例：
<h1>第一行</h1>
<h2>第二行</h2>
<p>第三行</p><em>第一行</em>
<strong>还是第一行</strong>
<br /> <!-- 强制换行 -->
<em>这是第二行</em>
<strong>这也是第二行</strong>注释
在HTML中添加注释：
<!-- 这是注释内容 -->
暂无评论内容