HTML表格标记及属性.doc

精品文档HTML表格标记及属性作者：等你爱我 文章来源：豆豆技术网 点击数：22 更新时间：2005-7-13表格是HTML的一项非常重要功能，利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果，使页面更加整齐美观。 常用表格标记 . 表格指令 。 相关属性 : ALIGN 调整 BGCOLOR 背景颜色 BORDER 边框 HEIGHT 高度 WIDTH 宽度 . 表格标题 。 相关属性 : ALIGN 调整 . 表格列 ( 可省略 ) 。 相关属性 : ALIGN 调整 . 表格栏标题 ( 表头 ) 粗体字 ( 可省略 ) 。 相关属性 : ALIGN 调整 COLSPAN 栏宽 ROWSPAN 栏高 . 表格栏资料 ( 储存格 ) ( 可省略 ) 。 相关属性 : ALIGN 调整 BGCOLOR 背景颜色 HEIGHT 高度 WIDTH 宽度 COLSPAN 栏宽 ROWSPAN 栏高 举例 如 : ( 基础型 ) 太平洋网络学院太平洋网络学院 太平洋网络学院太平洋网络学院 太平洋网络学院 太平洋网络学院 太平洋网络学院 太平洋网络学院 如 : ( 加强型 ) 增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。 表格标题 行标题 1 行标题 2 列标题 1 A A A A B B B B 列标题 2 C C C C D D D D 表格标题行标题 1 行标题 2 列标题 1 A A A A B B B B 列标题 2 C C C C D D D D 看了以上的例子，应该了解表格的基本写法吧！ 常用的HTML标签和属性作者：未知 来源：未知 加入时间：2005-7-17中国建站资源网表示绝对居中 表格标识的开始和结束属性：cellpadding=数值单位是像素 定义表元内距cellspacing=数值单位是像素 定义表元间距border=数值单位是像素 定义表格边框宽度width=数值单位是像素或窗口百分比 定义表格宽度background=图片链接地址 定义表格背景图表格中一个表格行的开始和结束 表格中一个表元的开始和结束 强制换行文本标识的开始和结束属性：face=字体color=颜色加粗文字标识的开始和结束属性：style=font-size:40pt; 用样式表方式控制字体大小，这里是40点分区标识的开始和结束属性：align=|center|left|right|水平对齐方式动态标识的开始和结束 如标识内放置贴图格式则可实现图片滚动属性：scrollamount=160 滚动速度direction=|left|right|up|down| 滚动方向scrolldelay=滚动延时 单位：毫秒段落标识  空格符 贴图标识属性：src=图片链接地址 贴图标识必备属性style=filter:Alpha(opacity=100,style=2);filter：样式表滤镜；Alpha：透明滤镜，opacity：不透明度100（0100）；style：样式2（03） rules=none不显示内框多媒体文件标识属性：SRC=FILENAME 设定音乐文件的路径，文件类型除了可以播放.rm;.mp3;.wav等音频，还可播放.swf和.mov等视频。AUTOSTART=TRUE/FALSE 是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSELOOP= 设定播放重复次数，LOOP=6表示重复6次，true或-1为无限循环，false为播放一次即停止。STARTIME=分:秒 设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20VOLUME=0-100 设定音量的大小。如果没设定的话，就用系统的音量。WIDTH HEIGHT 设定控制面板的大小，都设为0可隐藏播放器HIDDEN=TRUE 隐藏控制面板CONTROLS=CONSOLE/SMALLCONSOLE 设定控制面板的样子 背景音乐标识，只能用于.wav和.mp3格式。属性：LOOP= 设定播放重复次数，LOOP=6表示重复6次，true或-1为无限循环，false为播放一次即停止。常用代码汇编1.标题文字 . #=16；h1为最大字，h6为最小字2.字体变化 . 【1】字体大小 . #=17；数字愈大字也愈大 【2】指定字型 . 【3】文字颜色 . rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码3.显示小字体 . 4.显示大字体 .5.粗体字 .6.斜体字 . 7.打字机字体 .8.底线 .9.删除线 .10.下标字 .11.上标字 .12.文字闪烁效果 .13.换行 14.分段 15.文字的对齐方向 #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.之后的文字都会以所设的对齐方式显示， 直到出现另一个改变其对齐方向，遇到 或标签时会自动设回预设的向左对齐。16.分隔线 【1】分隔线的粗细 【2】分隔线的宽度 【3】分隔线对齐方向 #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 【4】分隔线的颜色 【5】实心分隔线 17.居中对齐 .18.依原始样式显示 .19.指令的属性 【1】背景颜色 - bgcolor 【2】背景图案 - background 【3】设定背景图案不会卷动 - bgproperties 【4】文件内容文字的颜色 - text 【5】超连结文字颜色 - link 【6】正被选取的超连结文字颜色 - vlink 【7】已连结过的超连结文字颜色 - alink 一、图片1.插入图片 2.设定图框 - border 3.设定图形大小 - width、height 4.设定图形上下左右留空 - vspace、hspace 5.图形附注 6.预载图片 P.S.两个图的图形大小最好一致7.影像地图（Image Map） 【1】定义形状 - shapeshape=rect：矩形 shape=circle：圆形 shape=poly：多边形 【2】定义区域 - coordsa.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标例： b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度例：c.任意图形（多边形）：将图形之每一转折点座标依序填入例：area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=URL二、表格相关1.表格标题. 表格标题位置 - align #号可为 top：表标题置于表格上方（预设值）bottom：表标题置于表格下方2.定义列 3.定义栏位 1：靠左对齐2：靠中对齐粗体 【1】水平位置 - align #号可为 left：向左对齐center：向中对齐 right：向右对齐【2】垂直位置 - align #号可为top：向上对齐 middle：向中对齐bottom：向下对齐 【3】栏位宽度 - width 【4】栏位垂直合并 - rowspan 【5】栏位横向合并 - colspan三、FRAME1、分割视窗指令 . 【1】垂直（上下）分割 - rows #号可为点数：如欲分割为100,200,300三个视窗，则；亦可以*号代表，如百分比：如，各 项总和最好为100%【2】水平（左右）分割 - cols 2、指定视窗内容 - 【1】指定视窗的文件名称 - src 【2】定义视窗的名称 - name 【3】设定文件与上下边框的距离 - marginheight 【4】设定文件与左右边框的距离 - marginwidth 【5】设定分割视窗卷轴 - scrolling #号可为 yes：固定出现卷轴no：不出现卷轴 auto：自动判断文件大小需不需要卷轴（预设值）【6】锁住分割视窗的大小 - noresize HTML标示作者：等你爱我 文章来源：豆豆技术网 点击数：20 更新时间：2005-7-13HTML提供许多种类的标示标记，作项目标示，而且可以作巢状式标示！ 常用标示标记 标示项目 。 如 : 第一项 第二项 1. 第一项 2. 第二项 . 编号标示 ，可标示数字或英文、罗马字母。 如 : 第一项 第二项 1. 第一项 2. 第二项 . 符号标示 ，可标示数字或英文、罗马字母。 如 : 第一项 第二项 第一项 第二项 定义项目 。 定义资料 。 . 定义标示 。 如 : 十进制 :0、1、2、3、4、5、6、7、8、9 十六进制 :0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F 十进制 : 0、1、2、3、4、5、6、7、8、9 十六进制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F 巢状式标示 如 : 第一章 第一节 第一段 第二段 第二节 第二章 第三章 1. 第一章 1. 第一节 第一段 第二段 2. 第二节 2. 第二章 3. 第三章 其他标示标记 . 目录式标示 ( 自动加圆点 )。 如 : 网络学院 : 新手上路 软件教室 设计教室 开发教室 网络学院 : 新手上路 软件教室 设计教室 开发教室 注意事项 标示项目符号也可以用. 标记，以符号字元 ( 、.等 ) 标示。 如 : 特殊符号 : 在HTML文件中，有些符号是代表特定的意义的。所以当我们要使用这些特殊符号时，便要用替代指令。 符号 替代指令 charset=gb2312 设定十秒回到首页。 ( 若不设定HTML文件位置则再载入原HTML文件 ) 设定链接、未链接部份颜色 设定链接、未链接部份颜色，用.标记。 相关属性 : ALINK 按下链接部份未放开时颜色 LINK 未看过的链接部份颜色 VLINK 已看过的链接部份颜色 如 : 框架作者：等你爱我 文章来源：豆豆技术网 点击数：19 更新时间：2005-7-13框架架构的标记，主要是分割窗口和插入浮动窗口的功能。如果能有效的运用将有助于浏览网页的效率！ 常用窗口标记 . 定义分割窗口。 相关属性 : BORDER 边框 COLS 行 , 设定分割左右窗口宽度 ( 用,分隔，可设百分比 % ;*表示剩余部份 ) FRAMEBORDER 显示边框 ROWS 列 , 设定分割上下窗口高度 ( 用,分隔，可设百分比 % ;*表示剩余部份 ) 定义窗口。 相关属性 : FRAMEBORDER 显示边框 NAME 名称 NORESIZE 设定是否可以调整窗口大小 SRC 文件或URL位址 SCROLLING 设定是否可以卷动 . 无支援分割窗口浏览器显示文字。 . 插入浮动窗口。 相关属性 : BORDER 边框 FRAMEBORDER 显示边框 NORESIZE 设定是否可以调整窗口大小 SRC 文件或URL位址 SCROLLING 设定是否可以卷动 举例 如 : 本站窗口架构。 ( 先分割成上下窗口，再于窗口各分割成左右窗口。 ) 如 : 浮动窗口 注意 窗口基本架构的文件，通常放在HTML文件的第一页，如 : index.htm 。此HTML文件的基本架构并不需要本文区 ( BODY )，只需定义窗口架构，而其他HTML文件可用连结方式 ( A HREF=.连结标记 TARGET属性 ) 显示于指定的窗口中。设置图片作者：等你爱我 文章来源：豆豆技术网 点击数：14 更新时间：2005-7-13现在的网站没有用图片的，几乎很少了吧！图片增加了网站版面的美观，不过也不要放了大量的图片，而拖慢网站传输的效率喔！ 有关设定图片的方法共有以下几种 : 1. 设定HTML文件背景图片、背景颜色。.标记。 如 : . 或 . 2. 设定图片。标记。 3. 设定地图。.标记。 常用图片标记 指令 相关属性 : ALIGN 调整 ALT 提示字 BORDER 边框 HEIGHT 高度 SRC 文件或URL位址 USEMAP 地图名称 WIDTH 宽度 如 : 可插入图片 ( GIF、JPG格式 )、AVI电影 . 地图 相关属性 : NAME 名称 设定地图动作区域 相关属性 : COORDS 设定动作区域座标 ( 左上角座标 : X1,Y1 ; 右下角座标 : X2,Y2 ) HREF 动作区域连结点 ( 可载入位址或文件 ) NOHREF 动作区域连结点不动作 SHAPE 外型 举例 设定地图 加入声音作者：等你爱我 文章来源：豆豆技术网 点击数：16 更新时间：2005-7-13HTML不仅能插入图片，也可以载入MIDI音乐、WAV 音效喔！ 常用音乐标记 背景音乐、音效。 相关属性 : LOOP 循环 , 背景音乐播放次数 SRC 文件或URL位址 (可为WAV、MIDI格式 ) 如 : 内嵌音乐插件 . 内嵌插件。 相关属性 : HEIGHT 高度 WIDTH 宽度 ( 可设百分比% ) SRC 设定内嵌物件的 URL 位址 LOOP 循环 , 背景音乐播放次数 AUTOSTART 自动播放 如 : 滚动条作者：等你爱我 文章来源：豆豆技术网 点击数：20 更新时间：2005-7-13这是由IE提供的滚动条，可不要被众多的属性吓到了，越多的属性功能越强喔！ 【文字卷动标记】 . 文字卷动 ( 滚动条 )。【相关属性】 BEHAVIOR = 设定卷动方式- ALTERNATE 交替来回卷动- SCROLL 卷动 ( 预设 )- SLIDE 滑动 BGCOLOR = color 背景颜色 DIRECTION = 设定卷动方向 HEIGHT = n 高度 LOOP = n 循环 , 卷动次数 ( 预设循环 )SCROLLAMOUNT = n 设定卷动距离 SCROLLDELAY = milliseconds 设定卷动时间 TRUESPEED = milliseconds 设定卷动速度 WIDTH = n 宽度 ( 可设百分比% ) 【举例】 如 : 太平洋网络学院如 : 太平洋网络学院Html简介作者：等你爱我 文章来源：豆豆技术网 点击数：12 更新时间：2005-7-13全写： HyperText Mark-up Language 译名： 超文件注标式语言（译名之一） 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件 达到预期的显示效果。 HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C+ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。 阅读须知： 这一篇【HTML剖析】偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有【文件标记】是必读的，其 余可任意选择。这一篇不会提及任何网页编辑软件，只要掌握了 HTML ，任何网页 编辑工具都可以变成一把利器。 标记写法： 任何标记皆由 所围住，如 标记名与小于号之间不能留有空白字符。 某些标记要加上参数，某些则不必。如 Hello 参数只可加于起始标记中。 在起始标记之标记名前加上符号 / 便是其终结标记，如 标记字母大小写皆可。 围堵标记与空标记： 标记按型态分为围堵标记与空标记 1. 围堵标记 顾名思义，它以起始标记及终结标记将文字围住，令其达到预期显示效果。 例如 HTML Source ： Creation of Webpage is my favourite. 显示成： Creation of Webpage is my favourite. 其中 便称为围堵标记。 它以起始标记 及终结标记 标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。 2. 空标记 是指标记单独出现，只有起始标记没有终结标记。 例如 HTML Source： I love Creation of Webpage. Its a wonderful place. 显示成： I love Creation of Webpage. Its a wonderful place. 其中换行标记 便属空标记。 它的作用便是将标记后所有东西显示于下一行，可见终结标记于它是没意义的， 但有些人会为空标记加上终结标记，这是为方便记认而己，对 HTML 没有影响。 HTML标记一览作者：等你爱我 文章来源：豆豆技术网 点击数：13 更新时间：2005-7-13标记类型译名或意义作 用备注文件标记文件声明让浏览器知道这是 HTML 文件开头提供文件整体资讯标题定义文件标题，将显示于浏览顶端本文设计文件格式及内文所在排版标记说明标记为文件加上说明，但不被显示段落标记为字、画、表格等之间留一空白行换行标记令字、画、表格等显示于下一行水平线插入一条水平线居中令字、画、表格等显示于中间反对预设格式令文件按照原始码的排列方式显示区隔标记设定字、画、表格等的摆放位置不折行令文字不因太长而绕行建议折行预设折行部位字体标记加重语气产生字体加粗 Bold 的效果粗体标记产生字体加粗的效果强调标记字体出现斜体效果斜体标记字体出现斜体效果打字字体Courier字体，字母宽度相同加上底线加上底线反对一级标题标记变粗变大加宽，程度与级数反比二级标题标记将字体变粗变大加宽三级标题标记将字体变粗变大加宽四级标题标记将字体变粗变大加宽五级标题标记将字体变粗变大加宽六级标题标记将字体变粗变大加宽字形标记设定字形、大小、颜色反对基准字形标记设定所有字形、大小、颜色反对字体加大令字体稍为加大字体缩细令字体稍为缩细画线删除为字体加一删除线反对程式码字体稍为加宽如键盘字字体稍为加宽，单一空白范例字体稍为加宽如变数斜体效果传记引述斜体效果引述文字区块缩排字体述语定义斜体效果地址标记斜体效果下标字指数下标字下标字清单标记顺序清单清单项目将以数字、字母顺序排列无序清单清单项目将以圆点排列清单项目每一标记标示一项清单项目选单清单清单项目将以圆点排列，如反对目录清单清单项目将以圆点排列，如反对定义清单清单分两层出现定义条目标示该项定义的标题定义内容标示定义内容表格标记表格标记设定该表格的各项参数表格标题做成一打通列以填入表格标题表格列设定该表格的列表格栏设定该表格的栏表格标头相等于，但其内之字体会变粗表单标记表单标记决定单一表单的运作模式文字区块提供文字方盒以输入较大量文字输入标记决定输入形式选择标记建立 pop-up 卷动清单选项每一标记标示一个选项图形标记图形标记用以插入图形及设定图形属性连结标记连结标记加入连结基准标记可将相对 URL 转绝对及指定连结目标框架标记框架设定设定