DIV CSS布局基礎(chǔ):HTML標(biāo)記(六)_XHTML教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
        本站將陸續(xù)推出一些關(guān)于HTML標(biāo)記的文章!


        這些所介紹的HTML標(biāo)記不一定完全符合XHTML規(guī)范。各位在實際布局時應(yīng)有所取舍,如:B標(biāo)記,F(xiàn)ONT標(biāo)記,都是不符合XHTML規(guī)范的。在此不在一一羅列,相關(guān)知識請參考MB5U.com的其它文章。


      附錄:

      1、基本TAG元素
      --------------------------------------------------------------------------
      文件格式 <HTML></HTML> (HTML文件的開頭與結(jié)尾)
      主題 <TITLE></TITLE> (必須放在文頭區(qū)段)
      文頭區(qū)段 <HEAD></HEAD> (描述文件,如「主題」)
      內(nèi)文區(qū)段 <BODY></BODY> (內(nèi)容所在)

      2、與結(jié)構(gòu)相關(guān)的元素
      --------------------------------------------------------------------------
      標(biāo)題 <H?></H?> (有六種:H1,H2,H3,H4,H5,H6)
      標(biāo)題對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
      區(qū)段 <DIV></DIV>
      區(qū)段對齊 <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>
      簡短的引用 <Q> 與 </Q>
      是對於一些引用的文件,假如引用的部分不長。那麼可以考慮使用這一個標(biāo)簽,這一個標(biāo)簽是HTML3.0的新語法。
      引文區(qū)段
      <BLOCKQUOTE></BLOCKQUOTE>(顯示時通常會內(nèi)縮)blockquote是用來表示區(qū)域內(nèi)的文件是引用某個人或是某份文件內(nèi)的資料的。通常引用的文字假如利用<BLOCKQUOTE>與
      </BLOCKQUOTE>來將它們標(biāo)記起來的話。那麼大部份的瀏覽器在讀這些字的時候就會以另一種方式來表示它。這樣的表示只是在提醒讀者們這是引用其他人的部分。 

      強調(diào) <EM></EM> (通常以斜體顯示)
      強烈強調(diào) <STRONG></STRONG>(通常以黑體顯示) 這一個非凡加強語氣的字元是STRONG這個與
      EM一樣都是加強語氣的用法而已。大部份的瀏覽器都用粗黑體來表示被<STRONG>與</STRONG>所標(biāo)記的字。
      引用語句 <CITE></CITE> (通常以斜體顯示) 利用 <CITE> 與 </CITE> 將引用他人的話標(biāo)記起來
      程序原碼 <CODE></CODE> 讀者假如寫的是一些電腦方面的東西,那麼可以利用CODE
      這一個標(biāo)簽將一些相關(guān)的字眼標(biāo)記起來,使用的方式也是里用 <CODE> 與 </CODE> 將相關(guān)的字眼標(biāo)記。
      程序輸出樣本<SAMP></SAMP> 不加修在 HTML 里面,假如您想印出 HTML
      的語法。那麼讀者可能需要利用一些非凡的技巧來印這些字元。而在這些字元的外面,讀者就可以利用SAMP
      這一個符號將它們標(biāo)記起來喔。這一個標(biāo)簽的特色是被標(biāo)記的文字都會用固定的寬度來表示。
      鍵盤輸入 <KBD></KBD> KBD 這一個標(biāo)簽通常是用來告知讀者可以敲入哪些字,這些被標(biāo)記成
      KBD的字通常都是以固定寬度的粗體字來表示。但是有些瀏覽器只是以固定寬度的字元來表示而已。
      程序變量 <VAR></VAR> 對於一些可能改變的字HTML里面提供了一個
      VAR的標(biāo)簽來展示它,這個標(biāo)簽的意思是對於那些可能輕易改變的變數(shù)或是字眼等等。可以使用<VAR> 及
      <VAR>來標(biāo)記它們。這樣可以提醒使用者這些變數(shù)可能會有所改變。
      定義 <DFN></DFN> (有些瀏覽器無此功能) 假如讀者在 HTML
      里面所用到的是一些定義的字眼。那麼讀者可以考慮使用DFN這一個標(biāo)簽。假如讀者使用Mosaic瀏覽器。那麼被 <DFN> 與
      </DFN>所標(biāo)記起來的文字將會用斜體字來表示。其它的瀏覽器則不一定。
      作者地址 <ADDRESS></ADDRESS>
      大字 <BIG></BIG>
      小字 <SMALL></SMALL>
      語言 <LANG>
      在一篇文件中,假如使用兩種以上的語言,那麼就可以使用<LANG>與</LANG>來將它標(biāo)記起來。這也是HTML3.0的新語法。
      作者 (AU)
      <AU>與</AU>并不是表示一般的AU檔案,這一個標(biāo)簽是說假如在讀者的文章中。有提到某些作者的話,那麼就可以一個標(biāo)簽將作者給標(biāo)記住。這也是
      HTML 3.0非凡為作者所設(shè)計的一個標(biāo)簽喔。
      個人
      (PERSON)在很多的索引程式中,程式有時候會將一些資訊頁給展示出來,而在展示這些資訊頁的時候。假如有提到一些個人的名字。那麼就可以利用
      <PERSON> 與 </PERSON>來將這些名字給標(biāo)記住。這一個語法也是 HTML 3.0 中新加入的語法。
      數(shù)個單字組成的單字 (ACRONYM)
      在英文中,有一些單字是由好幾個單字組合而成。假如讀者碰到這種單字,讀者可以考慮利用<ACRONYM>與
      </ACRONYM>標(biāo)簽將它們給非凡的括住。雖然這是 HTML3.0中新的語法。但是對使用中文的我們來說,這樣的一個語法并沒有太大幫助。
      縮寫 (ABBREV)與ACRONYM一樣,在英文中也有許多縮寫字HTML 3.0
      也非凡為這些縮寫字取了一個新的標(biāo)簽,這一個新的標(biāo)簽叫做 <ABBREV>當(dāng)然它也有一個結(jié)束的符號叫做</ABBREV>。
      插入 (INS)在HTML文件中,假如在原本舊有的文件中插入某個字,那麼讀者可以考慮使用<INS> 與
      </INS>來將這一些字給標(biāo)記住。這樣可以方便讀者在查閱的時候知道這一份文件是不是有修正過。當(dāng)然,這種語法也是 HTML 3.0
      中新加入的語法。
      刪除 (DEL)這一個語法是要來告訴讀者將要刪除某些字,或是一些關(guān)於刪除的部分。這種,新的標(biāo)簽也是HTML3.0中出現(xiàn)的喔。

      3、與顯示方式有關(guān)的TAG元素
      --------------------------------------------------------------------------
      粗體 <B></B>
      斜體 <I></I>
      畫底線 <U></U> (有些瀏覽器無此功能)
      刪除線 <STRIKE></STRIKE> (有些瀏覽器無此功能)
      刪除線 <S></S> (有些瀏覽器無此功能)
      下標(biāo)字 <SUB></SUB>
      上標(biāo)字 <SUP></SUP>
      打字機體 <TT></TT> (空白字元與其他文元之寬度相同的字體)
      依據(jù)預(yù)定格式 <PRE></PRE> (保持文字間的相對位置)
      預(yù)定格式的寬度 <PRE WIDTH=?></PRE> (以字元計)
      對中 <CENTER></CENTER> (文字與圖形都會對中)
      閃爍 <BLINK></BLINK>
      字體大小 <FONT SIZE=?></FONT> (由 1到 7)
      改變字體大小 <FONT SIZE=" |-?"></FONT>
      基本字體大小 <BASEFONT SIZE=?> (默認(rèn)值為 3)
      字體顏色 <FONT COLOR="#$$$$$$"></FONT>
      指定字形 <FONT FACE="***"></FONT>
      多欄位 <MULTICOL COLS=?></MULTICOL>
      欄位內(nèi)文與邊緣間隔 <MULTICOL GUTTER=?></MULTICOL> (默認(rèn)值為10象素)
      欄位寬度 <MULTICOL WIDTH=?></MULTICOL>
      留白 <SPACER>
      留白型態(tài) <SPACER TYPE=horizontal| vertical|block>
      留白大小 <SPACER SIZE=?>
      留白尺寸 <SPACER WIDTH=? HEIGHT=?>
      留白位置 <SPACER ALIGN=left|right|center>

      4、超文本連結(jié)與圖形元素
      --------------------------------------------------------------------------
      連結(jié)指定URL <A HREF="URL"></A>
      連結(jié)到錨點 <A HREF="URL#***"></A> (錨點在另一份文件)
      <A HREF="#***"></A> (錨點在同一文件)
      連結(jié)到指定之FRAME <A HREF="URL"
      TARGET="***|_blank|_self|_parent|_top"></A>
      設(shè)定「錨點」 <A NAME="***"></A>
      正向關(guān)連 <A REL="***"></A> (有些瀏覽器無此功能)
      反向關(guān)連 <A REV="***"></A> (有些瀏覽器無此功能)
      顯示圖形 <IMG SRC="URL">
      圖形位置 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
      圖形位置 <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
      替代圖形文字 <IMG SRC="URL" ALT="***"> (假如無法顯示圖形而顯示的文字)
      可點選圖形 <IMG SRC="URL" ISMAP> (需要與.map文件配合)
      客戶端端可點選圖形 <IMG SRC="URL" USEMAP="URL">
      點選圖名稱 <MAP NAME="***"></MAP>
      指定可點選區(qū)域<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
      圖形尺寸 <IMG SRC="URL" WIDTH=? HEIGHT=?> (以象素為單位)描述圖形顯示的寬度和高度。
      邊線大小 <IMG SRC="URL" BORDER=?> (以象素為單位) 圖形外的框線寬度。
      四面留白 <IMG SRC="URL" HSPACE=? VSPACE=?> (以象素為單位)
      vspace,hspace描述圖形和文字的垂直和水平間隔。
      低解析度圖形 <IMG SRC="URL" LOWSRC="URL"> 用戶端定時更新 <META
      HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
      Plug-in 物件 <EMBED SRC="URL"> (把Plug-in物件加入文件)
      物件大小 <EMBED SRC="URL" WIDTH=? HEIGHT=?>

      5、劃分段落TAG元素
      --------------------------------------------------------------------------
      段落 <P></P> (結(jié)束標(biāo)記</p>通常可省略)
      指定文字對齊方式<P ALIGN=LEFT|CENTER|RIGHT></P>
      強迫斷行 <BR>
      指定斷行後起點 <BR CLEAR=LEFT|RIGHT|ALL>
      橫線 <HR>
      橫線位置 <HR ALIGN=LEFT|RIGHT|CENTER>
      橫線厚度(向下)<HR SIZE=?> (以象素為單位)
      橫線長度(向右)<HR WIDTH=?> (以象素為單位)
      橫線比率寬度 <HR WIDTH="%"> (相對頁寬的百分比)
      實線 <HR NOSHADE> (無凹凸立體效果)
      不可斷行 <NOBR></NOBR>
      可斷行處 <WBR> (視需要,可在此斷行)

      6、列表元素<list>
      --------------------------------------------------------------------------
      無序列舉 <UL><LI></UL>
      簡潔化 <UL COMPACT></UL>
      標(biāo)頭符號類型<UL TYPE=DISC|CIRCLE|SQUARE> (用于所有列舉項)
      <LI TYPE=DISC|CIRCLE|SQUARE> (本項及其後項)
      有序列舉 <OL><LI></OL>
      簡潔化 <OL COMPACT></OL>
      數(shù)字型態(tài) <OL TYPE=A|a|I|i|1> (用於所有列舉項)
      <LI TYPE=A|a|I|i|1> (本項及其後項)
      起始數(shù)字 <OL START=?> (用於所有列舉項)
      <LI VALUE=?> (本項及其後項)
      定義式列舉 <DL><DT><DD></DL> (<DT>=定義項目, <DD>=定義內(nèi)容)
      簡潔化 <DL COMPACT></DL>
      菜單式列舉 <MENU><LI></MENU> (<LI> 放在每一列舉項之前)
      簡潔化 <MENU COMPACT></MENU>
      目錄式列舉 <DIR><LI></DIR> (<LI> 放在每一列舉項之前)
      簡潔化 <DIR COMPACT></DIR>

      7、背景與顏色TAG元素
      --------------------------------------------------------------------------
      背景圖案 <BODY BACKGROUND="URL">
      背景顏色 <BODY BGCOLOR="#$$$$$$">
      文字顏色 <BODY TEXT="#$$$$$$">
      未連接過點顏色 <BODY LINK="#$$$$$$">
      連結(jié)過點的顏色 <BODY VLINK="#$$$$$$">
      正連結(jié)點的顏色 <BODY ALINK="#$$$$$$">

      8、非凡字符替換 (下列替代用標(biāo)記需用小寫)
      --------------------------------------------------------------------------
      非凡字符 &#?; ( ? 為 ISO 8859-1 碼)
      < <
      > >
      & &
      " "
      Registered TM ?
      Copyright ?
      Non-Breaking Space

      9、數(shù)學(xué)方程式 <math></math>
      --------------------------------------------------------------------------
      例一、
      <math>
      H(s)=∫<sub>0</sub><sup>∞
      </sup>e<sup>st</sup>h(t)dt
      </math>
      例二、
      <math>
      C<box>dV<sub>out</sub>
      <over>dt</box>=I<sub>b</sub>
      &tanh;(<box>κ(V<sub>in
      </sub>-V<sub>out</sub>)<over>2</box>
      </math> CdVoutdt=Ib &tanh;(κ(Vin-Vout)2
      例三、
      <math>
      (<array align="C"><item>
      &ldet;<array align="cc">
      <item>x<sub>11</sub>
      <item>x<sub>12</sub>
      <item>x<sub>21</sub>
      <item>x<sub>22</sub>
      <array><rd>&rdet;
      <item>y<item>z
      </array>)</math> ,
      從這三個例子中可以看到:
      我們用&int表示“積分符號”,<sub>表示下標(biāo),<sup>上標(biāo);
      <box>用以表示將要把后面的項目視作一個群體;<over>表除號。 <array>來處理矩陣的符號,<array
      align=C|L|R>表項目中的位置中、左、右。項目以<item>加在數(shù)據(jù)的前面來表示。&Ldet表示行列式的左邊,&Rdet表行列式右邊。

      (回車換行) <br>
      (空格符)
      &(AND符號) &
      <(左尖括號、小于號) <
      >(右尖括號、大于號) >
      °(度) °
      ?(間隔符) ?
      ′ ′
      " "
      “ “
      ” ”
      ‰ ‰
      ← ←
      ↑ ↑
      → →
      ↓ ↓
      ? ?
      √ √
      ∝ ∝
      ∞ ∞
      ∠ ∠
      ∧ ∧
      ∨ ∨
      ∩ ∩
      ∪ ∪
      ? ?
      ∫ ∫
      ∴ ∴
      ≈ ≈
      ¥(RMB) ¥
      ≠ ≠
      ≡ ≡
      ≤ ≤
      ≥ ≥
      ⊕ ⊕
      λ λ
      μ μ
      ν ν
      ξ ξ
      ν ν
      ξ ξ
      ∏ ∏
      ∑ ∑
      ¥ ¥
      … …
      1(一次方符號) 1
      2(平方符號) 2
      3(立方符號) 3
      (上標(biāo)情形) n<sup>r</sup>
      (下標(biāo)情形) C<sub>i</sub>
      加粗 <b>加粗</b>
      斜體 <i>斜體</i>
      下劃線 <u>下劃線</u>
      ±(加減符號) ±
      ×(乘法符號) ×
      ÷(除法符號) ÷
      ?(版權(quán)所有) ?
      ?(注冊商標(biāo)) ?
      ?(商標(biāo)符號) ?
      —(破折號) —

      來源:無憂整理//所屬分類:XHTML教程/更新時間:2007-11-25
      相關(guān)XHTML教程