HTML 文件结构

HTML文件结构(DocumentStructures)html.../htmlhead.../headbody.../bodyHTMLHEADtitle,base,link,isindex,meta/HEADBODYHTML文件的正文写在这里....../BODY/HTML语言字符集(Charsets)的信息metahttp-equiv=Content-Typecontent=text/html;charset=##=us-ascii,iso-8859-1,x-mac-roman,iso-8859-2,x-mac-ce,iso-2022-jp,x-sjis,x-euc-jp,euc-kr,iso-2022-kr,gb2312,gb_2312-80,x-euc-tw,x-cns11643-1,x-cns11643-2,big5可在HTML文件中设置MIME字符集信息。您在浏览主页时，最好自己在浏览器的选项菜单内选择相应的语言(languageencoding)。但是如果HTML文件里写明了设置，浏览器就会自动设置语言选项。尤其是主页里用到了字符实体(entities)，则该主页就应该写明字符集信息。否则，您在浏览该主页时，若未正确设置语言选项，显示将可能混乱。背景色彩和文字色彩bodybgcolor=#text=#link=#alink=#vlink=#bgcolor---背景色彩text---非可链接文字的色彩link---可链接文字的色彩alink---正被点击的可链接文字的色彩vlink---已经点击(访问)过的可链接文字的色彩#=rrggbb色彩是用16进制的红－绿－蓝(red-green-blue,RGB)值来表示。16进制的数码有:0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.背景图象bodybackground=image-URLNonScrollingBackgroundbodybgproperties=FIXED页面空白(Margin)页面左边的空白bodyleftmargin=#页面上方的空白(天头)bodytopmargin=##=marginamount链接(Link)基本语法ahref=URL.../a这是一个ahref=samp/link.html链接的例子/a。点一下带下划线的文字!这是一个链接的例子。点一下带下划线的文字!跳转到页面的另外一个地方ahref=#name.../aaname=name.../aahref=#jump-test跳转到下一个链接点/aPaname=jump-test下一个链接点/a跳转到下一个链接点下一个链接点跳转到另一个页面的某个地方ahref=URL#name.../aaname=name.../a跳转到另一个页面的ahref=samp/link.html#jump-test某个地方/a。跳转到另一个页面的某个地方。开一个新的(浏览器)窗口(TargetWindow)ahref=URLtarget=Window_Name.../aahref=samp/window.htmltarget=window_name开一个新窗口!/a开一个新窗口!标尺线hrhrhrsize=#hrsize=10hrwidth=#hrwidth=50hrwidth=50%hralign=##=left,righthrwidth=50%align=lefthrwidth=50%align=righthrnoshadehrnoshadehrcolor=##=rrggbb16进制RGB数码，或者是下列预定义色彩：Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aquahrcolor=red标题字体(Header)h#.../h##=1,2,3,4,5,6h1今天天气真好！/h1今天天气真好！h2今天天气真好！/h2今天天气真好！h3今天天气真好！/h3今天天气真好！h4今天天气真好！/h4今天天气真好！h5今天天气真好！/h5今天天气真好！h6今天天气真好！/h6今天天气真好！hn---/hn这些标记显示黑体字。hn---/hn这些标记自动插入一个空行，不必用p标记再加空行。因此在一行中无法使用不同大小的字体。字体大小fontsize=#.../font#=1,2,3,4,5,6,7or+#,-#basefontsize=##=1,2,3,4,5,6,7fontsize=7今天天气真好！/font今天天气真好！fontsize=6今天天气真好！/font今天天气真好！fontsize=5今天天气真好！/font今天天气真好！fontsize=4今天天气真好！/font今天天气真好！fontsize=3今天天气真好！/font今天天气真好！fontsize=2今天天气真好！/font今天天气真好！fontsize=1今天天气真好！/font今天天气真好！物理字体(PhysicalStyle)b今天天气真好！/b今天天气真好！i今天天气真好！/i今天天气真好！u今天天气真好！/u今天天气真好！tt今天天气真好！/tt今天天气真好！sup今天天气真好！/sup今天天气真好！sub今天天气真好！/sub今天天气真好！s今天天气真好！/s今天天气真好！strike今天天气真好！/strike今天天气真好！逻辑字体(LogicalStyle)em今天天气真好！/em今天天气真好！strong今天天气真好！/strong今天天气真好！code今天天气真好！/code今天天气真好！samp今天天气真好！/samp今天天气真好！kbd今天天气真好！/kbd今天天气真好！var今天天气真好！/var今天天气真好！dfn今天天气真好！/dfn今天天气真好！cite今天天气真好！/cite今天天气真好！small今天天气真好！/small今天天气真好！big今天天气真好！/big今天天气真好！指定“字体大小”的标记和“指定字体”的标记的组合使用ifontsize=5b今天/b天气fontsize=6真好！/font/font/i今天天气真好！字体颜色指定颜色fontcolor=#.../font#=rrggbb16进制数码，或者是下列预定义色彩：Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aquafontcolor=ffffffWhite/font&fontcolor=whiteWhite/fontWhite&White客户端字体(FontFace)fontface=#,#,...,#.../font#=客户端可获得的字体fontface=Arial,HelveticaHellowWorld!/fontHellowWorld!客户端字体(FontFace)示例字符实体(Entities)&#;#=字符实体名称或者ascii值HTML2.0的字符集&&<>"HTML2.0字符实体名称列表HTML3.2字符实体名称列表ISO字符实体名称列表行的控制段(Paragraph)(可以看作是空行)p你好吗？p很好。你好吗？很好。换行br你好吗？br很好。你好吗？很好。不换行nobrnobr请改变您浏览器窗口的宽度，使之小于这一行的宽度，看看这个标记的作用！/nobr请改变您浏览器窗口的宽度，使之小于这一行的宽度，看看这个标记的作用！文字的对齐(Alignment)hnalign=#.../hnpalign=#.../p#=left,center,righth3align=centerHello\h3h3align=rightHello\h3HelloHellocenter.../centercenterHello/centerHello文字的分区(Division)显示divalign=left.../divdivalign=leftCanyoufeelhappinesswithoutunpleasant?brPleaseshowmeyoursmile./divCanyoufeelhappinesswithoutunpleasant?Pleaseshowmeyoursmile.divalign=center.../divCanyoufeelhappinesswithoutunpleasant?Pleaseshowmeyoursmile.divalign=right.../divCanyoufeelhappinesswithoutunpleasant?Pleaseshowmeyoursmile.列表无序列表ulli.../ululliTodayliTommorow/ulTodayTommorow有序列表olli.../ololliTodayliTommorow/ol1.Today2.Tommorow定义列表(Definitionlists)dldt...dd.../dldldtTodayddTodayisyesterday.dtTomorrowddTomorrowistoday./dlTodayTodaywillbeyesterday.TomorrowTomorrowwillbetoday.DefinitionlistsCompactdlcompactdt...dd.../dlTodayTodaywillbeyesterday.NextTomorrowwillbetoday.dlcompactdtTodayddTodayisyesterday.dtTomorrowddTomorrowistoday./dl定制列表元素定制表中的标记litype=##=disk,circle,squareullitype=discONElitype=circleTWOlitype=squareTHREE/ulONEoTWOTHREE定制有序列表表中的序号litype=##=A,a,I,i,1ollitype=AONE-ONEliONE-TWO/olA.ONE-ONEB.ONE-TWOollitype=aONE-ONEliONE-TWO/ola.ONE-ONEb.ONE-TWOollitype=IONE-ONEliONE-TWO/olI.ONE-ONEII.ONE-TWOollitype=iONE-ONEliONE-TWO/oli.ONE-ONEii.ONE-TWOollitype=1ONE-ONEliONE-TWO/ol1.ONE-ONE2.ONE-TWO定制有序列表表中的序号的起始值olstart=##=numberolstart=5litype=AONE-ONE