<!DOCTYPE> 是标准通用标记语言的文档类型声明，有助于在浏览器中正确地显示网页。

class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

定义水平线

<p>	定义一个段落
<br>	插入单个折行（换行）

HTML 文本格式化标签

标签	描述
<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

HTML "计算机输出" 标签

标签	描述
<code>	定义计算机代码
<kbd>	定义键盘码
<samp>	定义计算机代码样本
<var>	定义变量
<pre>	定义预格式文本

HTML 引文, 引用, 及标签定义

标签	描述
<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证
<dfn>	定义一个定义项目。

链接

HTML 空链接：指指向链接后，鼠标变成手形，但单击后仍停留在当前页面。

<a href="#">链接文字</a>

target 属性：默认的被链接文档会在原有的窗口中打开的。如果将 target 属性设置为 "_blank" 则文档就会在新窗口打开。

<a href="//www.w3cschool.cn/" target="_blank">访问W3CSchool教程!</a>

id 属性：可用于在一个 HTML 文档中创建书签标记。

HTML 头部

头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。

使用 <base> 定义页面中所有链接默认的链接目标地址。

<meta>

使用 <meta> 元素来描述HTML文档的描述，关键词，作者，字符集等。

META元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。

元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

定义网页作者:

<meta name="author" content="Hege Refsnes">

每30秒钟刷新当前页面:

<meta http-equiv="refresh" content="30">

CSS

内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素来包含CSS
外部引用 - 使用外部 CSS 文件

 <link rel="stylesheet" type="text/css" href="mystyle.css">

使用font-family（字体），color（颜色），和font-size（字体大小）属性来定义字体的样式

text-align（文字对齐）属性指定文本的水平与垂直对齐方式

不建议使用的标签有: <font>, <center>, <strike>

不建议使用的属性: color 和 bgcolor.

<img> 标签

src:源属性的值是图像的 URL 地址。

alt 属性用来为图像定义一串预备的可替换的文本。在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。

style="float:left"

style="float:right"图片浮动在这个文本的右边

<img>	定义图像
<map>	定义图像地图
<area>	定义图像地图中的可点击区域

表格的基本结构：

<table>…</table>：定义表格

<th>…</th>：定义表格的标题栏（文字加粗）

<tr>…</tr>：定义表格的行

<td>…</td>：定义表格的列

<th colspan="2">Telephone</th>跨两列

<th rowspan="2">Telephone:</th>跨两行

HTML5 不支持 align 属性。

<caption> 标签必须直接放置到 <table> 标签之后。

<colgroup> 和 <col> 标签为表格中的三个列设置了背景色

 <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>

<table>	定义表格
<th>	定义表格的表头
<tr>	定义表格的行
<td>	定义表格单元
<caption>	定义表格标题
<colgroup>	定义表格列的组
<col>	定义用于表格列的属性
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚

HTML无序列表

 <ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

有序列表

 <ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

自定义列表

 <dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

<div>	定义了文档的区域，块级 (block-level)
<span>	用来组合文档中的行内元素，内联元素(inline)

加个框

<fieldset>	定义了一组相关的表单元素，并使用外框包含起来
<legend>	定义了 <fieldset> 元素的标题

<fieldset>
   <legend>个人信息:</legend>
   姓名: <input type="text" size="30"><br>
   邮箱: <input type="text" size="30"><br>
   生日: <input type="text" size="10">
 </fieldset>

<select>	定义了下拉选项列表
<optgroup>	定义选项组
<option>	定义下拉列表中的选项

<datalist>	指定一个预先定义的输入控件选项列表
<keygen>	定义了表单的密钥对生成器字段，当提交表单时，私钥存储在本地，公钥发送到服务器。
<output>	定义一个计算结果

Safari不支持 datalist 标签、Internet Explorer 不支持 keygen 标签、Internet Explorer 不支持 output 标签

<!--output计算值 -->
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>

<keygen name="security"> 
</form>

HTML框架

颜色

红色、绿色和蓝色的值组成（RGB）

HTML<noscript> 标签

只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容

HTML 字符实体

HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换。

&entity_name;

或

&#entity_number;

如需显示小于号，我们必须这样写：< 或 < 或 <

如何使用CSS？

有三种方法可以在站点网页上使用样式表：
1. 外联式Linking（也叫外部样式）：将网页链接到外部样式表。
2. 嵌入式Embedding（也叫内页样式）：在网页上创建嵌入的样式表。
3. 内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。
其中，优先级：内联式 > 嵌入式 > 外联式

id 和 class 选择器

下一篇写CSS的使用

前端知识补充