目录
1、HTML简介
2、HTML的元素
3、HTML的属性
4、常用的实例
4.1、h1
4.2、p
4.3、href
4.4、img
4.5、br
4.6、id
4.7、base
4.8、link
4.9、img
4.10、div
4.11、span
学习原因：因为在微信小程序中的界面是由html编写的，与Qt的控件不一致，所以了解一下html有助于微信小程序的编写，然后我的教程其实就是看一下菜鸟教程，因为这个不需要多么熟练，用多了自然就会熟悉起来
学习目的：熟悉语法、对特殊的元素、属性有点印象即可
1、HTML简介
HTML 它不是一种编程语言，而是一种标记语言，主要包含了HTML 标签及文本内容
- 标签：由尖括号包围的关键词，成对出现，第一个标签为开始标签，第二个为结束标签，例如：<标签>内容</标签>，HTML元素与标签通常描述的是同样的意思
HTML的组成
<!-- <!DOCTYPE html>声明为 HTML5 文档 -->
<!DOCTYPE html>
<!-- <html>元素是HTML页面的根元素 -->
<html>
<!-- <head>元素包含了文档的元（meta）数据 -->
<head>
<!-- <meta>元素定义网页编码格式为 utf-8 -->
<meta charset="utf-8">
<!-- <title> 元素描述了文档的标题 -->
<title>菜鸟教程(runoob.com)</title>
<!-- <head>的结束标签,与<head>元素看成一个部分 -->
</head>
<!-- <body>元素包含了可见的页面内容 -->
<body>
<!-- <h1>元素定义一个大标题 -->
<h1>我的第一个标题</h1>
<!-- <p>元素定义一个段落 -->
<p>我的第一个段落。</p>
<!-- <body>的结束标签,与<body>元素看成一个部分 -->
</body>
<!-- <html>的结束标签,与<html>元素看成一个部分 -->
</html>2、HTML的元素
HTML 元素以开始标签起始，HTML 元素以结束标签终止，元素的内容是开始标签与结束标签之间的内容，某些 HTML 元素具有空内容，空元素在开始标签中进行关闭（以开始标签的结束而结束），大多数 HTML 元素可拥有属性（个人觉得属性和元素非常的重要）
常见的元素有：
元素 | 功能 |
基础元素 | |
定义文档类型。 | |
定义一个 HTML 文档 | |
为文档定义一个标题 | |
定义文档的主体 | |
定义 HTML 标题 | |
定义一个段落 | |
定义简单的折行。 | |
定义水平线。 | |
定义一个注释 | |
格式元素 | |
定义一个缩写。 | |
定义文档作者或拥有者的联系信息。 | |
定义粗体文本。 | |
允许您设置一段文本，使其脱离其父元素的文本方向设置。 | |
定义文本的方向。 | |
定义被删除文本。 | |
定义斜体文本。 | |
定义加删除线的文本。 | |
定义小号文本。 | |
定义下划线文本。 | |
定义文本的变量部分。 | |
规定在文本中的何处适合添加换行符。 | |
表单 | |
定义一个 HTML 表单，用于用户输入。 | |
定义一个输入控件 | |
定义多行的文本输入控件。 | |
定义按钮。 | |
定义选择列表（下拉列表）。 | |
定义选择列表中相关选项的组合。 | |
定义选择列表中的选项。 | |
定义 input 元素的标注。 | |
定义围绕表单中元素的边框。 | |
定义 fieldset 元素的标题。 | |
规定了 input 元素可能的选项列表。 | |
规定用于表单的密钥对生成器字段。 | |
定义一个计算的结果 | |
框架 | |
HTML5不再支持。 定义框架集的窗口或框架。 | |
HTML5不再支持。定义框架集。 | |
HTML5不再支持。 定义针对不支持框架的用户的替代内容。 | |
定义内联框架。 | |
图像 | |
定义图像。 | |
通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。 | |
figure 标签用于对元素进行组合。 | |
Audio/Video | |
定义声音，比如音乐或其他音频流。 | |
定义media元素 (<video> 和 <audio>)的媒体资源。media | |
为媒体(<video> 和 <audio>)元素定义外部文本轨道。 | |
定义一个音频或者视频 | |
链接 | |
定义一个链接 | |
定义文档与外部资源的关系。 | |
定义文档的主体部分。 | |
定义导航链接 | |
列表 | |
定义一个无序列表 | |
定义一个有序列表 | |
定义一个列表项 | |
定义一个定义列表 | |
定义菜单列表。 | |
表格 | |
定义一个表格 | |
定义表格标题。 | |
定义表格中的表头单元格。 | |
定义表格中的行。 | |
定义表格中的单元。 | |
定义表格中的表头内容。 | |
定义表格中的主体内容。 | |
定义表格中的表注内容（脚注）。 | |
定义表格中一个或多个列的属性值。 | |
定义表格中供格式化的列组。 | |
样式/节 | |
定义文档的样式信息。 | |
定义文档中的节。 | |
定义文档中的节。 | |
定义一个文档头部部分 | |
定义一个文档底部 | |
定义了文档的某个区域 | |
定义一个文章内容 | |
定义其所处内容之外的内容。 | |
定义了用户可见的或者隐藏的需求的补充细节。 | |
定义一个对话框或者窗口 | |
定义一个可见的标题。 当用户点击标题时会显示出详细信息。 | |
元信息 | |
定义关于文档的信息 | |
定义关于 HTML 文档的元信息。 | |
定义页面中所有链接的默认地址或默认目标。 | |
HTML5不再支持。 HTML 4.01 已废弃。 定义页面中文本的默认字体、颜色或尺寸。 | |
程序 | |
定义客户端脚本。 | |
定义针对不支持客户端脚本的用户的替代内容。 | |
HTML5不再支持。 HTML 4.01 已废弃。 定义嵌入的 applet。 | |
<embed>New | 定义了一个容器，用来嵌入外部应用或者互动程序（插件）。 |
定义嵌入的对象。 | |
定义对象的参数。 | |
3、HTML的属性
HTML 元素可以设置属性，属性可以在元素中添加附加信息，属性一般描述于开始标签，属性总是以名称/值对的形式出现，比如：name="value"，注意属性值应该始终被包括在引号内（大小写和单/双引号不敏感）。
个人可能会用到的属性记录一下
4、常用的实例
4.1、h1
<h1>这是一个标题h1</h1>
<h2>这是一个标题h2</h2>
<h3>这是一个标题h3</h3>4.2、p
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>4.3、href
<a href="https://www.runoob.com">这是一个链接</a>4.4、img
<img src="/images/logo.png" width="258" height="39" />4.5、br
<p>这个<br>段落<br>演示了分行的效果</p>4.6、id
<p>
<a href="#C2">查看章节 4</a>
</p>
<h2>章节 1</h2>
<p>这边显示该章节的内容……</p>
<h2><a id="C4">章节 2</h2>
<p>这边显示该章节的内容……</p>
<h2>章节 3</h2>
<p>这边显示该章节的内容……</p>4.7、base
<! 这个页面的链接都会默认设置为 target 属性的值为 "_blank">
<base href="http://www.runoob.com/images/" target="_blank">4.8、link
<!-- <link> 标签定义了文档与外部资源之间的关系 -->
<link rel="stylesheet" type="text/css" href="mystyle.css">4.9、img
<p>创建图片链接:
<a href="http://www.runoob.com/html/html-tutorial.html">
<img border="10" src="smiley.gif" alt="HTML 教程" width="32" height="32"></a></p>4.10、div
<div style="color:#0000FF">
<h3>这是一个在 div 元素中的标题。</h3>
<p>这是一个在 div 元素中的文本。</p>
</div>4.11、span
<p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p>菜鸟教程的速查列表
HTML其实还是较为简单的，主要就是熟悉一下规则和用法，具体的东西还是需要多使用
