11.15

表格介绍：
语法：

<tabke>表格
	<tr>//行-有几行写几个tr
		<td>内容/图片内容</td>单元格
		<td></td>
		<td></td>
	</tr>
</table>

通常表格<table></table> 包括航<tr></tr>行里面包括单元格<td></td>
注意：内容一定要放入最底层的标签里面
表格的<table>属性:
border默认数值是0 
rules  合并边框线 例如rules="all" （w3c不推荐使用 css里有）
设置表格的宽度width 和高度 height（w3c不建议使用这个高度）
表格的边框颜色 bordercolor=“颜色值” (通常不建议使用)
表格的居中方式aligh="水平对齐方式" left center right
表格中的内容和单元格之间的距离cellpadding=“数值”默认数值是2px
表格中的单元格和单元格之间的距离cellsoacing="默认数值2像素"
设置表格的背景颜色用bgcolor="颜色值" 
设置表格的背景图片用background=“图片的地址”（背景图片不能含有中文）
背景图片图片的优先级高于背景图片
<tr>的属性：行的高度 例如：height= "300"
<bgcolor> 背景颜色   例如“bgcolor="blue"”
background 背景图片 例如 background = "images/22.jpg"
align 水平对齐方式  例如 align="left//center//right"  //或者
valign 垂直对齐方式  例如valign="top//middle//bottom"  

单元格的属性

bgcolor 背景颜色
background 背景图片
width  单元格的宽度 例如 width = "300"
height  单元格的高度  例如height = "200"
align  内容在单元格中的水平对齐方式 align="left//center//right"
valign 内容在单元格中垂直对齐方式  valign="top//middle//bottom"

• 表格的扩充

合并单元格
横向合并 左右合并（若干个单元格合并成一个单元格）
colspan =“数值” 例如colspan=“3” 横向合并3个
纵向合并 rowspan=“数值” 例如 rowspan=“3” 纵向合并3个

• 链接

语法：<a 属性=属性值“”>内容
链接的地址 href=链接的地址url, url的绝对地址 相对地址
target 打开目标文件的窗口
_blank 在新的窗口中打开目标文件
_self 默认的打开方式，在原来的窗口中打开目标文件

• name 定义锚点的名称
  同一个页面的不同区域直接跳转
  定义锚点

<a name="自定义名称"></a>  在<a></a>不加内容  在链接中的target用跳转锚点
<a href="#锚点名称">内容</a>

跳转锚点

绝对地址： （网络地址）—http：

语法<a href="http://www.taobao.com">淘宝</a>

本地的地址 ----在你的本级上测试

相对地址：
同一个站点下，在同一个文件夹下
目标文件和当前文件在同一个目录，直接写文件名称
目标文件在当前文件的下一级目录，XX表示文件夹名 XX/文件名称
目标文件在当前文件的上一级目录 …/文件名称
目标文件在当前文件的上2级目录…/…/文件名称

• 特殊链接

  • 下载链接
  • 那些文件不用下载可以直接做链接 .html .jpg .gif
    那些文件必须下载链接 .zip .exe

  <a href="下载链接">内容</a>
  

• 邮件链接

<a href="mailto:邮箱地址">内容</a>

• 空连接
  在当前页面做链接 点开当前页面还是当前页面

<a herf="#">链接的内容</a>

• javascript链接

<a href="javascript:window.close()">关闭</a>

• 颜色的英文单词

black 黑色 blue 蓝色 green 绿色

purple 紫色 yellow 黄色 red 红色

pink 粉红色 orange 橙黄色 珊瑚色：coral

青铜色：gilt 蓝灰色：pewter 湖水蓝：turq

红古铜色：bronze 粉玫色：fuchsia 淡黄绿色：pistac

彩虹色：rainbow 憬红色：shocking red
粉红色：pink
橙红色：salmon pink
baby pink 浅粉红色
shocking pink 鲜粉红
brown 褐色, 茶色
beige 灰褐色

• Meta标签

描述网页文档属性
http-equiv 和name

http-equiv: 模拟的是http文件头信息，当内容从服务器端发送客户端，告诉浏览器如何正确显示信息

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />   使用的是utf-8(多国语言)
<meta http-equiv="content-type" content="text/html;charset=gbk" /> 国标码

• 网页自动刷新

<meta http-equiv="refresh" content="4"/>  间隔4秒自动刷新
<meta http-equiv="refresh" content="8;http://www.baidu.com" />
8秒自动跳转到百度页面
name可以设置网页关键字，描述信息等
<meta name="keywords" content="关键字" />  便于搜索引xing的需要
<meta name="description"  content="网站的描述信息" /> 便于搜索引xing
<meta name="author" content="作者" />  网站的制作者