HTML1.单标签、双标签为双标签 <body> 为开始标签 </body>为结束标签或者关闭标签为单标签或者空标签

1.单标签、双标签

<body> </body>

为双标签 <body> 为开始标签 </body>为结束标签或者关闭标签

<br />

为单标签或者空标签，数量很少。

2. HTML5的骨架

快速生成HTMl5骨架以下两个单词
1.html:5
2.!

再在sublime里按下tab键即生成HTML5的骨架

HTML5骨架

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>第一个HTML5</title>
</head>
<body>
	sublime使用很爽！
</body>
</html>

<!DOCTYPE html> 文档类型，告诉我们使用哪个html版本。该标签位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML或XHTML 标准规范,必须在开头处使用为所有的 XHTML文档指定XHTML版本和类型，只有这样浏览器才能按照指定的文档类型进行解析。

HTML5的文档类型兼容性很好
<meta charset="UTF-8">

字符集

utf-8是目前最常用的字符集编码方式，常用的还有GB2312和GBK

gb2312 简单中文
BIG5 繁体中文
GBK 包含全部中文字符是GB2312的扩展,加入对繁体字的支持，兼容GB2312

3. 排版标签

3.1 标题标签

<h1>,<h2>,<h3>,<h4>,<h5>和<h6>

<h1>标签很重要，尽量少用，一般用于logo

3.2 段落标签

<p></p>

3.3 水平线标签

<hr /> 单标签

3.4 换行标签

<br /> break的缩写，单标签

3.5 div,span

都是布局标签,是我们网页布局主要两个盒子

div是division 分区的意思，很多div组合网页 span 是范围

4.文本格式化标签

标签	标签含义
`<b><b/>和<strong><strong/>`	加粗(HTML推荐使用`<strong><strong/>`)
`<i><i/>和<em><em/>`	斜体(HTML推荐使用`<em><em/>`)
`<s><s/>和<del><del/>`	删除线(HTML推荐使用`<del><del/>`)
`<u><u/>和<ins><ins/>`	下划线(HTML推荐使用`<ins><ins/>`)

5. 标签属性

<hr color="red" width="500" />

标签可以拥有多个属性，必须写在开始标签中，位于标签名后面。
属性之间不分先后顺序，标签与属性、属性与属性间以空格分开。
任何标签的属性都有默认值，省略该属性则取默认值。

6.图像标签

<img src="img.ipg"/>

1.scr属性是图片的必须属性，不能省略。图片的来源路径
2.img是个单标签
3.如果是相对路径img.ipg必须和html必须在同一个文件夹下面。
4.alt属性，当图片显示不出来的时候,会替换的文字
5.title悬浮文字
6.width 、hight 宽高属性，一般情况下我们只需要更改宽度和高度一项就可以了，另一项会等比例缩放。（XHTML不支持页面百分比%）
7.border 边框属性

7.链接标签

<a href="http://www.baidu.com">百度</a>

1.链接标签必须要有href这个属性。
2.外部链接必须要以http://开头
3.内部链接写上相对路径即可。

8.锚点定位

锚点定位适合页面较长，单击某个关键词，从而迅速到达页面某个位置

<a href="#live">个人生活</a>

<h4 id="live">从小努力学习</h4>

1.使用“链接文本”创建链接文本。

2.使用相应的 id名标注跳转目的位置。

9.base标签

要在另一个窗口打开要加target=_blank属性

<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="http://www.sina.com.cn">新浪</a>
<a href="http://www.youku.com" target="_blank">优酷</a>
<a href="http://www.taobao.com" target="_blank">淘宝</a>

上面代码，百度，优酷，淘宝是在另一个窗口打开，新浪是在当前窗口打开。这样写太麻烦，就用到base标签

base标签

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>base标签</title>
	<base target="_blank" >
</head>
<body>
	
	<h4>友情链接:</h4>
	<a href="http://www.baidu.com" >百度</a>
	<a href="http://www.sina.com.cn" target="_self">新浪</a>
	<a href="http://www.youku.com" >优酷</a>
	<a href="http://www.taobao.com">淘宝</a>

</body>
</html>

百度，优酷，淘宝会在另一个窗口打开。新浪依然在当前窗口打开。因为加有target="_self"

10.特殊字符

html源代码	显示效果	源码
&nbsp		不断行的空白
&lt	<	小于号或显示标记
&gt	大于或显示标记
&laquo	《	前书名号或显示
&raquo	》	后书名号或显示
&amp	&	可用于显示其他特殊字符
&quot	"	引号
&reg	®	已注册
&copy	©	版权
&trade	™	商标
&times	x	表示关闭的小x

11.标签的类型（显示模式）

HTML标签一般分为块标签和行内标签。

11.1 块级元素（block-level）

常用的 <h1>~<h6>,<p>,<div>,<ul>,<li>,<ol>

div是最典型的

块级元素特点：
1.总是从新行开始.
2.高度、行高、外边距以及内边距都可以控制。
3.宽度默认是容器的100%。(一整行的100%)
4.可以容纳内联元素和其他块元素。

11.2 行内元素（inline-level）

常用的<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>

span是最典型的。

行内元素特点：
1.和相邻的元素在一行上。
2.宽高是无效的，但水平方向的padding和margin可以设置，垂直方向无效。
3.行内元素只能容纳文本或者其他行内元素。（a特殊）。

注意:
1.文字类的块级元素，不能再放其他块级元素。只有文字才能组成段落，因此p里面不能放块级元素，同理还有这些标签h1,h2,h3,h4,h5,h6,dt。他们都是文字类块级标签，里面不能放其他块级元素。
2.链接里面不能再放链接。

11.3.行内块元素(inline-block)

行内元素有几个特殊标签，<input /> <img /> <td></td> 可以设置宽高和对齐属性。

特点：
1.和相邻行内元素在一行上，但是之间会有空白缝隙。
2.默认宽度就是它本身内容的宽度。
3.高度，行高，外边距以及内边距都可以控制。

11.4 标签显示模式转换display

块转行：display:inline
行转块：display:block
块、行元素转成行内块：dispaly:inline-block

12.注释标签

注释快捷键:
1.单行注释 ctrl + /
2.多行注释 ctrl + shift + /