HTML 中的常用标签（2）

一.图片

1.插入图片

  ＜img src="图形文件名"＞

2.设定图框-- border 

  ＜img src="图形文件名" border=点数＞

3.设定图形大小-- width?height

  ＜img src="图形文件名" width=宽度点数height=高度点数＞

4.设定图形上下左右留空-- vspace?hspace

   ＜img src="图形文件名" vspace=上下留空点数hspace=左右留空点数＞

5.图形附注

  ＜img src="图形文件名" alt="说明文字"＞

6.预载图片

  ＜img src="高解析度图形文件名" lowsrc="低解析度图形文件名"＞

1. S.两个图的图形大小最好一致

7.影像地图（Image Map）

  ＜img src="图形文件名" usemap="#图的名称"＞

  ＜map name="图的名称"＞

    ＜area shape=形状coords=区域座标列表href="连结点之URL"＞

    ＜area shape=形状coords=区域座标列表href="连结点之URL"＞

    ＜area shape=形状coords=区域座标列表href="连结点之URL"＞

    ＜area shape=形状coords=区域座标列表href="连结点之URL"＞

  ＜/map＞

【1】定义形状-- shape 

  Shape=rect：矩形

  shape=circle：圆形

  shape=poly：多边形

【2】定义区域-- coords

    a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

例：＜area shape=rect coords=100,50,200,75 href="URL"＞

    b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度

例：＜area shape=circle coords=85,155,30 href="URL"＞

   c.任意图形（多边形）：将图形之每一转折点座标依序填入

例：＜area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"＞

二．表格

1.定义表格

  ＜table＞..........＜/table＞

【1】设定边框的厚度-- border

   ＜table border=点数＞

【2】设定格线的宽度-- cellspacing

   ＜table cellspacing=点数＞

【3】设定资料与格线的距离-- cellpadding

   ＜table cellpadding=点数＞

【4】调整表格宽度-- width 

   ＜table width=点数或百分比＞

【5】调整表格高度-- height

   ＜table height=点数或百分比＞

【6】设定表格背景色彩-- bgcolor

   ＜table bgcolor=#rrggbb＞

【7】设定表格边框色彩-- bordercolor

   ＜table bordercolor=#rrggbb＞

2.显示格线

＜table border＞

3.表格标题

＜caption＞..........＜/caption＞

表格标题位置-- align

＜caption align="#"＞

#号可为:

top：表标题置于表格上方（预设值）

bottom：表标题置于表格下方

4.定义列

＜tr＞

5.定义栏位

《1》＜td＞：靠左对齐

《2》＜th＞：靠中对齐?粗体

【1】水平位置-- align

   ＜th align="#"＞

   #号可为

   left：向左对齐

   center：向中对齐

   right：向右对齐

【2】垂直位置-- align

   ＜th align="#"＞

   #号可为

   top：向上对齐

   middle：向中对齐

   bottom：向下对齐

【3】栏位宽度-- width

   ＜th width=点数或百分比＞

【4】栏位垂直合并-- rowspan

   ＜th rowspan=欲合并栏位数＞

【5】栏位横向合并-- colspan

   ＜th colspan=欲合并栏位数＞