web前端基礎:HTML標籤(一)

1.文件結構

  • 文件類型 <HTML></HTML> (放在文檔的開頭與結尾)
  • 文件主題 <TITLE></TITLE>(必須放在「文頭」區塊內)
  • 文頭 <HEAD></HEAD> (描述性資料,如「主題」)
  • 文體 <BODY></BODY>(文件主體)

2.結構性定義(由瀏覽器控制的顯示風格)

  • 標題 <H?></H?> (從 1 到 6,有六層選擇)
  • 標題的對齊 <H? ALIGN=LEFT/CENTER/RIGHT></H?>
  • 區塊 <DIV></DIV>
  • 區塊的對齊 <DIV ALIGN=LEFT/RIGHT/CENTER/JUSTIFY></DIV>
  • 引文區塊<BLOCKQUOTE></BLOCKQUOTE> (通常會內縮)
  • 強調 <EM></EM> (通常會以斜體顯示)
  • 特別強調<STRONG></STRONG> (通常會以加粗顯示)
  • 引文 <CITE></CITE> (通常會以斜體顯示)
  • <CODE></CODE> (顯示原代碼)
  • 樣本 <SAMP></SAMP>
  • 鍵盤輸入 <KBD></KBD>
  • 變數<VAR></VAR>
  • 定義 <DFN></DFN> (有些瀏覽器不提供)
  • 地址 <ADDRESS></ADDRESS>
  • 大字<BIG></BIG>
  • 小字 <SMALL></SMALL>

3.與外觀相關的標籤(作者自定的表現方式)

  • 加粗 <B></B>
  • 斜體 <I></I>
  • 底線 <U></U> (尚有些瀏覽器不提供)
  • 刪除線 <S></S>(尚有些瀏覽器不提供)
  • 下標 <SUB></SUB>
  • 上標 <SUP></SUP>
  • 打字機體 <TT></TT>(用單空格字型顯示)
  • 預定格式 <PRE></PRE> (保留文件中空格的大小)
  • 預定格式的寬度 <PRE WIDTH=?></PRE>(以字符計算)
  • 居中對齊 <CENTER></CENTER> (文字與圖片都可以)
  • 閃耀<BLINK></BLINK>
  • 字體大小 <FONT SIZE=?></FONT>(從 1 到 7)
  • 改變字體大小 <FONT SIZE=+/-?></FONT>
  • 基本字體大小 <BASEFONT SIZE=?> (從 1 到 7; 默認爲 3)
  • 字體顏色`

4. 鏈接與圖像

鏈接 <A HREF="URL"></A>

  • 鏈接到錨點 <A HREF="URL#***"></A>(如果錨點在另一個檔案)

  • `(如果錨點目前的檔案)

  • 鏈接到目的視框 <A HREF="URL" TARGET="***"></A>
    設定錨點 <A NAME="***"></A>
    圖像 <IMG SRC="URL">

  • 圖像對齊方式 <IMG SRC="URL" ALIGN=TOP/BOTTOM/MIDDLE>

  • 圖像對齊方式

<IMG SRC="URL"
ALIGN=LEFT/RIGHT/TEXTTOP/ABSMIDDLE/BASELINE/ABSBOTTOM
>
  • 取代文字 <IMG SRC="URL" ALT="***"> (如果瀏覽器不能顯示圖像則顯 示此文字)
  • 點選圖 <IMG SRC="URL" ISMAP> (需要 CGI 程式)
  • 點選圖 <IMG SRC="URL" USEMAP="URL">
  • 地圖 <MAP NAME="***"></MAP>(描述地圖)
  • 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"/NOHREF>
  • 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">(以 pixels 爲單位)
  • 圖像邊緣 <IMG SRC="URL" BORDER=?> (以 pixels 爲單位)
  • 圖像邊緣空間 <IMG SRC="URL" HSPACE=? VSPACE=?> (以 pixels 爲
    單位)
    低解析度圖形 <IMG SRC="URL" LOWSRC="URL">
    用戶端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> (使用端自動更新 )
    內嵌物件 <EMBED SRC="URL"> (將物件插入頁面)
    內嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">

5.分隔

段落 <P></P> (新定義成容器型標籤)
文字對齊方式 <P ALIGN=LEFT/CENTER/RIGHT></P>
換行 <BR>
文字對齊方式<BR CLEAR=LEFT/RIGHT/ALL>(與圖形合用時)
水平分割線 <HR>

  • 橫線對齊 <HR ALIGN=LEFT/RIGHT/CENTER>
  • 橫線厚度 <HR SIZE=?> (以 pixels 爲單位)
  • 橫線寬度 <HR WIDTH=?> (以 pixels 爲單位)
  • 橫線寬度比率 <HR WIDTH=%> (以頁寬爲 100%)
  • 實線 <HR NOSHADE> (沒有立體效果)
    不可換行 <NOBR></NOBR> (不換行)
    可換行處 <WBR>(如果需要,可在此斷行)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章