图片标签（单标签 ，行内块标签）
图片的语法：
图片的属性
l 图片的路径 src=”图片的地址”（1.网上url 2.本地的绝对地址 3.本地的相对地址）
l 图片的宽度 width=”数值” 以像素为单位的px,不写单位 例如width=”300”
l 图片的高度 height=”数值” 以像素为单位px例如height=”200”
l 图片的边框 border=”数值”
l 图片加载失败解释说明 alt=”对图片的描述内容”(因路径错误或者网络图片加载速度过慢，就会出现alt提示的内容)
l 图片的解释说明 title=”鼠标移上去之后对图片的描述内容”
l 图片和内容左右之间的距离 hspace=”数值”
l 图片和内容上下之间的距离 vspace=”数值” （了解，css样式实现）
注意：图片等比例缩放，只设置宽度或高度
表格
语法：
| 内容 | 内容 | |
| 内容 | 图片内容 |
通常表格
注意：内容一定要放入最底层的标签里面
表格的的属性1. 表格的边框 border=”数值” 默认是0
2. 表格的宽度 width=”数值”
3. 表格的高度 height=”数值”（w3c推荐不建议使用高度）
4. 表格的居中方式 align=”水平对齐方式” 取值 left center right
5. 表格中的内容和单元格之间的距离 cellpadding=”数值” 默认数值是2像素
6. 表格中单元格和单元格之间的距离 cellspacing=”数值” 默认数值是2像素
7. 表格的背景颜色 bgcolor=”颜色值” 例如 bgcolor=”red”
8. 表格的背景图片 background=”图片的地址”（背景图片不能含有中文）---修饰的作用
9. 表格的合并边框线 rules=”all” (w3c不推荐使用，css样式来实现)
10. 表格的边框颜色 bordercolor=”颜色值”例如 bordercolor=”#ff0000”(不建议使用)
注意：背景图片的优先级高于背景颜色
需求：插入三行三列的表格，表格的宽度为990像素，表格的边框粗细为2
需求：插入两行五列的表格，表格的宽度为1000像素，表格居中显示，表格的边框为默认，在第一行的每一个单元格中放入图片，图片的宽度为190像素，高度为160像素，第二行放入内容
的属性l Height 行的高度 例如 height=”300”
l Bgcolor背景颜色 例如 bgcolor=”blue”
l Background背景图片 例如 background=”images/33.jpg”
l Align 水平对齐方式 例如 align=”left //center//right” //或者
l Valign 垂直对齐方式 例如 valign=”top //middle //bottom”
属性l Bgcolor 背景颜色
l Background 背景图片 例如 background=”images/XX.jpg”
l Width 单元格的宽度 例如 width=”300”
l Height 单元格的高度 例如height=”40”
l Align 内容在单元格中的水平对齐方式 align=”left/center/right”
l Valign 内容在单元格中垂直对齐方式 valign =”top/middle/bottom”;
rules=”all” 合并表格的边框线
表格的扩充
合并单元格的问题
上面的表格 纵向合并rowspan=”数值” 例如rowspan=”3” 纵向合并2个
Rowspan=”2”
口诀: 横向合并，不跨行去除相应单元格。 纵向合并，跨行去除相应单元格。
语法mailto:邮件的地址>内容
空链接
在当前页面做链接 http://www.taobao.com>淘宝
本地的地址 ----在你的本机上测试
相对地址
在同一个站点下，在同一个文件夹
l 目标文件和当前文件在同一个目录 ，直接写文件名称
l 目标文件在当前文件的下一级目录，XX表示文件夹名 XX/文件名称
l 目标文件在当前文件的下两级目录 xx/xx/文件名
l 目标文件在当前文件的上一级目录 ../文件名称
l 目标文件在当前文件的上两级 目录 ../../文件名称 上三级../../../文件名称
补充知识：
颜色代码（理解）
英文 red green blue
十六进制 #ff0000 #00ff00 #0000ff
十进制 rgb(255,0,0) rgb(0,255,0) rgb(0,0,255)
十进制：十个基本数0,1,2,3,4,5,6,7,8,9
十六进制 十六个基本数构成 0-9 a b c d e f #ff6688
八进制 八个基本数够成 0 1 2 3 4 5 6 7
二进制 两个基本数构成 0 1
字符集
为什么要有字符集，是因为计算机只能处理二进制数据。为了让计算机能识别人类语言(0-9、a-z、A-Z、特殊符号)，我们就需要对这每一个字符进行“编码”。所谓“编码”就是：每一个字符，可以用不同的二进制来表示。
假设：A 用二进制表示 1000， B 用二进制表示 1001
ASCII编码：用1个字节(8位二进制)来表示所有字符，共可以表示2^8 = 256 。
ANSI编码：其它国家，都对ASCII编码进行扩展，用于显示本国的语言。
在中文操作系统 gb2312
繁体操作系统 big5
用2个字节(16位二进制)(来表示，共可以表示2^16 = 65536个字符。
Gb2312 收入了6763个汉字
GBK编码：对GB2312进行扩充，收录了一些冷门字、罕见字、古汉语等。。。大约2.1万个汉字
Unicode编码：计划将世界上所有字符统一编码，用4个字节(32位二进制)来表示一个字符。
它的缺点：编码表文件太大了，不方便使用。用32位二进制表示一个字符，造成空间极大浪费。
UTF-8： (多国语言编码)
不同的字符，它会选择合适编码来进行翻译。
若有不足请多多指教！希望给您带来帮助！
1. 表格的边框 border=”数值” 默认是0
2. 表格的宽度 width=”数值”
3. 表格的高度 height=”数值”（w3c推荐不建议使用高度）
4. 表格的居中方式 align=”水平对齐方式” 取值 left center right
5. 表格中的内容和单元格之间的距离 cellpadding=”数值” 默认数值是2像素
6. 表格中单元格和单元格之间的距离 cellspacing=”数值” 默认数值是2像素
7. 表格的背景颜色 bgcolor=”颜色值” 例如 bgcolor=”red”
8. 表格的背景图片 background=”图片的地址”（背景图片不能含有中文）---修饰的作用
9. 表格的合并边框线 rules=”all” (w3c不推荐使用，css样式来实现)
10. 表格的边框颜色 bordercolor=”颜色值”例如 bordercolor=”#ff0000”(不建议使用)
注意：背景图片的优先级高于背景颜色
需求：插入三行三列的表格，表格的宽度为990像素，表格的边框粗细为2
需求：插入两行五列的表格，表格的宽度为1000像素，表格居中显示，表格的边框为默认，在第一行的每一个单元格中放入图片，图片的宽度为190像素，高度为160像素，第二行放入内容
的属性l Height 行的高度 例如 height=”300”
l Bgcolor背景颜色 例如 bgcolor=”blue”
l Background背景图片 例如 background=”images/33.jpg”
l Align 水平对齐方式 例如 align=”left //center//right” //或者
l Valign 垂直对齐方式 例如 valign=”top //middle //bottom”
属性l Bgcolor 背景颜色
l Background 背景图片 例如 background=”images/XX.jpg”
l Width 单元格的宽度 例如 width=”300”
l Height 单元格的高度 例如height=”40”
l Align 内容在单元格中的水平对齐方式 align=”left/center/right”
l Valign 内容在单元格中垂直对齐方式 valign =”top/middle/bottom”;
rules=”all” 合并表格的边框线
表格的扩充
合并单元格的问题
上面的表格 纵向合并rowspan=”数值” 例如rowspan=”3” 纵向合并2个
Rowspan=”2”
口诀: 横向合并，不跨行去除相应单元格。 纵向合并，跨行去除相应单元格。
语法mailto:邮件的地址>内容
空链接
在当前页面做链接 http://www.taobao.com>淘宝
本地的地址 ----在你的本机上测试
相对地址
在同一个站点下，在同一个文件夹
l 目标文件和当前文件在同一个目录 ，直接写文件名称
l 目标文件在当前文件的下一级目录，XX表示文件夹名 XX/文件名称
l 目标文件在当前文件的下两级目录 xx/xx/文件名
l 目标文件在当前文件的上一级目录 ../文件名称
l 目标文件在当前文件的上两级 目录 ../../文件名称 上三级../../../文件名称
补充知识：
颜色代码（理解）
英文 red green blue
十六进制 #ff0000 #00ff00 #0000ff
十进制 rgb(255,0,0) rgb(0,255,0) rgb(0,0,255)
十进制：十个基本数0,1,2,3,4,5,6,7,8,9
十六进制 十六个基本数构成 0-9 a b c d e f #ff6688
八进制 八个基本数够成 0 1 2 3 4 5 6 7
二进制 两个基本数构成 0 1
字符集
为什么要有字符集，是因为计算机只能处理二进制数据。为了让计算机能识别人类语言(0-9、a-z、A-Z、特殊符号)，我们就需要对这每一个字符进行“编码”。所谓“编码”就是：每一个字符，可以用不同的二进制来表示。
假设：A 用二进制表示 1000， B 用二进制表示 1001
ASCII编码：用1个字节(8位二进制)来表示所有字符，共可以表示2^8 = 256 。
ANSI编码：其它国家，都对ASCII编码进行扩展，用于显示本国的语言。
在中文操作系统 gb2312
繁体操作系统 big5
用2个字节(16位二进制)(来表示，共可以表示2^16 = 65536个字符。
Gb2312 收入了6763个汉字
GBK编码：对GB2312进行扩充，收录了一些冷门字、罕见字、古汉语等。。。大约2.1万个汉字
Unicode编码：计划将世界上所有字符统一编码，用4个字节(32位二进制)来表示一个字符。
它的缺点：编码表文件太大了，不方便使用。用32位二进制表示一个字符，造成空间极大浪费。
UTF-8： (多国语言编码)
不同的字符，它会选择合适编码来进行翻译。
若有不足请多多指教！希望给您带来帮助！
l Height 行的高度 例如 height=”300”
l Bgcolor背景颜色 例如 bgcolor=”blue”
l Background背景图片 例如 background=”images/33.jpg”
l Align 水平对齐方式 例如 align=”left //center//right” //或者
l Valign 垂直对齐方式 例如 valign=”top //middle //bottom”
属性l Bgcolor 背景颜色
l Background 背景图片 例如 background=”images/XX.jpg”
l Width 单元格的宽度 例如 width=”300”
l Height 单元格的高度 例如height=”40”
l Align 内容在单元格中的水平对齐方式 align=”left/center/right”
l Valign 内容在单元格中垂直对齐方式 valign =”top/middle/bottom”;
rules=”all” 合并表格的边框线
表格的扩充
合并单元格的问题
上面的表格 纵向合并rowspan=”数值” 例如rowspan=”3” 纵向合并2个
Rowspan=”2”
口诀: 横向合并，不跨行去除相应单元格。 纵向合并，跨行去除相应单元格。
语法mailto:邮件的地址>内容
空链接
在当前页面做链接 http://www.taobao.com>淘宝
本地的地址 ----在你的本机上测试
相对地址
在同一个站点下，在同一个文件夹
l 目标文件和当前文件在同一个目录 ，直接写文件名称
l 目标文件在当前文件的下一级目录，XX表示文件夹名 XX/文件名称
l 目标文件在当前文件的下两级目录 xx/xx/文件名
l 目标文件在当前文件的上一级目录 ../文件名称
l 目标文件在当前文件的上两级 目录 ../../文件名称 上三级../../../文件名称
补充知识：
颜色代码（理解）
英文 red green blue
十六进制 #ff0000 #00ff00 #0000ff
十进制 rgb(255,0,0) rgb(0,255,0) rgb(0,0,255)
十进制：十个基本数0,1,2,3,4,5,6,7,8,9
十六进制 十六个基本数构成 0-9 a b c d e f #ff6688
八进制 八个基本数够成 0 1 2 3 4 5 6 7
二进制 两个基本数构成 0 1
字符集
为什么要有字符集，是因为计算机只能处理二进制数据。为了让计算机能识别人类语言(0-9、a-z、A-Z、特殊符号)，我们就需要对这每一个字符进行“编码”。所谓“编码”就是：每一个字符，可以用不同的二进制来表示。
假设：A 用二进制表示 1000， B 用二进制表示 1001
ASCII编码：用1个字节(8位二进制)来表示所有字符，共可以表示2^8 = 256 。
ANSI编码：其它国家，都对ASCII编码进行扩展，用于显示本国的语言。
在中文操作系统 gb2312
繁体操作系统 big5
用2个字节(16位二进制)(来表示，共可以表示2^16 = 65536个字符。
Gb2312 收入了6763个汉字
GBK编码：对GB2312进行扩充，收录了一些冷门字、罕见字、古汉语等。。。大约2.1万个汉字
Unicode编码：计划将世界上所有字符统一编码，用4个字节(32位二进制)来表示一个字符。
它的缺点：编码表文件太大了，不方便使用。用32位二进制表示一个字符，造成空间极大浪费。
UTF-8： (多国语言编码)
不同的字符，它会选择合适编码来进行翻译。
若有不足请多多指教！希望给您带来帮助！
l Bgcolor 背景颜色
l Background 背景图片 例如 background=”images/XX.jpg”
l Width 单元格的宽度 例如 width=”300”
l Height 单元格的高度 例如height=”40”
l Align 内容在单元格中的水平对齐方式 align=”left/center/right”
l Valign 内容在单元格中垂直对齐方式 valign =”top/middle/bottom”;
rules=”all” 合并表格的边框线
表格的扩充
合并单元格的问题
上面的表格 纵向合并rowspan=”数值” 例如rowspan=”3” 纵向合并2个
Rowspan=”2”
口诀: 横向合并，不跨行去除相应单元格。 纵向合并，跨行去除相应单元格。
语法mailto:邮件的地址>内容
空链接
在当前页面做链接 http://www.taobao.com>淘宝
本地的地址 ----在你的本机上测试
相对地址
在同一个站点下，在同一个文件夹
l 目标文件和当前文件在同一个目录 ，直接写文件名称
l 目标文件在当前文件的下一级目录，XX表示文件夹名 XX/文件名称
l 目标文件在当前文件的下两级目录 xx/xx/文件名
l 目标文件在当前文件的上一级目录 ../文件名称
l 目标文件在当前文件的上两级 目录 ../../文件名称 上三级../../../文件名称
补充知识：
颜色代码（理解）
英文 red green blue
十六进制 #ff0000 #00ff00 #0000ff
十进制 rgb(255,0,0) rgb(0,255,0) rgb(0,0,255)
十进制：十个基本数0,1,2,3,4,5,6,7,8,9
十六进制 十六个基本数构成 0-9 a b c d e f #ff6688
八进制 八个基本数够成 0 1 2 3 4 5 6 7
二进制 两个基本数构成 0 1
字符集
为什么要有字符集，是因为计算机只能处理二进制数据。为了让计算机能识别人类语言(0-9、a-z、A-Z、特殊符号)，我们就需要对这每一个字符进行“编码”。所谓“编码”就是：每一个字符，可以用不同的二进制来表示。
假设：A 用二进制表示 1000， B 用二进制表示 1001
ASCII编码：用1个字节(8位二进制)来表示所有字符，共可以表示2^8 = 256 。
ANSI编码：其它国家，都对ASCII编码进行扩展，用于显示本国的语言。
在中文操作系统 gb2312
繁体操作系统 big5
用2个字节(16位二进制)(来表示，共可以表示2^16 = 65536个字符。
Gb2312 收入了6763个汉字
GBK编码：对GB2312进行扩充，收录了一些冷门字、罕见字、古汉语等。。。大约2.1万个汉字
Unicode编码：计划将世界上所有字符统一编码，用4个字节(32位二进制)来表示一个字符。
它的缺点：编码表文件太大了，不方便使用。用32位二进制表示一个字符，造成空间极大浪费。
UTF-8： (多国语言编码)
不同的字符，它会选择合适编码来进行翻译。
若有不足请多多指教！希望给您带来帮助！
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/2311/viewspace-2804618/ ，如需转载，请注明出处，否则将追究法律责任。
