2019.7.14
1.属性为 HTML 元素提供附加信息，总是在 HTML 元素的开始标签中规定。
例子：<h1 align="center"> 对齐方式
<body bgcolor="yellow"> 背景颜色
<table border="1"> 表格边框
2. <hr /> 标签在 HTML 页面中创建水平（分割）线。
3.注释写法<! xxxx >
条件注释
<!--[if IE 8]>
.... some HTML here ....
<![endif]-->
4.<br />换行
5. 当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。
6.属性尽量用样式代替——采取style属性
例子：<h2 style="background-color:red">This is a heading</h2>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
<h1 style="text-align:center">This is a heading</h1>
7.<pre>标签保留多个空格和换行
8.改变文字方向（浏览器支持bdo—bi-directional override）：
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
9.长引用<blockquote>浏览器会插入换行和外边距，短引用<q>无特殊表现（只加“”）
10. HTML <abbr> 元素定义缩写或首字母缩略语。
对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。
11. HTML <dfn> 元素定义项目或缩写的定义。
11.1如果设置了 <dfn> 元素的 title 属性，则定义项目：
<p>The <dfn title="World Health Organization">WHO</dfn> was founded in 1948.</p>
11.2 如果 <dfn> 元素包含具有标题的 <abbr> 元素，则 title 定义项目：
<p>The
<dfn><abbr title="World Health Organization">WHO</abbr></dfn>
was founded in 1948.
</p>
（加dfn后WHO在浏览器上为斜体）
11.3 否则，<dfn> 文本内容即是项目，并且父元素包含定义:
<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>
(没用，尽量使用11.1或用<abbr>代替)
12. 使用 Target 属性，你可以定义被链接的文档在何处显示。
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
13. name 属性规定锚（anchor）的名称。使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示，它对读者是不可见的。
当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接。(目录等 )
例：
首先，我们在 HTML 文档中对锚进行命名（创建书签）：
<a name="tips">基本的注意事项 - 有用的提示</a>
然后，我们在同一个文档中创建指向该锚的链接：
<a href="#tips">有用的提示</a>
也可以在其他页面中创建指向该锚的链接：
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
提示：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。
14. <img src=”url” alt= “” /> src定义图像,图像无法加载时显示alt内容。
15.<body background=”url”> 设置背景图片，图片小于页面则图片会重复出现。
16.<img src ="/i/eg_cute.gif" align="middle"> 排列图像（图像的底部、中部、顶部与文字底部对齐），bottom对齐方式是默认的。
17.将图像作为链接来使用（设置链接）
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
18.创建带可供点击区域的图像（每个区域都是一个超链接）
先在img中使用usemap属性
<img
src="/i/eg_planets.jpg"
border="0" usemap="#planetmap"
alt="Planets" />
在<map name=”” id=””>
</ map>中设置<area />如
<area
shape="circle"
coords="180,139,14"
href ="/example/html/venus.html"
target ="_blank"
alt="Venus" />
注意：如果某个 area 标签中的坐标和其他区域发生了重叠，会优先采用最先出现的 area 标签。浏览器会忽略超过图像边界范围之外的坐标。
19.表格由<table></table>定义，每行由<tr></tr>定义，每行分若干个单元格，由<td></td>定义，表头由<th></th>定义，占一行（前后需要<tr>）
表格边框有无表示为<table border=”1”>
20.空单元格占位符： ； 也可作为不换行空格使用
21.单元格跨行 <th rowspan="2">电话</th>（跨两行）
22.无序列表与有序列表（带不带序号）
无序列表始于 <ul> 标签。每个列表项始于 <li>。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
23.自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
计算机</dt>
用来计算的仪器 ... ...</dd>
显示器
以视觉方式显示信息的装置 ... ...
24. <div> 元素是块级元素。它能够用作其他 HTML 元素的容器。
设置 <div> 元素的类，能够为相同的 <div> 元素设置相同的类：
<div class="cities"></div>
25. <span> 元素是行内元素，能够用作文本的容器。
设置 <span> 元素的类，能够为相同的 <span> 元素设置相同的样式:
<h1>我的<span class="red">重要的</span>标题</h1>
26. HTML5 语义元素(<nav></nav>)
| header |
定义文档或节的页眉 |
| nav |
定义导航链接的容器 |
| section |
定义文档中的节 |
| article |
定义独立的自包含文章 |
| aside |
定义内容之外的内容（比如侧栏） |
| footer |
定义文档或节的页脚 |
| details |
定义额外的细节 |
| summary |
定义 details 元素的标题 |
27. 框架：在一个窗口显示多个html文档，每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。
框架结构标签（<frameset>）定义如何将窗口分割为框架，每个 frameset 定义了一系列行或列，rows/columns 的值规定了每行或每列占据屏幕的面积
<frameset cols="25%,75%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
</frameset>
28. 假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize="noresize"。为不支持框架的浏览器添加 <noframes> 标签。
注意：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。