在文档的首行声明文档类型：
<!DOCTYPE html>描述性标签，它用来描述我们网站的一些信息
HTML 标题（Heading）是通过
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>HTML 段落是通过
标签进行定义的。
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>HTML 链接是通过 标签进行定义的。
<a href="http://www.w3school.com.cn">This is a link</a>HTML 图像是通过 标签进行定义的。
<img src="w3school.jpg" width="104" height="142" />| 属性 | 值 | 描述 |
|---|---|---|
| class | classname | 规定元素的类名（classname） |
| id | id | 规定元素的唯一 id |
| style | style_definition | 规定元素的行内样式（inline style） |
| title | text | 规定元素的额外信息（可在工具提示中显示） |
够通过如下语法向 HTML 源代码添加注释：
<!-- 在此处写注释 -->| header | 定义文档或节的页眉 |
|---|---|
| nav | 定义导航链接的容器 |
| section | 定义文档中的节 |
| article | 定义独立的自包含文章 |
| aside | 定义内容之外的内容（比如侧栏） |
| footer | 定义文档或节的页脚 |
| details | 定义额外的细节 |
| summary | 定义 details 元素的标题 |
HTML 支持的数学符号(常用)
< > 大于号
> < 小于号
& & 引号
" " 引号
® 已注册
© 版权
不断行的空Frame 标签定义了放置在每个框架中的 HTML 文档。
在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中，而 HTML 文档 "frame_b.htm" 被置于第二个列中：
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>向 HTML5 页面添加 canvas 元素。(Echarts)
<canvas id="myCanvas" width="200" height="100"></canvas>Input 类型 - number
Points: <input type="number" name="points" min="1" max="10" />Input 类型 - email
E-mail: <input type="email" name="user_email" />Input 类型 - url
Homepage: <input type="url" name="user_url" />Input 类型 - range
<input type="range" name="points" min="1" max="10" />| 属性 | 值 | 描述 |
|---|---|---|
| max | number | 规定允许的最大值 |
| min | number | 规定允许的最小值 |
| step | number | 规定合法的数字间隔（如果 step="3"，则合法的数是 -3,0,3,6 等） |
| value | number | 规定默认值 |
常用方式
原文：https://www.cnblogs.com/gyhbk/p/12325760.html