億載金城日誌 - 億載金城的個人空間 - 頂客社區

空間管理您的位置: 頂客社區 » 億載金城的個人空間 » 日誌

夢想，可以很浪漫；生活，卻要很踏實。只要我們願意，生命中的每一段歲月，都可以過的很精彩，而且動人! 各位來訪的嘉賓好友，謝謝您的光臨。

發佈新日誌

HTML語法速查

2007-07-10 21:25:00



註解，文字內容不顯現於文件中

 

<A>與</A>

連結標籤。如

<A HREF=”#…”>…</A>   連結同一編文章的其他部分

<A HREF=”FileName#…”> 連結某編文章的某部分

<A HREF=”URL”>…</A>   連結到其他網上資源(URL for Uniform. Resource Locator)

 

<ABBREV>與</ABBREV>

用來強調縮寫文字。如

<ABBREV>顯現縮寫文字</ABBREV>

 

<ABSTRACT></ABSTRACT>

為BODY的一部份，用以強調不同字體的顯現

 

ACTION

網頁需要一個圖形介面讓瀏覽網頁者送出資料，ACTION後面即此服務程式的URL。如

<FORM. METHOD=”POST” ACTION=”SAMPLE”>

 

<ADDRESS></ADDRESS>

定義郵件地址、簽名及作者資料，常使用於文件開端或結尾。如

<ADDRESS>桃園縣大園鄉中華路298號</ADDRESS>

 

ALIGN屬性

控制網頁內容及各物件的顯現位置。LEFT, RIGHT, CENTER, BASELINE, TOP, MIDDLE,

TEXTTOP, ABSMIDDLE等。如

<H2 ALIGN=CENTER>…</H2>

 

ALINK屬性

連結動作正在執行時的顏色設定。如

<BODY TEXT=”#000000” LINK=”#FF0000” ALINK=”#00FF00” VLINK=”#FFFFFF”>

 

ALT屬性

設定圖、影像的替代文字內容，以便文字模式的瀏覽。如

<IMG SRC=”檔名.gif” ALT=”說明文子”>

 

<B>與</B>

字體特徵，可顯現粗體字。如

<B>本標籤內文字將以粗體字來顯現！</B>

 

BACKGROUND屬性

設定背景圖案。(瀏覽器會自動把底圖往右及往下無限延伸)

<BODY BACKGROUND=”檔名.gif”>

 

<BANNER>與</BANNER>

用於說明版權及宣告事項。如

<BANNER>版權宣告用字置於此</BANNER>

 

<BASE>

允許文件可以顯示並指引到文件本身的URL位址。如

<BASE HREF=”文件的URL”>

 

BEHAVIOR屬性

設定跑馬燈的捲動方式，共SCROLL、SLIDE、ALTERNATE三種效果，

SCROLL為預設值，一般的捲動

SLIDE為文字碰到左右邊界時便停止

ALTERNATE會造成文字內容於左右邊界間來回移動。如

<MARQUEE BEHAVIOR=ALTERNATE>

 

BGCOLOR屬性

設定背景的顏色。如

<BODY BGCOLOR=”#000000”>

 

<BIG>與</BIG>

將文字字型加大顯現。如

<BIG>本標籤內的字體會放大</BIG>

 

<BLINK>與</BLINK>

使標籤內的文字產生閃爍的效果，以吸引觀眾。如

<BLINK>標籤內的文字產生閃爍的效果</BLINK>

 

<BLOCKQUOTE>與</BLOCKQUOTE>

  引用他人的話時，整各引言會又移並自成段落。如

<BLOCKQUOTE>論語云：……</BLOCKQUOTE>

 

<BODY>與</BODY>

包括標題、段落、列表等文件的開端與結尾。如

<BODY>文件內容……</BODY>

<BODY BGCOLOR=”#9999CC”>文件內容……</BODY>

<BODY TEXT=”#CC55CC” LINK=”#3399FF” ALINK=”#99FF99” VLINK=”#99CC99”>

 

BORDER屬性

指定表格外框大小及顯示格線否。如

<TABLE BORDER=n>

 

BORDERCOLOR屬性

設定表格格線的色彩。如

<TABLE BORDER=5 BORDERCOLOR=”000000”>

 

<BR>

換行，何<P>的分別是，<P>會換行並多空一列。

 

<CAPTION></CAPTION>

用於設定表格的標題。如

<CAPTION>表格標題</CAPTION>

<CAPTIONALIGN=BOTTOM>標題內容</CAPTION>

 

CELLPADDING屬性

指定儲存欄的內容和表格間的空白大小。如

<TABLE CELLPADDING=n>

 

CELLSPACING屬性

指定表格格線的寬度。如

<TABLE CELLSPACING=n>

 

<CENTER>與</CENTER>

將文字或圖案顯示於視窗的中間。如

<CENTER>文字內容會置中</CENTER>

 

<CITE>與</CITE>

文字字型特徵，用於引證列舉時，其文字會成斜體顯現。如

<CITE>此處置放引經據典的內容</CITE>

 

<CODE>與</CODE>

字型特徵，以較寬的字元來突程式的部分字元。如

<CODE>x+y+z</CODE>

 

COLOR屬性

設定文字顯示的顏色。如

COLOR=#rrggbb (範圍：00～ff之間，為16進位)

 

COLS屬性

以字元為單位，設定編輯區的寬度。

 

COMPACT屬性

使表格緊密排列，以節省空間。如

<DL COMPACT>, <OL COMPACT>

 

<DD>與</DD>

常與DT(要項名稱)共用，以解釋DT內的文字。如

<DL>

<DT>要項名稱

<DD>解釋要項的文字

  </DL>

 

<DFN>與</DFN>

  字型特徵，用來表示定義。

 

<DIR>與</DIR>

目錄列表方式以作為標記的開端。要項文字通常不多過20個英文字母。如

   <LI TYPE=CIRCLE> 目錄文字一

   <LI TYPE=DISC> 目錄文字二

   <LI TYPE=SQUARE> 目錄文字三

</DIR>

 

DIRECTION屬性

在跑馬燈功能中設定文字捲動的方向。

 

<DL>與</DL>

定義列表方式的開始與結束。如

<DL>

   <DT>要項一

    <DD>說明要項一的內容

   <DT>要項二

    <DD>說明要項二的內容

</DL>

 

<DT>與</DT>

定義列表方式的要項。如

<DL>

   <DT>要項名稱

    <DD>要項說明

</DL>

 

<EM>與</EM>

字型特徵，以斜體來強調一段或一組文字。如

<EM>所要強調的文字</EM>

 

ENCTYPE屬性

設定form的資料項在傳送到WWW伺服器端時加密的方法。

此屬性僅在METHOD的值為POST時才可用，目前可以接受的值只有

“application/x-www-form-urlencoded”

 

<FONT>與</FONT>

字型的設定。如

<FONT>文字內容</FONT>

<FONT COLOR=”#0000FF”>此處文字變為藍色</FONT>

<FONT SIZE=7>文字會變成最大</FONT>

 

<FONT FACE>

指定特殊字型。如

<FONT FACE=”標楷體”>

 

<FORM>與</FORM>

指示HTML表單的內容，為了能接受讀者所送的資料，WWW伺服器必須要有URL

的服務程式來作為接收。若省略ACTION=”URL"的設定，其內定值為FORM所在文

件的URL位址。如

<FORM. ACTION=”URL” METHOD=”POST”></FORM>

 

<FN>與</FN>

為文件的註解，會顯現特殊的小圖像或文字圖示來標明註解。

 

<FRAME>與</FRAME>

允許在一個視窗中顯示多種文件，每個子視窗互相獨立，可含不同的URL或巢狀子視窗。

必須含在<frameset>和</frameset>之間，一個<frame>定義一個窗格，窗格數應與<frameset>中

的rows或cols屬性所定義的窗格數目相同。

<frame>數目少於rows或cols所定義的窗格數目時，沒有<frame>對應的窗格會以空白顯示。

或多餘rows或cols所定義的窗格數目時，多出來的<frame>會被忽略。

 

FRAMEBORDER屬性

用來設定是否顯現視窗邊框。如

<FRAMESET FRAMEBORDER=”yes/no”>

 

<FRAMESET>與</FRAMESET>

將單一視窗分割成若干個子視窗。如

<FRAMESET>

……

</FRAMESET>

 

<HEAD>與</HEAD>

文件的起始與結尾，以宣告文件標頭資訊已開始。

 

<Hn>與</Hn>

HTML有六個階層的標題字，最大為<H1>，最小為<H6>。如

<H1>標題字</H1>

 

<HR>

水平線標記，常用來區隔文件段落或圖片，顏色與版面背景相關，可改變其長度、

寬度及位置。如

<HR SIZE=5 WIDTH=75%>

<HR NO SHADE>此為黑實線

<HR SIZE=15 WIDTH=150 ALIGN=RIGHT>

 

HSPACE屬性

設定圖形的左右間隔。如

<IMG SRC=”檔名.gif” ALIGN=LEFT HSPACE=20>

 

<HTML>與</HTML>

用以宣告HTML文件的開始，祇能包含HEAD和BODY兩個要素

 

<I>與</I>

字型特徵，字體以斜體字來表現。如

<I>此處文字會成為斜體字</I>

 

<IMG>

內含圖形的標記。如

<IMG SRC=”檔名.gif”>

<IMG SRC=”檔名.gif” ALIGN=MIDDLE>

<IMG SRC=”檔名.gif” ALT=”本圖片的文字訊息”>

 

<INPUT>

用來設定其文字輸入格式的形態。如

<INPUT NAME=”HOB” TYPE=CHECKBOX VALUE=”男生”>男生

 

<KBD>與</KBD>

為鍵碼標示符號，在文件中提醒讀者鍵入所要的文字。通常其文字

會以較寬的字體來表示。如

<KBD>PASSWORD</KBD>

 

<LI>與</LI>

為列表方式所用的格式標籤，通常和<OL>與</OL>合用。如

<OL>

   <LI>項目一

   <LI>項目二

    :

  </OL>

 

<LINK>

主要用途在指出文件本身何其他文件之間的關係。如

<LINK REL=連結屬性參數 REV=被連結屬性參數 HREF=”文件URL”>

<LINK REL=HOME HREF=A1.html>

 

LOOP屬性

可用來設定跑馬燈捲動的次數。如

<MARQUE LOOP=3>

 

<MAP>與</MAP>

用來描述圖片的某一個區域將連結到其他不同的URL。

 

MARGINHEIGHT屬性

可以設定窗格中顯示文件內容與窗格上邊界的距離。

 

MARGINWIDTH屬性

可以設定窗格中顯示文件內容與窗格左邊界的距離。

 

<MARQUEE>與</MARQUEE>

用來達到跑馬燈的效果。如

<MARQUEE>欲使用跑馬登效果的文字</MARQUEE>

 

<MENU>與</MENU>

菜單式的列表方式，通常和<LI>共用。如

<MENU>寵物

   <LI>狗

   <LI>貓

</MENU>

<MENU>

   <LI TYPE=CIRCLE>要項一

   <LI TYPE=DISC>要項二

</MENU>

 

<META>

用於HEAD語法內，目的在定出擷取文件時的媒介。如

<META. HTTP-EQUIV=到期日期 CONTENT=”民國88年12月20日止”>

 

METHOD屬性

設定將FORM的資料項傳遞到WWW伺服器端的方法，即送給CGI程式的方法。

 

<NOBR>與</NOBR>

不換行的標記。此標記使一列文字不因視窗過小而自動切成兩半。如

<NOBR>此標籤間的內容不會換行</NOBR>

 

NORESIZE屬性

讓使用者不可以在用滑鼠拖曳窗格邊框來改變窗格大小

 

<NOTE>與</NOTE>

用於陳列解釋性的註解，在文字區內會顯現特殊小圖示及反白區。

 

<OL>與</OL>

為有序列表方式，順序預設為阿拉伯數目字；在順序表列中，每一要項都包含LI的屬性。

而LI祇能顯現在OL列表方式中。此外利用TYPE屬性也可設定其他顯示符號。如

<OL TYPE:A>

   <LI>顯示A

   <LI>顯示

</OL> 以大寫字母作為順序的編號

 

<P>

本功能除了換行外，還會增加一行空白列。和<BR>不同處在於<BR>只是單純的換行。

 

<PERSON>與</PERSON>

用來強調人名。

 

<PRE>與</PRE>

以原編輯方式呈現，即原文的空白、Return鍵及文字間的空白都會被保留下來。

<PRE>文字內容</PRE>

 

ROWS屬性

設定編輯區域的長度。

 

<SAMP>與</SAMP>

字型特徵，文字會以較寬的字元顯現。

<SAMP>引用字或範例</SAMP>

 

Scrolling屬性

包含於<frame>標籤內的屬性。可用來設定是否顯示視窗捲軸。

 

SCROLLAMOUNT屬性

設定跑馬燈前進的像素大小，以圖點(Pixel)為單位。

SCROLLAMOUNT=25、SCROLLDELAY=3

 

SCROLLDELAY屬性

設定跑馬燈捲動一次的停頓時間(delay time)，以毫秒(ms)為單位。

 

<SELECT>與</SELECT>

多重選擇的形式。

<SELECT NAME=”欄位名稱” SIZE=”欄位的行數”>

   <OPTION>選項內容

   <OPTION>選項內容

</SELECT>

 

SIZE屬性

設定字型的大小，共有七級大小。

<SIZE= n>

<SIZE= +n 或 -n>

 

<SMALL>與</SMALL>

將文字的字型縮小顯示。

<SMALL>文字縮小顯示</SMALL>

 

<SPACER>

於文字間加入空白區域。

<SPACER TYPE=HORIZONTAL SIZE=40>

 

<STRIKE> 查看(215) 評論(3) 收藏分享圈子管理
[論壇] [教學] 網頁連結三種路徑表示方法

2007-04-13 03:33:14

絕對路徑又稱全路徑，包含完整來源的路徑稱之，可為不同通訊協定，需依 rfc1738 規格建立 url 字串：
[協定]://[使用者:密碼@]主機[:通訊阜]/[路徑/][檔名]
以網頁來說：
http://xxx.xxx.xxx/path/index.htm
以 ftp 來說：
ftp://anonymous:guest@xxx.xxx.xxx:21/path/file.ext

包含完整的路徑資訊，像是 IE 網址列的內容都算是絕對路徑

相對路徑僅能限本機使用
比如說相同目錄的圖片，只需要 xxx.gif 即可，相對路徑通常是指相對目前位置的新路徑，不需完整路徑，其中有三個常用關鍵字：
.. 代表母目錄，比如說 ../xxx.gif
. 代表自己，比如說 ./xxx.gif ，大部分情況均可用 xxx.gif 取代
/ 代表根路徑，比如說 /xxx.gif 表示此圖檔放在網站根目錄
另外可直接用目錄名指向子目錄，比如說 sub/xxx.gif 表示在目前目錄下之子目錄內。

查看(301) 評論(0) 收藏分享圈子管理

億載金城

用戶菜單

我的欄目

標題搜索

我的存檔

數據統計

訪問量: 6579
日誌數: 25
圖片數: 1
影音數: 10
建立時間: 2007-04-13
更新時間: 2008-10-21

HTML語法速查

[論壇] [教學] 網頁連結三種路徑表示方法

用戶菜單

我的欄目

標題搜索

我的存檔

數據統計

RSS訂閱