html、CSS笔记.doc_咨信网zixin.com.cn

资源描述

Html/Css语言剖析紫竹林 HTML语言剖析 Html简介-目录全写： HyperText Mark-up Language 译名：超文本标识语言简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标签（tag）使文件达到预期的显示效果。由文字（字母，数字、标点符号）及标签组合而成。任何文字编辑器都可以，这里推荐用：Dreamweaver。 1. Html特点： ► 描述性语言，结构语言，用于决定网页内容以什么样的形式显示； ► 通过标签来控制网页的文档、字符和段落等的格式，以及对脚本语言等的调用； ► 纯文本文件，可以使用各种文本编辑器编写； (Dreamweaver是首选) ► 文件扩展名： .htm 或 .html； ► html文件必须在Web浏览器上运行；（运行环境） ► 具有跨平台性。 2. HTML语法结构： ► HTML文件是由一系列的元素和标签（tag）组成的； ► 元素：网页中的内容； ► 标签：用于规定元素的属性和它在文件中的位置； ► 格式：<元素名称属性="值"...>元素资料</元素名称>,<元素名称属性="值"...> ► 不区分大小写。 3. HTML文件结构： ► 起始标记：<html>　</html>　表示HTML网页的起始； ► 文件头部：<head>　</head>　设置初始化文档信息和文档管理标注； ► 文件主体：<body>　</body>　设置格式化的浏览器显示的文档（内容）； ► 注释部分：　可以放在任何位置； ► <!　　　　　　> ※ 例: <html> <head> <title>Html简介</title> <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000">  </body> </html> n 标签写法： ► 任何标签皆由"<>"所包含，如 <b> ► 标签名与小于号之间不能留有空白字符。 ► 某些标签　要加上参数，某些则不必。如 <font size="+2" >大家好</font> ► 参数只可加于起始标签中。 ► 在起始标签之标签名前加上符号" / "便是其终结标签，如 </font> ► 标签字母大小写皆可。 n 成对标签与单标签：标签按型态分为成对标签与单标签 1. 成对标签顾名思义，它以起始标签及终结标签将文字围住，令其达到预期显示效果。例如 HTML 源码： <b>我愿意和大家显示成：我愿意和大家一起学好html/css!大家有信心吗？其中 <b> </b> 便称为成对标签。它以起始标签 <b> 及结尾标签 </b> 标示文字我愿意和大家一起学好html/css!令它显示成粗体，两者失其一都会发生错误显示。 2. 单标签是指标签单独出现，只有起始标签没有终结标签。 ※ 例如 HTML 源码： I love my hometown. <br> It's a beautiful place. 显示成： I love my hometown. It's a beautiful place. 其中换行标签<br>便属单标签。它的作用便是将标签后所有东西显示于下一行，可见结尾标签对于它是没意义的，但有些人会为空标签加上终结标签，如果加上结尾标签，对 HTML没有影响。便于记忆。 HTML语言剖析 Html标记一览-目录标记类型译名或意义作用备注文件标记 <HTML> ● 文件声明让浏览器知道这是HTML文件 <HEAD> ● 开头提供文件整体信息 <TITLE> ● 标题定义文件标题，将显示于窗口标题 <BODY> ● 本文设计文件格式及内文所在段落标记  ○ 说明标记为文件加上说明，但不被显示 <P> ○ 段落标记为文字、图片、表格等之间留一空白行 <BR> ○ 换行标记令文字、图片、表格等显示于下一行 <HR> ○ 水平线插入一条水平线 <CENTER> ● 居中令文字、图片、表格等显示于页面中央不建议使用 <PRE> ● 保留原格式令文件按照原始格式的排列方式显示 <DIV> ● 区域标记设定文字、图片、表格等的摆放位置 <NOBR> ● 强制不分行令文字不因太长而自动换行 <WBR> ● 根据宽度换行根据浏览器的大小显示文本字体标记 <STRONG> ● 加重语气产生字体加粗Bold的效果 <B> ● 粗体标记产生字体加粗的效果 <EM> ● 强调标记字体出现斜体效果 <I> ● 斜体标记字体出现斜体效果 <TT> ● 打字字体 Courier字体，字母宽度相同 <U> ● 加上底线加上底线不建议使用 <H1> ● 一级标题标记变粗变大加宽，程度与级数反比 <H2> ● 二级标题标记将字体变粗变大加宽 <H3> ● 三级标题标记将字体变粗变大加宽 <H4> ● 四级标题标记将字体变粗变大加宽 <H5> ● 五级标题标记将字体变粗变大加宽 <H6> ● 六级标题标记将字体变粗变大加宽 <FONT> ● 字形标记设定字形、大小、颜色不建议使用 <BASEFONT> ○ 基准字形标记设定所有字形、大小、颜色不建议使用 <BIG> ● 字体加大令字体稍为加大 <SMALL> ● 字体缩细令字体稍为缩细 <STRIKE> ● 画线删除为字体加一删除线不建议使用 <CODE> ● 程式码字体稍为加宽如<TT> <KBD> ● 键盘字字体稍为加宽，单一空白 <SAMP> ● 范例字体稍为加宽如<TT> <VAR> ● 变数斜体效果 <CITE> ● 传记引述斜体效果 <BLOCKQUOTE> ● 引述文字区块缩排字体 <DFN> ● 述语定义斜体效果 <ADDRESS> ● 地址标记斜体效果 <SUB> ● 下标字下标字 <SUP> ● 上标字指数（平方、立方等）列表标记 <OL> ● 有序列表列表项目将以数字、字母顺序排列 <UL> ● 无序列表列表项目将以圆点排列 <LI> ○ 列表项目每一标记标示一项列表项目 <MENU> ● 选单列表列表项目将以圆点排列，如<UL> 不建议使用 <DIR> ● 目录列表列表项目将以圆点排列，如<UL> 不建议使用 <DL> ● 定义列表列表分两层出现 <DT> ○ 定义条目标示该项定义的标题 <DD> ○ 定义内容标示定义内容表格标记 <TABLE> ● 表格标记设定该表格的各项参数 <CAPTION> ● 表格标题做成一打通列以填入表格标题 <TR> ● 表格列设定该表格的列 <TD> ● 表格栏设定该表格的栏 <TH> ● 表格标头相等于<TD>，但其内之字体会变粗表单标记 <FORM> ● 表单标记决定单一表单的运作模式 <TEXTAREA> ● 文字区域提供文字区域以输入更多文字 <INPUT> ○ 输入标记决定输入形式 <SELECT> ● 选择标记建立下拉列表 <OPTION> ○ 选项每一标记标示一个选项（下拉列表时使用）图形标记 <IMG> ○ 图形标记用以插入图形及设定图形属性连结标记 <A> ● 链接标记加入链接 <BASE> ○ 基准标记可将相对URL转绝对及指定链接目标框架标记 <FRAMESET> ● 框架设定设定框架 <FRAME> ○ 框窗设定设定框窗 <IFRAME> ○ 页内框架于网页中间插入动态框架 IE <NOFRAMES> ● 不支援框架设定当浏览器不支援框架时的提示影像地图 <MAP> ● 影像地图名称设定影像地图名称 <AREA> ○ 连结区域设定各连结区域多媒体 <BGSOUND> ○ 背景声音于背景播放声音或音乐 IE <EMBED> ○ 多媒体加入声音、音乐或影像其他标记 <MARQUEE> ● 滚动文字令文字左右走动 IE <BLINK> ● 闪烁文字闪烁文字 NC <ISINDEX> ○ 页内寻找器可输入关键字寻找于该一页不建议使用 <META> ○ 开头定义让浏览器知道这是HTML文件 <LINK> ○ 关系定义定义该文件与其他 URL 的关系 StyleSheet <STYLE> ● 样式表控制网页版面 <span> ● 自订标记独立使用或与样式表同用注： ► ● 表示该标记属成对标记，即需要关闭标记如 </标记> 。 ► ○ 表示该标记属空标记，即不需要关闭标记。 ► IE 表示该标记只适用于 Internet Explorer。 ► NC 表示该标记只适用于 Netscape Communicator。 HTML语言剖析文件标记-目录 <HTML> ； <HEAD> ； <TITLE> ； <BODY>；<meta>；<base>；<link>；-文件头部标签 n HTML 基本架构： 1. 以下 HTML Source Code(源代码) 便是一份 HTML 文件的基本架构： <HTML> <HEAD> <title>HTML超文本标记语言在线教程</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="author" content="合肥世杰"> <meta name="keywords" content="html,css,asp,jsp,php"> <meta name="description" content="世杰教育网站！"> <meta http-equiv="refresh" content="10"> <meta http-equiv="refresh" content="2;url="> <meta http-equiv="Expires" content="01 Jan 2008 00:00:00"> <base href="" target="_blank"> <link href="../css.css" rel="stylesheet" type="text/css"> <link rel="fontdef" src="Amelia.pfr"> </HEAD> <BODY> 网页的内容，很多标记都作用于此 </BODY> </HTML> 2. 特点解说： ► 整个文件处于标记<HTML>与</HTML>之间。<HTML>用以声明这是HTML文件，让浏览器认出并正确处理此HTML文件。 ► 文件分两部分，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称主体（或者称之为正文）。基本上两者各有适用的标记，如<TITLE>只可出现于开头部分。 ► 开头部分用以保存重要信息，而只有主体部分会被显示。所以大部分标记会运用于主体部分。 ► <TITLE>所标示的是文件的标题。会出现于窗口标题及别人加入收藏时显示的名称，所以每页有不同而明确的标题是有必要的。上述标记中只有<BODY>具有参数设定。 3. <META>标签相关属性 ► 文档标题标签：<title>HTML超文本标记语言在线教程</title> ► <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> ► 作者：<meta name="author" content="合肥世杰"> ► 关键字：<meta name="keywords" content="html,css,asp,jsp,php"> ► 描述信息：<meta name="description" content="世杰教育网站！"> ► 刷新：<meta http-equiv="refresh" content="10"> ► 跳转：<meta http-equiv="refresh" content="2;url="> ► 文档过期：<meta http-equiv="Expires" content="01 Jan 2008 00:00:00"> ► 基础地址：<base href="" target="_blank"> 为当前文档提供了完整的URL ► 链接文件：<link href="../css.css" rel="stylesheet" type="text/css"> 　　　　　 <link rel="fontdef" src="Amelia.pfr"> 　　　　　定义在当前文档和其它文档之间的关系属性描述： href 提供被链接的文档的Internet地址。 rel 提供向前链接的类型。 rev 指明反向链接。 title 提供一个建议的标题。 type 指明连接的style sheet媒体类型。 ► 页面过渡效果： <meta HTTP-EQUIV="page-enter" CONTENT="revealtrans(duration=5,transition=23)"> <meta HTTP-EQUIV="page-exit" CONTENT="revealtrans(duration=5,transition=23)"> n <BODY> 之参数设定： ※ 例: <BODY text ="#000000" link ="#0000FF" alink ="#FF0000" vlink ="#0000FF" background ="bg1.gif" bgcolor ="#FFFFFF" leftmargin =2 topmargin =2 bgproperties ="fixed"> ► text ="#000000" 用以设定文字颜色。 #000000 代表黑色，亦可以采用颜色的名称，即 text=" black " 。各种颜色的值及名称可参考【调色原理】一节。 ► link ="#0000FF" 设定一般文字链接颜色。（默认为蓝色） ► alink ="#FF0000" 设定鼠标刚按下时文字颜色。 ► vlink ="#0000FF" 设定链接访问后的颜色。（被点击过）。 ► background ="bg1.gif" 设定背景图片。GIF 或 JPEG 皆可，可以是绝对途径或相对途径。 ► bgcolor ="#FFFFFF" 设定背景颜色。当己设定背景图片时会失去作用，除非图片有透明部分。 ► leftmargin =2 设置网页的左边距，单位为像素。『只适用于IE』 ► topmargin =2 设置网页的上边距。『只适用于IE』 ► bgproperties ="fixed" 固定背景图片，当滚动条拖动时背景图片不会跟着滚动。『只适用于IE』注：标记及参数之字母大小都可以。 HTML语言剖析字体标记-目录 <STRONG> <B> <I> <EM> <VAR> <CITE> <DFN> <ADDRESS> <TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> <H1> <H2> <H3> <H4> <H5> <H6> <FONT> <BASEFONT> n 实体标记与逻辑标记：实体标记与逻辑标记的区别： 1. 实体标记有固定的显示效果，逻辑标记则依不同浏览器而不同。例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果，它可能是加下划线、粗体或反白等，所以这一节是以它们在IE和NC中的效果作介绍。 2. 多个实体标记也可有效标示同一语句，逻辑标记则通常于旧浏览器不能有效显示多重的标示。例如两个逻辑标记<EM>及<STRONG>同时标示一字句于旧浏览器常失去作用。 ► 实体标记有： <I> <B> <U> ► 逻辑标记有： <STRONG> <EM> <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT> 注：若要求真确的效果当然以实体标记为佳。 n <STRONG> <B> ：两者皆能产生字体加粗的效果，但必须注意的是当文件被设为 gb2312 Encoding 时，两者所标示的中文字不会于 Netscape Netvigator 显示粗体效果。 n <I> <EM> <VAR> <CITE> <DFN> <ADDRESS>：这些标记于 Internet Explorer 都产生斜体效果，而只有</DFN> 于 Netscape Netvigator 失去作用。这些标记中只有 <ADDRESS>较为特别，因为它自身具备换行效果所以不需要在它前面加上<BR>标记。 n <TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> ► <TT> <SAMP> <CODE> <KBD> 可令每字母有相等宽度且每字母之间的距离稍为加宽。但于 NC 不见得如此。 ► <U> 是加底线的标记，一些特别的浏览器并不支援，因顾虑到与连结混淆。 ► <STRIKE> 加上删除线的标记。 ► <BIG> 令字体加大。 ► <SMALL> 令字体变细。 ► <SUB> 为下标字， <SUP> 则为上标字，仅剩的数学标记 n <H1> <H2> <H3> <H4> <H5> <H6>：这些是标题标记，由 <H1> 至 <H6> 变粗变大加宽的程度逐渐减小。每个标题标记所标示的字句将独占一行且上下留一空白行。 n <FONT> <BASEFONT>： ► <BASEFONT> 可以用于文件的开头部分，即 <HEAD> 与 </HEAD> 之间的位置，将影响全文字句，是一个空标记，用以改变字体显示的内定值。 <FONT> 是应用于文件的内文部分，即 <BODY> 与 </BODY> 之间的位置，只影响所标示的字句，是一个围堵标记。 ► 两标记可同时存在，唯没被 <FONT> 所标示的字句才直接受 <BASEFONT> 所影响，而 <FONT> 本身亦受 <BASEFONT> 的影响。 <FONT>的参数设定： ※ 例： <font face ="Arial" size ="+2" color ="#008000">我把青春献给你</font> ► face ="Arial" 设定文字的字形。Arial 是常用的一种，请不要使用 Window 内建字形以外的字形。于没有设定为 Gb2312 Encoding 的中文网页，Netscape Netvigator 不会显示此标记所指明的任何中文字形。 ► size ="+2" 设定文字的大小。其值可以是绝对或相对，绝对的意思便是标记自己决定文字的大小，不受 <BASEFONT> 的影响，如 size=" 5 " 表示其大小便是 5 ，而html内定值为 3，即 size=" 3 "和没有设定是一样的。相对的意思便是在内定值 3 的基础上增加或减少大小级数，如 size=" +2 " 便等同绝对表示法的 size=" 5 "，但若已设定 <BASEFONT size=" n "> 则其实际大小便是 n+2 不再是 3+2 了。<BASEFONT>只有绝对表示法。 ► color ="#008000" 设定文字的颜色。 #008000 表示绿色 HTML语言剖析段落标记-目录  ；<P> ； <BR> ； <HR> ； <CENTER> ； <PRE> ； <DIV> ； <NOBR> ； <WBR> n ： ► 为文中不同部份加上说明，方便日后修改。 ※ 例：  ► 用作版权声明。假如你不希望别人使用或复制你的网页，可加上警告字眼。 ※ 例：  n <P> ： <P>称为段落标记。作用：在文字、图、表格之间增加一空白行。原来<P>是一成对标记，标于一段落的头尾，但从 HTML 2.0 开始己不需要</P>作结尾。<P>的常用参数：如：<p align ="center"> ► align ="center" 可选值：right, left, center。内定值： align=" left " n <BR> ： <BR>称为换行标记。作用：使文字、图、表格等显示于下一行。由于浏览器会自动忽略原始码中空白和换行的部分，这令到<BR>成为最常用的标记之一。因为无论你在原始码中编好了多漂亮的文章，若不适当地加上换行标记或段落标记，浏览器只会将它显示成一大段。 ※ 例：错误示范：（邮局不会接受一行过的地址）源代码 9686# No.55 feixi road hefei anhui The People's Republic of China 结果 9686# No.55 feixi road hefei anhui The People's Republic of China 正确例子：源代码 9686# No.55 feixi road <br>hefei anhui <br>The People's Republic of China 结果 9686# No.55 feixi road hefei anhui The People's Republic of China n <HR> ： <HR>称为水平线。作用：插入一条水平线。 <HR>之参数修改：以： <HR align ="LEFT" size ="2" width ="70%" color ="#0000FF" noshade > 为例。 ► align ="LEFT" 设定线条置放位置，可选择：left；right；center 三种设定值。 ► size ="2" 设定线条高度，以像素作单位，默认为 2。 ► width ="70%" 设定线条长度，可以是绝对值（以像素作单位）或相对值，默认为 100%。 ► color ="#0000FF" 『只适用于IE』设定线条颜色，默认为黑色（#000000）。 #0000FF 代表蓝色，亦可以采用颜色的名称，即 text="blue"。双引号可以省略 ► noshade 设定线条为平面显示，若删去则具阴影或立体，这是默认值。即默认水平线是具备阴影效果，如加上noshade，则水平线实现为一个二维的黑线，不具备三维效果。 n <CENTER> ： <CENTER>称为居中标记。作用：使文字、图片、表格等显示于中间。这标记原先是 Netscape 所定义，后来其它浏览器都支持它，但你会发现很多标记已有 align ="CENTER" 的参数，<CENTER>似乎多余了，事实上它还是常用的标记之一，其简单易用，常用于文字上，对于己加有align="CENTER"参数的 <TABLE>标记亦要不厌其烦地加上居中标记，因有许多浏览器不支持<TABLE>标记中的align="CENTER"参数。 ※ 例： <CENTER>滚滚长江东逝水</CENTER> <CENTER>这几天心里颇不宁静</CENTER> <CENTER>这几天心里颇不宁静</CENTER> n <PRE> ： <PRE>称为预设格式标记。作用：令文字按照原始的排列方式显示。这标记允许保留你于原始码中输入的空白。细看以下例子你便可体会到此标记的威力。除了运用一大堆表格标记之外你只有采用这标记才能有此效果。 n <DIV> ： <DIV>称为区域标记。作用：设定文字、图片、表格等的摆放位置。 <DIV>应用于Style Sheet（样式表）方面功能会更显得强大，它最终目的是给设计者另一种组织能力，有Class; Style; title ; ID等属性，在CSS部分详细讲解，这处只介绍一个属性设定。 ※ 以 <DIV align ="center"> 为例： ► align ="center" 可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。 <DIV align ="center"> 的作用和居中标记 <CENTER>一样，前者是由 HTML3.0 开始的标准，后者是通用己久的标示法。 n <NOBR> ： <NOBR>称为不折行标记。作用：某些文字因太长而分开，以显示于同一行或下一行。它对网址、数学公式、一行数字、程序代码等尤为有用。 n <WBR> ： <WBR>称为建议折行标记。作用：预设折行部位。它没有抵触到 <BR> 的格式规范，只是作建议而已，若观者的系统解像度够高的话，那么它是不会折行的。 HTML语言剖析列表标记-目录 <OL> <LI> <UL> <MENU> <DIR> <DL> <DT> <DD> n <OL> <LI> : <OL>称为有序列表标记。<LI>则用以标示列表项目。所谓有序列表就是在每一项前面加上 1,2,3... 等数目，又称编号列表。 1 type=1 1,2,3, ... a type=a a,b,c,… A type=A A,B,C,… i type=i i,ii,iii,… Ⅰ type=I Ⅰ,Ⅱ,Ⅲ,… 1. <OL> 的参数设定（常用）： ※ 例： <ol type ="i" start ="4"></ol> ► type="i" 设定数目样式，其值有五种，请参考右表，内定为 type="1"。 ► start="4" 设定开始数目，不论设定了哪一数目样式，其值只能是 1,2,3..等整数，默认为 start="1"。 2. <LI> 的参数设定（常用）： ※ 例： <li type ="square" value ="3"> ► type ="square" 只适用于非顺序列表，设定符号款式，其值有三种，如下，内定为 type=" disc "：符号是当 type=" disc " 时的列项符号。符号是当 type=" circle " 时的列项符号。符号是当 type=" square " 时的列项符号。 ► value ="3" 只适用于顺序列表，设定该一项的数目，其后各项将以此作为起始数目而递增，但前面各项则不受影响，其值只能是 1,2,3.. 等整数，没有内定值。 n <UL> ： <UL>称为无序列表标记。所谓无序列表就是在每一项前面加上、、等符号，故又称符号列表。 <UL>的参数设定（常用）： ※ 例： <UL type ="square"> ► type ="square" 设定符号款式，其值有三种，如下，内定为 type="disc"：符号是当 type="disc" 时的列项符号。符号是当 type="circle" 时的列项符号。符号是当 type="square" 时的列项符号。注意：由于 <UL> 及 <LI> 都有 type 这个参数，两者尽可能选用其一。 n <DL> <DT> <DD> : <DL>称为定义列表标记。 <DT> 用以标示定义条目，<DD> 则用以标示定义内容。所谓定义列表就是一种分二层的项目列表，其不顾符号及数目。三个标记都没有常用的参数。而 <DT> <DD> 可以独立使用，只是一些旧的浏览器并不支援，如 IE 3.0。常用的如 <DD> 标记可用以制造段落第一个字前面的空白。 ※ 例： <dl> <dt>古典文学 <dd>《三国演义》 <dd>《水浒传》 </dl> HTML语言剖析表格标记-目录 <TABLE> <TR> <TD> <TH> <CAPTION> n <TABLE> <TR> <TD> ：这三个标记是定义表格的最重要的标记，<TABLE>是一个定义一个表格标记，用以声明这是表格而且其他表格标记只能在他的范围内才适用，属于表格标记的还有其它。 <TR>用以表示表格列（row） <TD>用以表示表格单元格（cell） 1. <TABLE>的参数设定（常用）： ※ 例： <table width ="400" border ="1" cellspacing ="2" cellpadding ="2" align ="CENTER" valign="TOP" background ="myweb.gif" bgcolor ="#0000FF" bordercolor ="#FF00FF" bordercolorlight ="#00FF00" bordercolordark ="#00FFFF" cols ="2"> ► width="400" 表格宽度，接受绝对值（如 80）及相对值（如 80%）。 ► border="1" 表格边框宽度，不同浏览器有不同的设置值，使用时请指出。 ► cellspacing="2" 表格格线宽度， ► cellpadding="2" 文字与单元格距离（填充）， ► align="CENTER" 表格的摆放位置（水平），可选值为：left ,right ,center ， ► valign="TOP". 表格内文字图片等的摆放位置（垂直），可选值为：top,middle,bottom。 ► background="myweb.gif" 表格背景图片，与bgcolor不能同时使用。 ► bgcolor="#0000FF" 表格背景颜色，与background不能同时使用 ► bordercolor="#FF00FF" 表格边框颜色，NC与IE有不同的效果 ► bordercolorlight="#00FF00" 表格亮（外）边框部分的颜色。『只适用于 IE』 ► bordercolordark ="#00FFFF" 表格暗（内）边框部分的颜色，使用bordercolorlight 或 bordercolordark 时注注意：bordercolor 将会失效。『只适用于 IE』 ► cols="2" 表格跨行数目，让浏览器在下载表格前先画出整个表格 ► frame 边框 ► 表格的边框有 4 个：左边框、右边框、上边框、下边框。这四个边框都可以设置为显示或者隐藏。设置表格边框显示状态的基本语法如下：显示整个表格边框 <table frame="box"> 不显示表格边框 <table frame="void"> 只显示表格的上下边框 <table frame="hsides"> 只显示表格的左右边框 <table frame="vsides"> 只显示表格的上边框 <table frame="above"> 只显示表格的下边框 <table frame="below"> 只显示表格的左边框 <table frame="lhs"> 只显示表格的右边框 <table frame="rhs"> ► 表格中分隔线的显示同样可以进行各种设置，设置表格中分隔线的显示状态的基本语法如下：显示所有分隔线 <table rules="all"> 只显示组与组的分隔线 <table rules="groups"> 只显示行与行的分隔线 <table rules="rows"> 只显示列与列的分隔线 <table rules="cols"> 所有分隔线都不显示 <table rules="none"> 2. <TR> 的参数设定（常用）： ※ 例： <tr align ="RIGHT" valign ="MIDDLE" bgcolor ="#0000FF" bordercolor ="#FF00FF" bordercolorlight ="#808080" bordercolordark ="#FF0000"> ► align="RIGHT" 该一列内文字图片等的摆放位置（水平），可选值为： left , center , right 。 ► valign="MIDDLE" 该一列内文字图片等的摆放位置（垂直），可选值为： top , middle , bottom 。 ► bgcolor="#0000FF" 该一列背景颜色， ► bordercolor ="#FF00FF" 该一列边框颜色『只适用于 IE』 ► bordercolorlight ="#808080" 该一列边框亮（外）边框部分的颜色，『只适用于 IE』 ► bordercolordark ="#FF0000" 该一列边框暗（内）边框部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。『只适用于 IE』 3. <TD> 的参数设定（常用）： ※ 例： <td wi

展开阅读全文