HTML标签以及各个标签属性大全(网页制作必备)_第1页
HTML标签以及各个标签属性大全(网页制作必备)_第2页
HTML标签以及各个标签属性大全(网页制作必备)_第3页
HTML标签以及各个标签属性大全(网页制作必备)_第4页
HTML标签以及各个标签属性大全(网页制作必备)_第5页
已阅读5页,还剩28页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、<NOBR>   取消换行 和<br>相反总类(所有HTML文件都有的)-文件类型  <HTML></HTML>     (放在档案的开头与结尾)文件主题  <TITLE></TITLE>  (必须放在文头区块内)文头      <HEAD></HEAD>     (描述性资料,像是主题)文体 

2、;     <BODY></BODY>     (文件本体) 结构性定义(由浏览器控制的显示风格)-标题 <H?></H?> (?表示从1到6,有六层选择) 数值越高字越小标题对齐  <H? ALIGN=LEFT|CENTER|RIGHT></H?> 左对齐、居中对齐、右对齐 区分 <DIV></DIV>区分对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY

3、></DIV> 左对齐、右对齐、居中对齐、两端对齐引文区块 <BLOCKQUOTE></BLOCKQUOTE> (通常会内缩)斜体 <EM></EM>加粗 <STRONG></STRONG>引文 <CITE></CITE> (通常会以斜体显示) 码 <CODE></CODE> (显示原始码之用)样本 <SAMP></SAMP>表示一段用户应该对其没有什么其他解释的文本。要从正常的上下文抽取这些字

4、符时,通常要用到这个标签。并不经常使用,只在要从正常上下文中将某些短字符序列提取出来,对其加以强调,才使用这个标签 键盘输入 <KBD></KBD>变数 <VAR></VAR>定义 <DFN></DFN> (有些浏览器不提供)地址 <ADDRESS></ADDRESS> 3.0 大字 <BIG></BIG>3.0 小字 <SMALL></SMALL>与外观相关的标签(作者自订的表现方式)-加粗 <B></B>

5、斜体 <I></I>3.0 底线 <U></U> (尚有些浏览器不提供) 3.0 删除线 <S></S> (尚有些浏览器不提供)3.0 下标 <SUB></SUB>3.0 上标 <SUP></SUP>打字机体 <TT></TT> (用单空格字型显示)预定格式 <PRE></PRE> (保留文件中空格的大小)预定格式的宽度 <PRE WIDTH=?></PRE>(以字元计算) N1.0+

6、 向中看齐 <CENTER></CENTER> (文字与图片都可以)N1.0 闪耀 <BLINK></BLINK> (有史以来最被嘲弄的标签) N1.0 字体大小 <FONT SIZE=?></FONT>(从1到7) N1.0 改变字体大小 <FONT SIZE=+|-?></FONT> N1.0 基本字体大小 <BASEFONT SIZE=?> (从1到7; 内定为3)N2.0 字体颜色 <FONT COLOR="#$">&

7、lt;/FONT>连结与图形-链接   <A HREF="URL"></A>连结到锚点 <A HREF="URL#*"></A>(如果锚点在另一个档案)          <A HREF="#*"></A> (如果锚点目前的档案)N2.0 连结到目的视框 <A HREF="URL" TARGET="*">&l

8、t;/A> 设定锚点 <A NAME="*"></A> 图形 <IMG SRC="URL">图形看齐方式 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE> N1.0 图形看齐方式 <IMG SRC="URL" ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> 取代文字 <IMG SRC="URL"

9、 ALT="*"> (如果没有办法显示图形则显示此文字)点选图 <IMG SRC="URL" ISMAP> (需要CGI程式)N2.0 点选图 <IMG SRC="URL" USEMAP="URL">N2.0 地图 <MAP NAME="*"></MAP>(描述地图)N2.0 段落 <AREA SHAPE="RECT" COORDS="," HREF="URL"|NOHREF&

10、gt;3.0 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">(以pixels为单位:px) N1.0 图形边缘 <IMG SRC="URL" BORDER=?> (以pixels为单位)N1.0 图形边缘空间 <IMG SRC="URL" HSPACE=? VSPACE=?> (以pixels为单位) N1.0 低解析度图形 <IMG SRC="URL" LOWSRC="U

11、RL"> N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">(使用端自动更新 ) N2.0 内嵌物件 <EMBED SRC="URL"> (将物件插入页面)N2.0 内嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">分隔- 段落 <P> (通常是两个return) 3.

12、0 段落 <P></P> (新定义成容器型标签)3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P>换行 <BR> (一个return) N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>(与图形合用时) 横线 <HR> N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER> N1.0 横线厚度 <HR SIZE=?> (以pixels为单位) N1.0 横线

13、宽度 <HR WIDTH=?> (以pixels为单位)N1.0 横线比率宽度 <HR WIDTH=%> (以页宽为100%)N1.0 实线 <HR NOSHADE> (没有立体效果)N1.0 不可换行 <NOBR></NOBR> (不换行) N1.0 可换行处 <WBR> (如果需要,可在此断行)列举(可以巢状列举)-无次序式列举 <UL><LI></UL> (<LI> 放在每一项前) N1.0 公布式列举 <UL TYPE=DISC|CIRCLE

14、|SQUARE>(定义全部的列举项)<LI TYPE=DISC|CIRCLE|SQUARE>(定义这个及其後的列举项)有次序式列举 <OL><LI></OL> (<LI> 放在每一项前) N1.0 数标型态 <OL TYPE=A|a|I|i|1> (定义全部的列举项)<LI TYPE=A|a|I|i|1> (定义这个及其後的列举项)N1.0 起始数字 <OL VALUE=?> (定义全部的列举项)<LI VALUE=?> (定义这个及其後的列举项)定义式列举 <DL

15、><DT><DD></DL>(<DT>项目, <DD>定义) 表单式列举 <MENU><LI></MENU>(<LI> 放在每一项前) 目录式列举 <DIR><LI></DIR> (<LI> 放在每一项前)背景与颜色-3.0 重复排列的背景 <BODY BACKGROUND="URL">N1.1+ 背景颜色 <BODY BGCOLOR="#$"> (依

16、序为红、绿、蓝)N1.1+ 文字颜色 <BODY TEXT="#$">N1.1+ 连结颜色 <BODY LINK="#$">N1.1+ 看过的连结 <BODY VLINK="#$">N1.1 使用中的连结 <BODY ALINK="#$">特殊字元(以下标签需用小写)- 特别符号 &#?; (其中 ? 代表 ISO 8859-1 的编码)< &lt; > &gt; & &amp; " &q

17、uot;注册商标TM ?N1.0+ 注册商标TM &reg;著作权符号 ? N1.0+ 著作权符号 &copy;表单(通常需要与CGI程式配合)-定义表单 <FORM ACTION="URL" METHOD=GET|POST></FORM>N2.0 上传档案 <FORM ENCTYPE="multipart/form-data></FORM> 输入栏位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SU

18、BMIT|RESET"> 栏位名称 <INPUT NAME="*">栏位内定值 <INPUT VALUE="*"> 已选定 <INPUT CHECKED> (适用於checkboxes与 radio boxes) 栏位宽度 <INPUT SIZE=?> (以字元数为单位) 最长字数 <INPUT MAXLENGTH=?> (以字元数为单位) 下拉式选单 <SELECT></SELECT> 下拉式选

19、单名称 <SELECT NAME="*"></SELECT>选单项目数量 <SELECT SIZE=?></SELECT>多选式选单 <SELECT MULTIPLE> (多选) 选项 <OPTION> 内定选项 <OPTION SELECTED> 文字输入区 <TEXTAREA ROWS=? COLS=?></TEXTAREA> 输入区名称 <TEXTAREA NAME="*"></TEX

20、TAREA> N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>表格-3.0 定义表格 <TABLE></TABLE>3.0 表格框线 <TABLE BORDER></TABLE> (有或没有) N1.1 表格框线 <TABLE BORDER=?></TABLE>(可以设定数值)N1.1 储存格左右留白 <TABLE CELLSPACING=?> N1.1 储存格上下留白 <T

21、ABLE CELLPADDING=?> N1.1 表格宽度 <TABLE WIDTH=?> (以pixels为单位) N1.1 宽度比率 <TABLE WIDTH=%> (页宽为100%)3.0 表格列 <TR></TR>3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>3.0 储存格 <TD></TD> (须与列并用)3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER V

22、ALIGN=TOP|MIDDLE|BOTTOM>3.0 不换行 <TD NOWRAP> N3.0 储存格背景颜色 <TD BGCOLOR=#$> 3.0 储存格横向连接 <TD COLSPAN=?> 3.0 储存格纵向连接 <TD ROWSPAN=?> N1.1 储存格宽度 <TD WIDTH=?> (以pixels为单位) N1.1 储存格宽度比率 <TD WIDTH=%> (页宽为100%)3.0 表格标题 <TH></TH> (跟<

23、TD>一样,不过会对中并加粗) 3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 3.0 表格标题不换行 <TH NOWRAP> 3.0 表格标题占几栏 <TH COLSPAN=?> 3.0 表格标题占几列 <TH ROWSPAN=?> N1.1 表格标题宽度 <TH WIDTH=?> (以pixels为单位) N1.1 表格标题比率宽度<TH WIDTH=%> (页宽为100%

24、) 3.0 表格抬头 <CAPTION></CAPTION> 3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下) 视框(定义与控制萤幕上的特定区域)-N2.0 视框格式总定义 <FRAMESET></FRAMESET> (取代<BODY>) N2.0 视框行长度分配 <FRAMESET ROWS=,></FRAMESET>(pixels 或 %) N2.0 视框行长度分配 <FRAMESET ROWS

25、=*></FRAMESET> (* = 相对大小) N2.0 视框栏宽度分配 <FRAMESET COLS=,></FRAMESET>(pixels 或 %) N2.0 视框栏宽度分配 <FRAMESET COLS=*></FRAMESET> (* =相对大小) N2.0 定义个别视框 <FRAME> (定义个别视框) N2.0 个别视框内容 <FRAME SRC="URL"> N2.0 个别视框名称 <FRAME NAME=&q

26、uot;*"|_blank|_self|_parent|_top> N2.0 边缘宽度 <FRAME MARGINWIDTH=?> (左与右边界) N2.0 边缘高度 <FRAME MARGINHEIGHT=?> (天顶与地底边界) N2.0 卷动条 <FRAME SCROLLING="YES|NO|AUTO"> N2.0 不可改变大小 <FRAME NORESIZE> N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>

27、(如果浏览器不提供视框功能的话) 杂项-说明 <!- * -> (浏览器不会显示)档案型态声明 <!DOCTYPE HTML PUBLIC "-/IETF/DTD HTML 2.0/EN">3.0 档案型态声明 <!DOCTYPE HTML PUBLIC "-/W3O/DTD W3 HTML 3.0/EN">可搜寻 <ISINDEX> (指示可搜寻的索引项) N1.0 提示 <ISINDEX PROMPT="*"> (要求输入的提示文字) 送出搜

28、寻条件 <A HREF="URL?*"></a> (其中的问号不是数字,而是问号) 基本档案的URL <BASE HREF="URL"> (必须放在文头区段内) N2.0 基本视窗名称 <BASE TARGET="*"> (必须放在文头区段内) 相关性 <LINK REV="*" REL="*" HREF="URL"> (必须放在文头区段内) 背景资讯 <META>

29、 (必须放在文头区段内)     HTML标签HTML标签通常是英文词汇的全称(如块引用:blockquote)或缩略语(如“p”代表Paragragh),但它们的与一般文本有区别,因为它们放在单书名号里。故Paragragh标签是<p>,块引用标签是<blockquote>。有些标签说明页面如何被格式化(例如,<p>开始一个新段落),其他则说明这些词如何显示(<b>使文字变粗)还有一些其他标签提供在页面上不显示的信息例如标题。 关于标签,需要记住的是,它们是成双出现的。每当使用一个标签

30、如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠,那就是关闭标签与打开标签的区别。基本HTML页面以<html>标签开始,以</html>结束。在它们之间,整个页面有两部分标题和正文。 标题词夹在<head>和</head>标签之间这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。 那么让我们建立一个简单的

31、范例吧,非常容易的。第一步,当然是要建立一个新的文本文件(记住,如果你在使用比较复杂的文字处理器,就应该用“纯文本”或“普通文本”来保存),将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文) 然后你可以用浏览器将它打开,你会看见最简单的自己做的页面。 .<html></html>2.<head></head>3.<body></body>4.<title></title> Html是英文 HyperText Markup Language 的缩

32、写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名></标志名>来表示标志的开始和结束(例如<html></html>标志对),因此在Html文档中这样的标志对都必须是成对使用的。在此教程中,我先讲一下Html的基本标志: 1.<html></html><html>标志

33、用于Html文档的最前边,用来标识Html文档的开始。而</html>标志恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,两个标志必须一块使用。 2.<head></head><head>和</head>构成Html文档的开头部分,在此标志对之间可以使用<title></title>、<script></script>等等标志对,这些标志对都是描述Html文档相关信息的标志对,<head></head>标志对之间的内容是不会在浏览器的框

34、内显示出来的。两个标志必须一块使用。 3.<body></body><body></body>是Html文档的主体部分,在此标志对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性:属性用途示例 <body bgcolor="#rrggbb"> 设置背景颜色。 <bo

35、dy bgcolor="red">红色背景<body text="#rrggbb"> 设置文本颜色。 <body text="#0000ff">蓝色文本<body link="#rrggbb"> 设置链接颜色。 <body link="blue">链接为蓝色<body vlink="#rrggbb"> 设置已使用的链接的颜色。 <body vlink="#ff0000"><

36、body alink="#rrggbb"> 设置正在被击中的链接的颜色。 <body alink="yellow">说明:以上各个属性可以结合使用,如<body bgcolor="red" text="#0000ff">。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yel

37、low、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如<body text="Blue">表示<body></body>标志对中的文本使用蓝色显示在浏览器的框内。 4.<title></title>使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在<title></title>标志对之间加入您要显示的文本即可。注意:<title>&l

38、t;/title>标志对只能放在<head></head>标志对之间。 下面是一个综合的例子,仔细阅读,您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。例1 Html文档中基本标志的使用<html> <head><title>显示在浏览器最上边蓝色条中的文本</title></head> <body bgcolor="red" text="blue"><p>红色背景、蓝色文本</p>

39、;</body> </html> 1.<p></p>2.<br>3.<blockquote></blockquote>4.<dl></dl><dt></dt><dd></dd>5.<ol></ol><ul></ul><li></li>6.<div></div>上一个教程中我们讲了Html文档的基本标志,但我们还不知道怎样在浏览

40、器中显示文本之类的东西,这正是我们在教程二中将要谈到的。在学习之前,必须强调一下,我们这个教程中所讲的格式标志统统都是用于<body></body>标志对之间的。 1.<p></p><p></p>标志对是用来创建一个段落,在此标志对之间加入的文本将按照段落的格式显示在浏览器上。另外,<p>标志还可以使用align属性,它用来说明对齐方式,语法是:<p align=""></p>。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三

41、个值中的任何一个。如<p align="Center"></p>表示标志对中的文本使用居中的对齐方式。 2.<br><br>是一个很简单的标志,它没有结束标志,因为它用来创建一个回车换行,这么一说我想您该会使用了吧。在<br>的使用上还有一定的技巧,如果您把<br>加在<p></p>标志对的外边,将创建一个大的回车换行,即<br>前边和后边的文本的行与行之间的距离比较大,若放在<p></p>的里边则<br>前边和后边的文本

42、的行与行之间的距离将比较小,您不妨试试看。 3.<blockquote></blockquote>在<blockquote></blockquote>标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。 4.<dl></dl><dt></dt><dd></dd><dl></dl>用来创建一个普通的列表,<dt></dt>用来创建列表中的上层项目,<dd></dd>用来创建列表中

43、最下层项目,<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间。看一下下边的例子您就会明白了: 例2 创建一个普通列表<html><head><title>一个普通列表</title></head><body text="blue"><dl><dt>中国城市</dt><dd>北京 </dd><dd>上海 </dd>

44、<dd>广州 </dd><dt>美国城市</dt><dd>华盛顿 </dd><dd>芝加哥 </dd><dd>纽约 </dd></dl></body></html> 此例在浏览器中的显示如下:中国城市北京上海广州美国城市华盛顿芝加哥纽约 5.<ol></ol><ul></ul><li></li><ol></ol>标志对用来创建

45、一个标有数字的列表;<ul></ul>标志对用来创建一个标有圆点的列表;<li></li>标志对只能在<ol></ol>或<ul></ul>标志对之间使用,此标志对用来创建一个列表项,若<li></li>放在<ol></ol>之间则每个列表项加上一个数字,若在<ul></ul>之间则每个列表项加上一个圆点。请看下边的例子: 例3 标有数字或圆点的列表<html><head><title&g

46、t;</title></head> <body text="blue"><ol><p>中国城市 </p><li>北京 </li><li>上海 </li><li>广州 </li></ol> <ul><p>美国城市 </p><li>华盛顿 </li><li>芝加哥 </li><li>纽约 </li>

47、</ul></body></html> 此例在浏览器中的显示如下: 中国城市 北京上海广州美国城市 华盛顿芝加哥纽约6.<div></div><div></div>标志对用来排版大块Html段落,也用于格式化表,此标志对的用法与<p></p>标志对非常相似,同样有align对齐方式属性,读者可以自己试试看。 html标签的用法= 一、基本概念: 网页、网站、浏览器、IE/NetScape HTML:超文本标记

48、语言,什么是超文本、什么是标记语言。 HTML的内容怎样显示出来。二、HTML语法: <html></html> <head></head> <title></title> <body></body>三、<body>的一些属性: 什么是属性: text:设定整个网页中文字的色彩 link:用于设定一般超链接文本的显示色彩 alink:用于设定鼠标移动到超链接上并按下鼠标是超文本的显示色彩 

49、vlink:设置访问过的超链接的色彩 background:设定背景图片,可以是绝对路径也可以是相对路径。 bgcolor:用户设定背景色,当已设定background时这个属性会失去作用 leftmargin:左边距 topmargin:上边距四、注释与特殊字符: <!-.-> 注释的内容不会被显示出来 注释不能被嵌套。 < < > > & & " '  注册符号  版权符号 &quo

50、t; TM   空格五、格式标签 <p></p>:用来创建一个段落,可以用align属生来设置段落的对齐方式 <br />:单标记直接在“>“前加一个“/ ”表示结束标记,显示一个换行 <center></center>:对之间的图形或文本在水平方向居中显示 <marquee></marquee>:移动图片或文本。direction属性:内容的移动方向(left,right,down,up);behavior:指定内容的移动行为(scroll,a

51、lternate,slide) <dl></dl><dt></dt><dd></dd>:用来创建一个普通列表。 <ol></ol><ul></ul><li></li>:<ol></ol>创建一个标有数字的列表;<ul></ul>对创建的列表标有一个圆点;<li></li>只能在<ol></ol>或<ul></ul>

52、之间使用,表示列表项 <pre></pre>:对文本进行预格式处理六、文本标签: <h1></h1>.<h6></h6>:把文本以标题方式显示。 <b></b><i></i><u></u>:分别对应粗体,斜体,下划线 <sub></sub><sup></sup>:分别对应下上标的显示 <cite></cite>:引用方式的字体,通常

53、是斜体 <em></em>:显示需要强调的文本,通常是斜体加粗 <strong></strong>:用来显示加重文本,通常是加粗显示 <font></font>:对字体、字号、颜色进行改变。face属性:字体;Size属生:大小;  Color属生:色彩七、图像标签: <img />  src属性:必不可少,用来设置图像文件所在位置。  alt属性:当鼠标移到图像上显示的提示文本,当图像无法显示时,所显示的代替文字  align属性

54、:设置图像与周围文本的对齐方式。top,bottom,left,right  border属性:设置图像的边框宽度  width和height:设置图像的长宽高  <hr/>:在HTML文档中加入一条水平线。  size:线的粗细  color:线的色彩  width:线的长度  noshade:阴影显示八、超链接标签: 通一资源定位符:URL;  如:  http:所使用的协议;:要访问的主机名;80:端口号 <a href=""><

55、/a>:把中间标记的内容作为超链接显示,href的内容作为超连接点击后转向的页面。  如: <a href="">新浪网</a>   <a href="<img src="image/hy.gif"></a>  href属性是不可少的;  target属性:指明在浏览器的哪个窗口打开新页面。 <a name="">:锚点标记,在同一网页中设置多个锚点便于超链接的浏览。  如: <

56、a href="#标记">跳转到第一个标记上</a> mailto:打开电子邮件:  <a href="mailto:ldc_5588 subject=hello&body=您好">联系我们</a>九、<map name=""></map>:图像地图将一个图像分成多个部分,各部分分别指向不同的链接。 <area shape="形状" coords="坐标" href="url&

57、quot;>:给图像分块 shape属性可以是以下几种形状:  rect:矩形,此时的coords为矩形的左上角个右下角的坐标  poly:多边形,此时的coords为多边形的各个顶点  circle:圆,此时coords为圆习坐标及半径 如: <img src="chinagif" usemap="mymap" /> <map name=mymap>  <area shape="rect" href="a.h

58、tml" coords="140,20,280,60">  <area shape="poly" href="b.html" coords="100,100,180,80,200,400">  <area shape="circle" href="c.html" coords="10,100,60"> </map>十、表格标签:<table></table&

59、gt;<tr></tr><td></td> 这三个标签的层次结构: <table></table>:定义一个表格的开始和结束 <tr></tr>:定义一行的开始和结束 <td></td>:定义一个单元格的开始和结束 <table></table>的属性:  bgcolor:设置表格的背景色彩  border:设置表格的边框的宽度  bordercolor:设置表格边框色彩&

60、#160; bordercolorlight:设置表格边框明亮部分的色彩  bordercolordark:设置表格边框昏暗部分的色彩  cellspacing:设置单元格之间的间隔  cellpadding:设置单元格内部的内容与边框的间隔  width:表格的宽度  height:表格的高度 <tr></tr>  align:整行单元格的内容水平对齐方式left,center,right。  valign:整行单元格的内容竖直对齐方式top middle,bottom  bgc

61、olor:设置这一行的色彩 <td></td>  width:单元格的宽度(大小)  height:单元格的高度  align:单元格内部内容的水平对齐方式  valign:单元格内部内容的竖直对齐方式  colspan:设置一个单元格跨占的列数  rowspan:设置一个单元格跨占的行数  nowrap:禁止单元格内的内容自动换行 <th></th>与<td></td>类似只不过里面显示的内容是黑体居中的十一、框架标签<fra

62、meset></frameset><frame></frame>: 什么是框架:将一个窗口分割成多部分,每一部分显示一个独立的页面。 框架只是分割窗口。 <frameset></frameset>定义一个框架集:  rows:将窗口竖直拆分时窗口的大小比例  cols:将窗口水平拆分窗口的大小比例 <frame></frame>定义一个具体的框架窗口:  src:要显示网页的  name:框架窗口的名子  taget

63、:该框架中的超链接默认的打开窗口_blank,_parent,_self,_top。  scrolling:是否在框架边上出现滚动条yes,no,auto  noresize:禁止用户拖动分隔线来调整框架的大小,直接将该属生放入就可以了。 <iframe></iframe>在一个网上插入一个简单的框架窗口,这个窗口用来显示另一个文件。  name:框架窗口的名子  src:框架窗口中所显示的新的网页十二、表单标签: 什么时表单? <form></form>:定义表单的开始和结束

64、位置<略讲>  action:处理表单内容的服务器程序的  method:提交给服务器处理表单信息的方式   get:将表单信息以参数的形式附在action的后面   set:将表单信息以消息实体发送给服务器  target:设置服务器返回结果显示的窗口  title:当鼠标放在表单上的时候以黄色的泡泡进行提示 <input type="submit">:定义一个提交按钮  action:指定所指定的服务器程序  value:按钮上的文字&#

65、160;<input type="reset">:定义一个重新填写的按钮。  value:按钮上的文字 <input type="text">:定义一个单行文本框  size:输入区域的宽度,以字符个数为单位  value:文本框的内容  maxlength:用户能够输入的最大字符串长度  readonly:属性存在时,文本框可以获得焦点,但用户不能更改里面的内容。  disable:属性存在时,文本框不能获得焦点,也不能更改里面的内容。 <in

66、put type="checkbox">:定义一个复选框  name:复选框的名,同一组复选框用同一个名子  checked:该复选框是否被选中  value:指定复选框被选中时,这个复选框的后台值 <input type="radio">:定义一个单选按钮  name:单选按钮的名,同一组单选按钮用同一个名子  value:指定单选按钮被选中时,这个单选按钮的后台值 <input type="hidden">:在表单上添加一个隐式的字

67、段的元素,浏览器不会显示这个字段  name:名子  value:值  当表单提交的时候会以name=value的形式提交到服务器上去。 <input type="button">:在表单上定义一个普通的按钮,这个按钮通常与某个脚本代码下关联 <input type="password">:在表单上定义一个密码输入区域. <input type="file">:用来从本机向服务器传文件 <input type="image">:在表单上创建一个图像元素。

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论