HTML的代码格式及常见标签

1、HTML的代码格式：

当浏览器解析HTML代码的时候，无论HTML文件中敲了多少空格都是一个空格，回车亦是如此；
一个tab键相当于四个空格

2、常见标签

	1)居中标签   <center></center>
	2)换行标签   <br/>
	3)分隔线标签 <hr/>
	4)段落标签   <p></p>

3、HTML的实体标签

名称	格式
空格	& nbsp;
左尖括号	& lt;
右尖括号	& gt;

4、head头部的标签

标签	作用
< title></ title>	标题标签
< meta charset=“utf-8/>”	设置字符集
< style></sty/e>	定义css样式的标签
< script></ script>	定义js的标签
< link>	导入外部文件的标签

头部标签的一些属性：

1)type     导入文件的类型
2)rel      链接文档和被链接文档之间的关系
3)href     被链接文档的路径

meta描述：

1)http-equiv   告知浏览器行为                                                  
2)name         告知浏览器内容
3)content：    http-equiv与name之间连接的内容

5、文本标签

标签写法	标签名称
< h1>< /h1>~< h6></ h6>	H族标签，数字越小字体越大
< p></ p>	段落标签
< b></ b>///< strong></ strong>	加粗标签
< i></ i>///< em></ em>	倾斜标签
< sup></ sup>	上标标签
< sub></ sub>	下标标签
< u></ u>	下划线标签
< bdo></ bdo>	文本方向标签

dir字体方向：
1\ r-t-l 从右向左
2\ l-t-r 从左向右

6、列表标签

标签写法	标签名称
< ul></ ul>	无序列表
< ol></ ol>	有序列表
< li></ li>	列表项
< dl></ dl>	自定义列表
< dd></ dd>	定义列表中的一个项目
< dt></ dt>	对项目的描述

7、< img/>图片标签的属性

1)width       宽度
2)height      高度
3)src         链接图片的路径
4)alt         图片加载失败时显示的内容
5)title       图片标题

*注意：
宽度与高度不建议同时设置，设置比例不准确时，会导致图片变形，建议单独设置宽/高。

8、超链接< a></ a>标签的属性

1)href        跳转地址
2)target      窗口的打开方式
3)_blank      在新窗口打开
4)_self       在本窗口打开

9、简单了解路径

	1、相对路径：相对于当前位置开始的
	./      当前路径
	../    上一级目录
	2、绝对路径：根目录
	         1)网址          http://www.baidu.com
	         2)本地地址     从根目录开始的