图片超链接表格

版权声明：本文为博主原创文章，未经博主允许不得转载。

一、图像标签

　　标签名:<img  />

　　常用属性:

　　Alt -- 代表图像的替代文字

　　作用: 当图片不显示的时候出现内容 用于提醒用户本图片的内容

　　Src -- 代表一个图像的源路径(就是图像的位置)

　　Border -- 代表图片边框宽度

　　Height -- 代表图像的高度

　　Width -- 代表图像的宽度

　　注意: 如果想要使用宽度和高度的话 不能同时使用 否则图片失真 如果要改变效果 请修改一个属性即可

　　Title -- 提示字

　　常用格式:

　　JPEG  -- 支持多种颜色可以有很高的压缩比  使用有损压缩 不支持透明

　　GIF -- 最多支持256色 支持透明  支持多帧动画显示效果

　　PNG -- 是一种新的图片技术 可以表现品质比较高的图片 使用无损压缩 支持透明 不支持动画

　　注意 : 图片标签的所有路径不能出现中文内容 在代码路径中不能出现中文！ 所有现在开始我们的所有命名请使用英文和拼音

二、   链接和锚点

1. 链接标签

　　　　标签名:<a></a>

　　　　常用属性:

　　　　Href -- 代表的是一个url链接源(就是你要链接到什么位置)

　　　　Url除了是网页外 还可以是其他的文件(如:文本文件,图片等..)

　　　　如果你要跳转到网站上的时候 必须要在href的里面写上我们的协议(http,https)

　　　　Url还可以是指定一个html文件的一个位置

　　　　Url 还可以是EMail地址

　　　　target  用来指出哪个窗口或框架应该被此链接打开

　　　　_blank  将连接内容在新窗口打开

　　　　 _parent 将连接内容 当前文件的上一个画面

　　　　 _self   将连接内容显示在目录的窗口中（默认值）

　　　　 _top    这个参数可以解决新内容被旧框窗保卫的困扰（分帧框架的时候讲解）

　　　　Title -- 代表链接附加提示信息

　　2.锚点(内部链接)

　　　　声明锚点

　　　　<a name="锚点名"></a>

　　　　使用锚点

　　　　内部使用方式

　　　　<a href="#锚点名"></a>

　　　　外部使用方式

　　　　<a href="./demo.html#锚点名">我要去看小说的第三章</a>

　　　　<h1 id=”one”></h1>

三、表格标签

1. 表格标签

　　　　<table></table>

　　　　常用属性:

　　　　Border 边框 单位是像素  设置为0则不显示边框

 　　　   Width  表格宽度  可使用像素或者百分比

　　　　Height  表格高度  可以使用像素或者百分比

　　　　注意:如果外面没有父级元素设置高度 那么我们就不能使用百分比

　　　　Cellspacing 单元格间距 单位为像素 默认为2

　　　　Cellpadding 单元格内边距 单位为像素 默认为1

　　　　align 表格相对于周围元素的位置

 　　　　left（左边）|center(中间)|right（右边）

                 Bgcolor 背景颜色

　　　　Background 背景图片

       2. 行标签

　　　　<tr></tr> 代表 html中表格的一行内容

　　　　  常用属性:

　　　　Align 内容的水平位置

　　　　Left（默认值）|center|right

　　　　Valign 内容的垂直位置

　　　　Top（上面）|middle（中间）（默认值）|bottom（下面）

　　　　Bgcolor 背景颜色

　　　　 Height  高度

　　　　注意:在tr标签中是没有width这个属性的 所以说别再tr标签中设置宽度属性

　　3 单元格标签

　　　　<td></td> 代表html中表格的一个单元格

　　　　Width/height 宽度和高度

　　　　Align/valign 对齐

　　　　Left|center|right

　　　　Top|middle|bottom

　　　　Colspan 合并列

　　　　Rowspan 合并行

　　　　Bgcolor 背景颜色

　　　　<th></th> 在html中的表格中代表单元格 但是他有特殊的样式是 加粗居中显示

　　4 表头标签

　　　　<caption></caption> 表格表头

　　总结： 

　　　　对于重要属性意义的标签，a img 一定要知道他们的属性使用方法意义。对应链接a href img src 对于地址的了解一定要透彻，绝对地址和相对地址的意义，用法。  img的alt属性一定要用，养成好习惯。a标签的target对应的四个属性的了解 _blank  将连接内容在新窗口打开 _parent 将连接内容 当前文件的上一个画面    _self   将连接内容显示在目录的窗口中（默认值）  _top    这个参数可以解决新内容被旧框窗保卫的困扰  以及 锚点的两个使用方法。

　　　　a标签的跳转与不跳转 <a href="#"></a>跳转到首页

　　　　<a href="javascript:;"></a>执行空的js不跳转  <a href="##"></a>不跳转  <a href="javascript:void(0);"></a>点击链接后，页面不动，只打开链接

　　　　对于表格，在现在实际的排版中虽然被淘汰掉了，但是现在还是流行各个网站后代中的，网站的后台管理系统大多数都是表格来做的，那么了解表格这个就非常的重要了，对于表格中的基本排版应该都没有什么问题，但是一定要能灵活的运用colspan合并列和rowspan合并行完成各个不同的版块排版的制作。