• 【转】HTML全解(2)


    ■ <CENTER> :
    <CENTER>称为居中标记。作用:令字、画、表格等显示于中间。
    这标记原先是 Netscape 所定义,后来其它浏览器都支持它,但你会发现很多标记已有 align="CENTER" 的参数,<CENTER>似乎多馀了,事实上它还是常用的标记之一,其简单易用,常用于文字上,对于己加有 align="CENTER" 参数的 <TABLE> 标记亦要不厌其烦地加上居中标记,因有狻多浏览器不支持<TABLE> 标记中的 align="CENTER" 参数。


    ■ <PRE> :
    <PRE>称为预设格式标记。作用:令文件按照原始码的排列方式显示。
    这标记允许保留你于原始码中输入的空白及 Return。细看以下例子你便可体会到此标记的威力。除了运用一大堆表格标记之外你只有采用这标记才能有此效果。

    能以<PRE>标记产生对 效果,或产生多于一行的空白才算上乘!


    ■ <DIV> :
    <DIV>称为区隔标记。作用:设定字、画、表格等的摆放位置。
    <DIV>应用于 Style Sheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织能力,有 Class ; Style ; title ; ID 等属性,将会于【Style Sheet】一节才作详述,这处只介绍一个属性设定。
    以 <DIV align="center"> 为例:


    align="center"
    可选值:center ; left ; right 。决定字、画、表格等居中、K左或K右。
    <DIV align="center"> 的作用和居中标记 <CENTER>一样,前者是由 HTML3.0 开始的标准,后者是通用己久的标示法。

    ■ <NOBR> :
    <NOBR>称为不折行标记。作用:令某些文字不因太长而绕行,一 显示于同一行或下一行。它对住址、数学算式、一行数字、程式码等尤为有用。
    例子:(其中 Chris's Creation of Webpage 将不被分开而显示于同一行。)

    ■ <WBR> :
    <WBR>称为建议折行标记。作用:预设折行部位。
    它没有侵犯到 <BR> 的责任,只是作建议而已,若观者的系统解像度够高的话,那么它是不会折行
    字体标记
    <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>
    ■实体标记与逻辑标记 :
    这一节【字体标记】你必须先明白实体标记与逻辑标记的分别,否则你会迷惑于为何不同的标记却有相同的效果。两者分别有以下两处:
    实体标记有固定的显示效果,逻辑标记则依不同浏览器而不同。
    例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果,它可能是加底线、粗体或反白等,所以这一节是以它们在 IE 和 NC 中的效果作介 绍。

    多个实体标记亦可有效标示同一字句,逻辑标记则通常于旧浏览器不能有效显示多重的标示。
    例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句于旧浏览器常失去作用。

    实体标记有:
    <I> <B> <U>
    逻辑标记有:
    <STRONG> <EM> <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT>
    若要求真确的效果当然以实体标记为佳。

    ■<STRONG> <B> :
    两者皆能产生字体加粗的效果,但必须注意的是当文件被设为 gb2312 Encoding 时,两者所 标示的中文字不会于 Netscape Netvigator 显示粗体效果。

    ■<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>:
    这些标记于 Internet Explorer 都产生斜体效果,而只有 </DFN> 于 Netscape Netvigator 失去作用。这些标记中只有 <ADDRESS> 较为特别,因它包括换行效果所以不必在它前面加上 <BR> 标记。

    ■<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB>
    为方便对照及记认,所以把十个标记于在一起介绍。
    <TT> <SAMP> <CODE> <KBD> 可令每字母有相等宽度且每字母之间的距离稍为加宽。但于 NC 不见得如此。
    <U> 是加底线的标记,一些特别的浏览器并不支援,因顾虑到与连结混淆。
    <STRIKE> 加上删除线的标记。
    <BIG> 令字体加大。
    <SMALL> 令字体变细。
    <SUB> 为下标字, <SUP> 则为上标字,仅剩的数学标记。

    ■<H1> <H2> <H3> <H4> <H5> <H6>:
    这些是标题标记,由 <H1> 至 <H6> 变粗变大加宽的程度逐渐减小。每个标题标记所标示的字句将独占一行且上下留一空白行。

    ■<FONT> <BASEFONT>:
    这一节只有这两个标记具参数设定,且两者的参数设定是一样的,都是负责设定文字的大小、字形及颜色,但各有用处,且看以下比较:
    <BASEFONT> 可以用于文件的开头部分,即 <HEAD> 与 </HEAD> 之间的位置,将影响全文字句,是一个空标记,用以改变字体显示的内定值。
    <FONT> 是应用于文件的内文部分,即 <BODY> 与 </BODY> 之间的位置,只影响所标示的字句,是一个围堵标记。
    两标记可同时存在,唯没被 <FONT> 所标示的字句才直接受 <BASEFONT> 所影 响,而 <FONT> 本身亦受 <BASEFONT> 的影响。
    <FONT>的参数设定:
    例子: <font face="Arial" size="+2" color="#008000">Creation of Webpage</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 表示绿色
    清单标记
    ■ <OL> <LI>
    <OL>称为顺序清单标记。<LI>则用以标示清单项目。
    所谓顺序清单就是在每一项前面加上 1,2,3... 等数目,又称编号清单。
    <OL> 的参数设定(常用):
    例如: <ol type="i" start="4"></ol>

    type="i"
    设定数腒钍剑 渲涤形逯郑 氩慰?右表,内定为 type="1"。
    start="4"
    设定开始数目,不论设定了哪一数腒钍剑 渲抵荒苁?1,2,3.. 等整 数,内定为 start="1"。

    <LI> 的参数设定(常用):
    例如: <li type="square" value="4">

    type="square"
    只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为 type="disc":
    符号 是当 type="disc" 时的列项符号。
    符号 if" width=10 height=10 border=0> 是当 type="circle" 时的列项符号。
    符号 是当 type="square" 时的列项符号。
    value="4"
    只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增,但前面各项则不受影响,其值只能是 1,2,3.. 等整数,没有内定值。

    ■ <UL> :
    <UL>称为无序清单标记。
    所谓无序清单就是在每一项前面加上 、、等符号,故又称符号清单。
    <UL> 的参数设定(常用):
    例如: <UL type="square">

    type="square"
    设定符号款式,其值有三种,如下,内定为 type="disc":
    符号 是当 type="disc" 时的列项符号。
    符号 是当 type="circle" 时的列项符号。
    符号 是当 type="square" 时的列项符号。
    注意:由于 <UL> 及 <LI> 都有 type 这个参数,两者尽可能选用其一。

    ■ <MENU> <DIR> :
    这两个标记都不为 W3C 所赞同,希望用者能以 <ul> 及 <ol> 代之。
    <MENU> 及 <DIR>,基本上它和 <ul> 是一样的,在一些特别的浏览器可能表现出 <ol> 的 效果,于旧版的 IE 或 NC 标记 <DIR> 不显示符号或数目。两标记的用法与 <ul> 完全一 样。

    ■ <DL> <DT> <DD> :
    <DL>称为定义清单标记。 <DT> 用以标示定义条目,<DD> 则用以标示定义内容。
    所谓定义清单就是一种分二层的项目清单,其不故符号及数目。
    三个标记都没有常用的参数。而 <DT> <DD> 可以独立使用,只是一些旧的浏览器并不支 援,如 IE 3.0。常用的如 <DD> 标记可用以制造段落第一个字前面的空白
    表格标记
    ■ <TABLE> <TR> <TD> :
    这三个标记是定义表格的最重要的标记,可以说只学这三个己足够。
    <TABLE>是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在他的范围内才适用,属容器标记的还有其他。
    <TR>用以标示表格列(row)
    <TD>用以标示储存格(cell)
    <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"
    表格格线厚度,那是加厚到 5 的格线。

    cellpadding="2"
    文字与格线的距离,那是加至 10 的 padding。

    align="CENTER"
    表格的摆放位置(水平),可选值为: left, right, center,请看例子五或六,那表格是放于中间的,为怕一些浏览器不支援,故特加上居中标记<CENTER>,只是多层保证而己,当然只用<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"
    表格栏位数目,只是让浏览器在下载表格是先画出整个表格而己。
    <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』
    <TD> 的参数设定(常用):
    例如:<td width="48%" height="400" colspan="5" rowspan="4" align="RIGHT" valign="BOTTOM" bgcolor="#FF00FF" bordercolor="#808080" bordercolorlight="#FF0000" bordercolordark="#00FF00" background="myweb.gif">

    width="48%"
    该一储存格宽度,接受绝对值(如 80)及相对值(如 80%)。

    height="400"
    该一储存格高度。

    colspan="5"
    该一储存格向右打通的栏数。rowspan="4"

    该一储存格向下打通的列数。

    align="RIGHT"
    该一储存格内字画等的摆放贴 位置(水平),可选值为: left, center, right。

    valign="BOTTOM"
    该一储存格内字画等的摆放贴 位置(垂直),可选值为: top, middle, bottom。

    bgcolor="#FF00FF"
    该一储存格底色

    bordercolor="#808080"
    该一储存格边框颜色,请看例子三。『只适用于 IE』

    bordercolorlight="#FF0000"
    该一储存格边框向光部分的颜色,请看例子三。『只适用于 IE』

    bordercolordark="#00FF00"
    该一储存格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。『只适用于 IE』

    background="myweb.gif"
    该一储存格 纸,与 bgcolor 任用其一。
    ■ <TH> :
    <TH>与<TD>同样是标示一个储存格,唯一不同的是<TH>所标示的储存格中的文字是以粗体出现,通常用于表格第一列以标示栏目。它的用法是取代<TD>的位置便可以,其参数设定请参考<TD>。
    当然若为<TD>所标示的储存格中的文字加上粗体标记<B>便等如<TH>的效果。

    ■ <CAPTION> :
    <CAPTION> 的作用是为表格标示一个标题列,有如在表格上方加上一没格线的打通列。当然亦可置于下方,通常用以存放该表格的标题。
    <CAPTION> 的参数设定(常用):
    例如:<caption align="TOP" valign="TOP"></caption>

    align="TOP"
    该表格标题列相对于表格的摆放贴 位置(水平),可选值为: left, center, right, top, middle, bottom,若 align="bottom" 的话标题列便会出现对表格的下方,不管你的原始码中把 <caption> 放在 <table> 中的头部或尾部。

    valign="TOP"
    该表格标题列相对于表格的摆放位置(上下),可选值为: top, bottom。和 align="TOP" 或 align="BOTTOM" 是一样的,虽然功能重复了,但如果你要标题列置于下方及向右或向左贴 ,那末两个参数便可一 用了。当只 一个参数时,请首选 align,因为 valign 是由 HTML 3.0 才开始的参数
    表单标记
    ■<FORM> <INPUT> :
    <FORM>称为表单标记,用以宣告此为表单模式,属于一个容器标记,表示其它表单标记需要在它的包围中才有效,<INPUT>便是其中的一个,用以设定各种输入资料的方法。它是一个空标记。
    <FORM> 的参数设定(常用):
    例如: <form action="http://your.isp.com/cgi-local/example.cgi"; method="POST">

    action="http://your.isp.com/cgi-local/example.cgi";
    表单通常是与 CGI 配合使用的,参数 action 便是用以指明该 CGI 程式的位置,这样此表单所填的资料才能正确传给 CGI 作处理。若馈下没有 CGI 以进行测试,可设定此参数为 ACTION="mailto:your@email.com" 那样该表单所填的资料将会寄至此电邮地址(红色部分)。
    method="POST"
    传送资料给 CGI 的的方式,可选值为 POST, GET。你只需记住POST容许传送大量资料,但 GET则只接受低于 1K 的资料,所以你若看过别人的表单原始码的话,你会发现申请表单用的是POST 而搜 找器用的是 GET。
    <INPUT> 的参数设定(常用):
    由于其第一个参数 type 己有很多的选择,而不同的选择表示出不同的输入方式,且其它参数亦因此而异,故以下将独立介绍不同输入方式及其它参数设定。

    type="Text"
    可选值为 Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。

    --------------------------------------------------------------------------------
    输入方式一: Text (单行文字盒)
    例如<input type="Text" name="age" value="20" align="center" size="2" maxlength="255">

    type="Text"
    输入方式为 Text,能产生一单行文字盒,上限为 255 字元。
    name="age"
    此一单行文字盒名称,这是最重要的一个,方便 CGI 辨认由表单传来的资料,虽 说可随便命名,但通常 CGI 程式中都有指定名称,若转用其它名称便需要修改该 CGI 程式了,名称可为没空白没特别符号的英文或数字,有大小写的分别,可以写成 Your_Age,若有访客于此表单此一文字盒填入 40 的话,那末传给 CGI 的字 串便是 Your_Age=40。
    value="20"
    此一单行文字盒内定值。若不填写则文字盒是空白的,等待访客亲自键入,若 value="20" 的话, 20 便会出现在文字盒中,当然访客可以修改之。
    align="MIDDLE"
    可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle. 没太大有处。
    size="2"
    此一单行文字盒显示的长度,若馈下是采用 Big5 编码的中文网页便要小心,同 size 的文字盒 NC 会显示得比 IE 狻长。
    maxlength="255"
    此一单行文字盒可输入字元的上限,为方便编排资料或避免错输入等,宜设定上限,例如输入电话或 ICQ UIN 的可设为 8,年龄为 2 等。

    输入方式二: Radio (单一选择)
    例如:<input type="Radio" name="gender" value="female" align="center" checked>

    type="Radio"
    输入方式为 Radio,能产生一单一选择,以供点选。
    name="gender"
    此一 Radio 名称,参考 Text 部分的说明。
    value="female"
    内定值。每一个 radio 必须及仅有一个 value,通常有同时采用两个或以上同 name 不同 value 的 Radio 输入方式,可让使用使任选其一。
    align="MIDDLE"
    可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
    checked
    设该 Radio 为内定被选。同 name 的各个 Radio 中只能有一个使用,或全不使用这 参数。

    输入方式三: Checkbox (确认盒)
    例如:<input type="Checkbox" name="idol" value="Leon" align="RIGHT" checked>

    type="Checkbox"
    输入方式为 Checkbox,能产生一确认盒,以供剔选。
    name="idol"
    此一 Checkbox 名称,参考 Text 部分的说明。
    value="Leon"
    内定值。每一个 Checkbox 必须及仅有一个 value,当被剔选时这值便会传及 CGI,例如所传字串 idol=Leon 。
    align="RIGHT"
    可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
    checked
    设该 Checkbox 为内定被选。每个 Checkbox 都是独立的,所以每一个都可使用这 参数,不像 Radio。

    输入方式四: Password (密码输方盒)
    例如:<input type="Password" name="pw" value="999" align="center" size="5" maxlength="9">

    Password 的其他参数和 Text 是完全相同的,请参考 Text 的介绍。
    两者作用不同,Password 所输入的字元全以 * 号表示。

    输入方式五: Submit (传送键)及 Reset (清除键)
    这是表单上重要的两个按键,两者所附带的参数相同,但用处不大。

    例如:<input type="Submit" name="other_funtion" value="确定" align="center">
    <input type="Reset" value="清除" align="center">

    type="Submit"
    设定输入方式为 Submit 或 Reset。
    name="other_funtion"
    Submit 的功能随 name 的不同而不同,须和 CGI 配合。若你只需要普通的传送键,则是其内定,不必用此参数。
    value="确定"
    这个值不是输给 CGI 的,而是显示在按键上,可以不用,传送键的内定值为 Submit Query,清除键的内定值为 Reset。
    align="MIDDLE"
    可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle

    输入方式六: Image (图片按键)
    这通常用以取代 Submit 及 Reset 两个按键,因为由程式产生的按键并不漂亮,这 Image 参 数便容许你采用自已制造的按键。

    例如:<input type="Image" name="submit" align="BOTTOM" src="ex_icon.gif">

    type="Image"
    输入方式为 Image。
    name="submit"
    所要代表的按键,可以是 submit, reset, 或其它。
    align="BOTTOM"
    可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
    src="ex_icon.gif"
    按键图片来源,若此图片文件不与该 html 文件在同一目录下,请加上相对或绝对途 径。

    输入方式七: File
    例如:<input type="File" name="upload" align="BOTTOM" size="20" maxlength="100" accept="text/html">

    input type="File"
    输入方式为 Image。通常用以传输文件。
    name="upload"
    这文件传输的名称,用以识别之用。
    align="BOTTOM"
    可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
    size="20"
    所显示文字盒的长度。
    maxlength="100"
    可输入字元的上限。
    accept="text/html"
    所接受的文件类别,有二十六种选择,但可不设定

    输入方式八: Hidden
    例如:<input type="Hidden" name="ID" value="6618">

    type="Hidden"
    输入方式为隐藏或内定。它不会显示任何输入介面,而是一个内定值随表单一起传给 CGI,列如由 CGI 产生的会员号码,或传入可更改的参数以调整 CGI 而避免 修改 CGI 程式码。
    name="ID"
    这文件传输的名称,用以识别之用。
    value="6618"
    内定值,会以如 ID=6618 形式传给 CGI。
    例子: ("Hidden" 是不被显示的,所以这处多放了一个 "Submit" 键,表示 Hidden 之内定 值会随 submit 键被按而传给 CGI)

    输入方式九: Button
    例如:<input type="Button" name="useless" value="Back">

    type="Button"
    输入方式为一般按键。常配合 Java Script 作为其启动按键。
    name="useless"
    这文件传输的名称,用处不大。
    value="Back"
    按键显示名称。
    例子: 其中 onclick="history.go( -1 );return true; 属 JAVA 事件。

    ■ <SELECT> <OPTION> :
    <SELECT>是卷动选单标记,每一选项皆由 <OPTION> 所标示,把它当作围堵标记或空标记使用都可以。
    <SELECT> 的参数设定(常用):
    例如: <select name="where" size="6" multiple>

    name="where"
    这卷动选单的名称,作识别之用,将会传及 CGI。
    size="6"
    这卷动选单的列数,即其高度,请自行修改。若使用此参数则不会有 Pop Up 效 果。
    multiple
    令这卷动选单容许多重选择。
    <OPTION> 的参数设定(常用):
    例如: <option value="tw" selected>

    value="tw"
    这选项的值,将会传及 CGI。请自行修改,但不同选项必须有不同的值。
    selected
    设该选项为内定被选。一个单选卷动选单只能有一项或零可内定被选。

    ■ <TEXTAREA> :
    <TEXTAREA>是表单文字区块标记,常用于 bug report, feedback 等需要填写大量资料的用 途。
    <TEXTAREA> 的参数设定(常用):
    例如: <textarea name="comments" cols="40" rows="4" wrap="VIRTUAL">

    name="comments"
    这文字区块的名称,作识别之用,将会传及 CGI。
    cols="40"
    这文字区块的宽度,请自行修改。
    rows="4"
    这文字区块的列数,即其高度,请自行修改。
    wrap="VIRTUAL"
    设定其折行问题,可选值为: off, physical, virtual。off 表示不使用此属性,physical 时则会强迫刘览器在送资料到 CGI(Web 伺服器端)必须将实№文字中的换行一并送出,设为 virtual 时则送出连续成串的字(除非使用者按了键盘的 RETURN / ENTER)。
    图形标记
    ■ <IMG> :
    <IMG> 称图形标记,主要用以插入图片于网页中,至于其它用处如配合影片文件等的播放及影像地图(Image Map 或称一图多连结)则于不会在这节提及,请看【影像地图】及【其他标记】。
    <IMG> 的一般参数设定:

    例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">

    src="logo.gif"
    图片来源,接受 .gif, .jpg 及 .png 格式,前两者通行己久,后者由 96 年开始发展,于未来取代前两者。若图片文件与该 html 文件同处一目录则只 写上文件案名称,否则必须加上正确的途径,相对及绝对皆可。
    width=100 height=100
    设定图片大小,此宽度、及高度一般采用 pixels 作单位。通常只设为图片的真实大小以免失真,若 要改变图片大小最好事先使用图像编辑工具。
    hspace=5 vspace=5
    设定图片边沿空白,以免文字或其它图片过于贴近。hspace 是设定图片左右的空 间,vspace 则是设定图片上下的空间,高度采用 pixels 作单位。
    border=2
    图片边框厚度。
    align="top"
    调整图片旁边文字的位置,你可以控制文字出现在图片的偏上方、中间、底端、左右等,可选值:top, middle, bottom, left, right,内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom,
    texttop 表示图片和文字依顶线对 ,
    baseline 表示图片对 到目前文字行底线值,
    absmiddle 表示图片对 到目前文字行绝对中央,
    absbottom 表示图片对 到目前文字行绝对底部,(绝对底部意指它考虑到比方 y 、g、q 等字的下缘)。
    alt="Logo of PenPal Garden"
    这是用以描述该图形的文字,若用者使用文字浏览器,由于不支持图片,这些文字更会代替图片而被显示。若于支持图片显示的浏览器,当鼠标移至图片上该些文字亦会显示。
    lowsrc="pre_logo.gif"
    设定先显示低解像图片,若所加入的是一张很大的图片,下载 时很长,这张低解像图片会先被显示以免浏览失却兴趣,通当是原图片灰阶版本
  • 相关阅读:
    C# 中的委托和事件
    Sql Server 中一个非常强大的日期格式化函数
    SQL中合并多行记录的方法总汇
    浏览器Quirksmode(怪异模式)与标准模式
    常用的Mysql数据库操作语句大全
    mysql sql语句大全
    MySQL 最基本的SQL语法/语句
    仿微信聊天面板制作 javascript
    $.ajax()方法详解
    正则表达式匹配电话号码和手机号码
  • 原文地址:https://www.cnblogs.com/temptation/p/1833572.html
Copyright © 2020-2023  润新知