说明
根据HTML 教程 | 菜鸟教程 (runoob.com)自学，制作的目录和简要说明。
文章目录
html简介
实例解析
最简单的html实例，介绍了html的大体结构。
什么是html
不是编程语言，而是标记语言。使用标记标签描述网页。html文档包含了html标签和文本内容，html文档也叫做web页面。
html标签
尖括号包围的关键词。通常成对出现，成对的第一个叫做开始标签，第二个叫做结束标签。
html元素
开始标签+元素内容+结束标签
web浏览器
浏览器读取html文件并将其作为网页显示。
Html网页结构
HTML版本
<!DOCTYPE> 声明
中文编码
html基础
html标题
标题标签，<h1> - <h6>
html段落
段落标签，<p>
html链接
链接标签
<a href="https://www.runoob.com">这是一个链接</a>
html图像
图像标签
<img decoding="async" src="/images/logo.png" width="258" height="39" />
html元素
html元素语法
开始标签、结束标签、元素内容、某些元素具有空内容、空元素在开始标签中关闭、大多数html元素有属性
嵌套的html元素
大多数html元素可以嵌套
html文档实例
实例演示了3个元素是怎么嵌套的
html实例解析
分析了<p> 元素，<body> 元素，<html> 元素
html空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
HTML 提示：使用小写标签
html属性
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现，比如：name=“value”。
属性实例
通过<a>标签介绍了href属性
HTML 属性常用引用属性值
属性值应该始终被包括在引号内。
双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：
name='John "ShotGun" Nelson'
HTML 提示：使用小写属性
HTML 属性参考手册
查看完整的HTML属性列表: HTML 标签参考手册。
html标题
标题（Heading）是通过 <h1> - <h6> 标签进行定义的。
<h1> 定义最大的标题。 <h6>定义最小的标题。
标题很重要
不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。
html水平线
<hr>标签在 HTML 页面中创建水平线。
HTML 注释
HTML 提示 - 如何查看源代码
单击右键，然后选择"查看源文件"（IE）或"查看页面源代码"（Firefox）查看网页源代码。
实例
显示标题、插入注释、插入水平线
html段落
段落是通过 <p> 标签定义的。
HTML 折行
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br>标签：
<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。
HTML 输出- 使用提醒:
无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
实例
显示段落、换行、排版一首唐诗、空格和回车被忽略，行数显示和浏览器大小有关。
html文本格式化
通过标签控制一些文本的格式显示
HTML 格式化标签
HTML 使用标签 <b>(“bold”) 与 <i>(“italic”) 对输出的文本进行格式, 如：粗体 or 斜体
这些HTML标签被称为格式化标签。
通常标签<strong>替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。
然而，这些标签的含义是不同的：
<b> 与<i> 定义粗体或斜体文本。
<strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示。
实例
文本格式化、使用 pre 标签对空行和空格进行控制、"计算机输出"标签的显示效果、如何在 HTML 文件中写地址、实现缩写或首字母缩写、改变文字的方向、实现长短不一的引用语、标记删除文本和插入文本。
html链接
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
html超链接
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
最低0.47元/天 解锁文章
779
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
