HTML表格标记及属性(53页).doc

《HTML表格标记及属性(53页).doc》由会员分享，可在线阅读，更多相关《HTML表格标记及属性(53页).doc（52页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、-HTML表格标记及属性-第 52 页HTML表格标记及属性作者： 文章来源：豆豆技术网 点击数：22 更新时间：2005-7-13表格是HTML的一项非常重要功能，利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果，使页面更加整齐美观。 常用表格标记 . 表格指令 。 相关属性 : ALIGN 调整 BGCOLOR 背景颜色 BORDER 边框 HEIGHT 高度 WIDTH 宽度 . 表格标题 。 相关属性 : ALIGN 调整 . 表格列 ( 可省略 ) 。 相关属性 : ALIGN 调整 . 表格栏标题 ( 表头 ) 粗体字 ( 可省略 ) 。 相关属性

2、: 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

3、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=图片链接地址 定义表格背景图表格中一个表格行的开始和结束 表格中一个表元的

4、开始和结束 强制换行文本标识的开始和结束属性：face=字体color=颜色加粗文字标识的开始和结束属性：style=font-size:40pt; 用样式表方式控制字体大小，这里是40点分区标识的开始和结束属性：align=|center|left|right|水平对齐方式动态标识的开始和结束 如标识内放置贴图格式则可实现图片滚动属性：scrollamount=160 滚动速度direction=|left|right|up|down| 滚动方向scrolldelay=滚动延时 单位：毫秒段落标识  空格符 贴图标识属性：src=图片链接地址 贴图标识必备属性style=filte

5、r: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为播放一次即停止。STA

6、RTIME=分:秒 设定乐曲的开始播放时间，如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】字

7、体大小 . #=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.分隔线

8、 【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.设定图框 -

9、 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 sh

10、ape=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】栏位

11、横向合并 - colspan三、FRAME1、分割视窗指令 . 【1】垂直（上下）分割 - rows #号可为点数：如欲分割为100,200,300三个视窗，则；亦可以*号代表，如百分比：如，各 项总和最好为100%【2】水平（左右）分割 - cols 2、指定视窗内容 - 【1】指定视窗的文件名称 - src 【2】定义视窗的名称 - name 【3】设定文件与上下边框的距离 - marginheight 【4】设定文件与左右边框的距离 - marginwidth 【5】设定分割视窗卷轴 - scrolling #号可为 yes：固定出现卷轴no：不出现卷轴 auto：自动判断文件大小需不需

12、要卷轴（预设值）【6】锁住分割视窗的大小 - noresize HTML标示作者： 文章来源：豆豆技术网 点击数：20 更新时间：2005-7-13HTML提供许多种类的标示标记，作项目标示，而且可以作巢状式标示！ 常用标示标记 标示项目 。 如 : 第一项 第二项 1. 第一项 2. 第二项 . 编号标示 ，可标示数字或英文、罗马字母。 如 : 第一项 第二项 1. 第一项 2. 第二项 . 符号标示 ，可标示数字或英文、罗马字母。 如 : 第一项 第二项 第一项 第二项 定义项目 。 定义资料 。 . 定义标示 。 如 : 十进制 :0、1、2、3、4、5、6、7、8、9 十六进制 :0、

13、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. 第三章 其他标示标记 . 目录式标示 ( 自动加圆点 )。 如 : 网络学院 : 新手上路 软件教室 设计教室 开发教室 网络学院 : 新手上路 软件教室 设计教室 开发教室 注意事项 标示项目符号也可以用. 标记，以符号字元 ( 、.等 ) 标示。 如

14、: 特殊符号 : 在HTML文件中，有些符号是代表特定的意义的。所以当我们要使用这些特殊符号时，便要用替代指令。 符号 替代指令 " 或 " & & 或 & > 或 > 不可分空格   HTML字体标记及属性作者： 文章来源：豆豆技术网 点击数：16 更新时间：2005-7-13我们在这里将要谈的是有关文字的标记，包括字体大小、颜色、字型.等变化，适当的应用可以增加页面的美观！ 常用字体标记 . 标题 ，设定标题字体大小， n = 1 ( 大 ) 6 ( 小 ) 会自动跳下一行。通常用在如章节、段落等标题上。 如 : 标题 标题 如 : 标题 ( 标

15、题置中 ) 标题 . 粗体字 。 如 : 粗体字 粗体字 . 斜体字 。 如 : 斜体字 斜体字 . 加底线 。 如 : 加底线 加底线 . 横线 ( 表示删除 )。 如 : 横线 横线 . 打字体 ( 固定宽度文字 )。 如 : 打字体 打字体 . 上标字 。 如 : 字体 上标字 字体 上标字 . 下标字 。 如 : 字体 下标字 字体 下标字 注解 ( 不会显示在浏览器上 )，可以多行。 如 : 设定字体大小、颜色、字型 有关设定文字的方法共有以下几种 : 1.设定HTML文件主体文字颜色。.标记。 如 : . 或 . 2.设定基本字体大小、颜色、字型。.标记。 3.设定字体大小、颜色、

16、字型。.标记。 . 设定基本字体 ，SIZE = 1 7，1 ( 最小 ) 7 ( 最大 )。 如 : 基本字体大小为 4 基本字体大小为 4 如 : 设定颜色 设定颜色 如 : 设定字型 设定字型 . 基本字体加大 。 如 : 基本字体大小为 4， 加大为 5 基本字体大小为 4， 加大为 5 . 基本字体减小 。 如 : 基本字体大小为 4， 减小为 3 基本字体大小为 4， 减小为 3 . 设定字体大小、颜色、字型 ，SIZE = 1 7，1 ( 最小 ) 7 ( 最大 )。 如 : 字体大小为 4 字体大小为 4 如 : 基本字体大小为 4 +1字体大小为 5 -2字体大小为 2 .

17、基本字体大小为 4 +1字体大小为 5 -2字体大小为 2 如 : 设定颜色 设定颜色 如 : 设定字型 设定字型 注意事项 1. 设定字体的大小分 : 绝对SIZE 如 : 和 相对SIZE 如 : ( 以 BASEFONT 设定的字体大小做加减 )。 2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度 ( 00 暗 FF 亮 )。 #RRGGBB 所代表的是红、绿、蓝三原色，每一色由两位十六进制的数值表示 ( 即十进制 0 255 )。 十六进制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。 3. 设定字体的字型会按照顺序找出显示的字型，若找不到则以系统

18、预设字型显示。HTML区段标记作者： 文章来源：豆豆技术网 点击数：17 更新时间：2005-7-13一个网站不仅要内容丰富外，也要有美观简洁的版面。HTML所提供的区段标记功能，如果可以好好的利用也会有相当不错的效果。 常用区段标记 产生水平线 。 如 : 跳下一行 。 如 : 太平洋网络学院，网上学电脑的好去处。 太平洋网络学院， 网上学电脑的好去处。 . 段落 ，跳下一行并加一行空白。 ( 可省略 ) 如 : 太平洋网络学院，网上学电脑的好去处。 太平洋网络学院， 网上学电脑的好去处。 . 置中 。 如 : 置中 置中 . 不跳下一行 。 如 : 太平洋网络学院，网上学电脑的好去处。 太

19、平洋网络学院， 网上学电脑的好去处。 . 以文件原始格式显示 。 如 : 原始格式: 文件 原始格式: 文件链接作者： 文章来源：豆豆技术网 点击数：12 更新时间：2005-7-13链接可说是HTML中最重要的功能！因为HTML拥有链接的功能，使你能接上INTERNET、WWW 享受多姿多彩的网络世界。 基本上链接分成 : 外部链接 链接至网络的某个URL网址或文件，可参考考网络链接方式。 内部链接 链接HTML文件的某个区段。 网络链接方式 网络链接方式 : /主机名称 / 路径 / 文件名称 网址 如 : http : / 文件传输 如 : ftp : / GROPHER 传输 如 :

20、gropher : / 远端登入 如 : telnet : / 文件下载 如 : file : / data/html/file.zip NET NEWS 传输 如 : news : E-Mail 如 : mailto : pcedu 常用链接标记 设定基本URL位置或路径 ，以後只要设定文件名称即会自动加上位置或路径。 相关属性 : HREF 链接的URL位址或文件 TARGET 指定链接到的URL位址或文件显示于那一个视窗 ( 可和 视窗标记配合使用或开新的视窗 ) 如 : BASE HREF=http : / . 链接指令 。 相关属性 : HREF 链接的URL位址或文件 NAME 名

21、称 TARGET 指定链接到的URL位址或文件显示于那一个视窗 ( 可和 视窗标记配合使用或开新的视窗 ) 如 : 外部链接 A HREF=http : / 内部链接 CH1.HTM 文件 ( 欲链接至HTML文件 A 点 ) ( HTML文件 A 点 ) CH2.HTM文件 (欲链接至CH1.HTM 文件 A 点 ) 表示链接点，可以是文字或图案。( 即游标移到时，会变成手指形状的地方 ) 链接指令 ( 用于HEAD区，设定CSS文件 )。 储存应用资讯 ，可设定时间载入网页 ( 用于HEAD区 )。 相关属性 : CHARSET 设定 CONTENT 回应表头资料内容 , 若是数字表示秒数

22、 HTTP-EQUIV 回应表头 , 若设定为REFRESH载入URL设定 URL HTML位置 如 : 设定中文自动跳行。 设定十秒回到首页。 ( 若不设定HTML文件位置则再载入原HTML文件 ) 设定链接、未链接部份颜色 设定链接、未链接部份颜色，用.标记。 相关属性 : ALINK 按下链接部份未放开时颜色 LINK 未看过的链接部份颜色 VLINK 已看过的链接部份颜色 如 : 框架作者： 文章来源：豆豆技术网 点击数：19 更新时间：2005-7-13框架架构的标记，主要是分割窗口和插入浮动窗口的功能。如果能有效的运用将有助于浏览网页的效率！ 常用窗口标记 . 定义分割窗口。 相关

23、属性 : BORDER 边框 COLS 行 , 设定分割左右窗口宽度 ( 用,分隔，可设百分比 % ;*表示剩余部份 ) FRAMEBORDER 显示边框 ROWS 列 , 设定分割上下窗口高度 ( 用,分隔，可设百分比 % ;*表示剩余部份 ) 定义窗口。 相关属性 : FRAMEBORDER 显示边框 NAME 名称 NORESIZE 设定是否可以调整窗口大小 SRC 文件或URL位址 SCROLLING 设定是否可以卷动 . 无支援分割窗口浏览器显示文字。 . 插入浮动窗口。 相关属性 : BORDER 边框 FRAMEBORDER 显示边框 NORESIZE 设定是否可以调整窗口大小

24、SRC 文件或URL位址 SCROLLING 设定是否可以卷动 举例 如 : 本站窗口架构。 ( 先分割成上下窗口，再于窗口各分割成左右窗口。 ) 如 : 浮动窗口 注意 窗口基本架构的文件，通常放在HTML文件的第一页，如 : index.htm 。此HTML文件的基本架构并不需要本文区 ( BODY )，只需定义窗口架构，而其他HTML文件可用连结方式 ( A HREF=.连结标记 TARGET属性 ) 显示于指定的窗口中。设置图片作者： 文章来源：豆豆技术网 点击数：14 更新时间：2005-7-13现在的网站没有用图片的，几乎很少了吧！图片增加了网站版面的美观，不过也不要放了大量的图片

25、，而拖慢网站传输的效率喔！ 有关设定图片的方法共有以下几种 : 1. 设定HTML文件背景图片、背景颜色。.标记。 如 : . 或 . 2. 设定图片。标记。 3. 设定地图。.标记。 常用图片标记 指令 相关属性 : ALIGN 调整 ALT 提示字 BORDER 边框 HEIGHT 高度 SRC 文件或URL位址 USEMAP 地图名称 WIDTH 宽度 如 : 可插入图片 ( GIF、JPG格式 )、AVI电影 . 地图 相关属性 : NAME 名称 设定地图动作区域 相关属性 : COORDS 设定动作区域座标 ( 左上角座标 : X1,Y1 ; 右下角座标 : X2,Y2 ) HRE

26、F 动作区域连结点 ( 可载入位址或文件 ) NOHREF 动作区域连结点不动作 SHAPE 外型 举例 设定地图 加入声音作者： 文章来源：豆豆技术网 点击数：16 更新时间：2005-7-13HTML不仅能插入图片，也可以载入MIDI音乐、WAV 音效喔！ 常用音乐标记 背景音乐、音效。 相关属性 : LOOP 循环 , 背景音乐播放次数 SRC 文件或URL位址 (可为WAV、MIDI格式 ) 如 : 内嵌音乐插件 . 内嵌插件。 相关属性 : HEIGHT 高度 WIDTH 宽度 ( 可设百分比% ) SRC 设定内嵌物件的 URL 位址 LOOP 循环 , 背景音乐播放次数 AUTO

27、START 自动播放 如 : 滚动条作者： 文章来源：豆豆技术网 点击数：20 更新时间：2005-7-13这是由IE提供的滚动条，可不要被众多的属性吓到了，越多的属性功能越强喔！ 【文字卷动标记】 . 文字卷动 ( 滚动条 )。【相关属性】 BEHAVIOR = 设定卷动方式- ALTERNATE 交替来回卷动- SCROLL 卷动 ( 预设 )- SLIDE 滑动 BGCOLOR = color 背景颜色 DIRECTION = 设定卷动方向 HEIGHT = n 高度 LOOP = n 循环 , 卷动次数 ( 预设循环 )SCROLLAMOUNT = n 设定卷动距离 SCROLLDEL

28、AY = milliseconds 设定卷动时间 TRUESPEED = milliseconds 设定卷动速度 WIDTH = n 宽度 ( 可设百分比% ) 【举例】 如 : 太平洋网络学院如 : 太平洋网络学院Html简介作者： 文章来源：豆豆技术网 点击数：12 更新时间：2005-7-13全写： HyperText Mark-up Language 译名： 超文件注标式语言（译名之一） 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件 达到预期的显示效果。 HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C+ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法