xoops: 11月 2010

2010年11月23日星期二

HTML 語法字典

【HTML語法字典】
想要進一步認識HTML語法的人絕對不可以錯過
語法
說明
<! - - ... - ->
用於HTML文件中的註解
<A HREF TARGET=>
指定超鏈結的分割視窗目標
<A HREF=#錨的名稱>
設定鏈結錨點的名稱
<A HREF=>
設定超鏈結
<A NAME=錨的名稱>
錨點名稱
<ADDRESS>....</ADDRESS>
電子郵件位址文字格式設定
<B> 粗體字 </B>
粗體字效果
<BASE TARGET=>
分割視窗預設目標
<BASEFONT SIZE>
更改預設字形大小
<BGSOUND SRC=>
加入背景音樂
<BIG>
顯示大字體
<BLINK>
閃爍文字效果( IE不適用 )
<BODY TEXT= LINK= VLINK=>
設定文字、鏈結顏色
<BODY>
顯示本文
<BR>
換行
<CAPTION ALIGN=>
設定表格標題位置
<CAPTION>...</CAPTION>
為表格加上標題
<CENTER>
置中對齊
<CITE>...<CITE>
用於引經據典的文字
<CODE>...</CODE>
用於列出一段程式碼
<COMMENT>...</COMMENT>
加上註解
<DD>
設定定義列表的項目解說
<DFN>...</DFN>
顯示"定義"文字
<DIR>...</DIR>
列表文字標籤
<DL>...</DL>
設定定義列表的標籤
<DT>
設定定義列表的項目
<EM>
強調之用
<FONT FACE>
指定字形
<FONT SIZE>
設定字體大小
<FORM ACTION=>
設表單的處理方式
<FORM METHOD=>
設定表單之資料傳送方式
<FRAME MARGINHEIGHT=>
設定架視視窗的上下邊界
<FRAME MARGINWIDTH=>
設定架視視窗的左右邊界
<FRAME NAME=>
框架視窗命名
<FRAME NORESIZE>
鎖住分割視窗的大小
<FRAME SCROLLING=>
設定分割視窗的捲軸 (yes,no )
<FRAME SRC>
框架內要顯示的文件
<FRAMESET COLS=>
將視窗分割成左右垂直的方式
<FRAMESET ROWS=>
將視窗分割成上下水平的方式
<FRAMESET>...</FRAMESET>
劃分分割視窗
<H1>~<H6>
設定文字標題大小
<HEAD>...</HEAD>
標示文件資訊
<HR>
加上分隔線
<HTML>...</HTML>
文件的開始與結束
<I>...</I>
斜體字
<IMG ALIGN=>
調整圖形影像的位置 ( top,left,right )
<IMG ALT=>
圖形影像註解
<IMG DYNSRC= LOOP=>
加入影片
<IMG SRC= HEIGHT= WIDTH=>
插入圖片並預設圖形大小
<IMG HSPACE=>
插入圖片並預設圖形的左右邊界
<IMG LOWSRC=>
預載低解析度圖片功能
<IMG SRC BORDER=>
設定圖片邊界
<IMG SRC=>
插入圖片
<IMG VSPACE=>
插入圖片並預設圖形的上下邊界
<INPUT TYPE= NAME= VALUE=>
在表單中加入輸入欄位
<ISINDEX>...</ISINDEX>
定義查詢用表單
<KBD>...</KBD>
表示使用者輸入文字
<LI TYPE>...</LI>
列表的項目 ( 可指定符號 )
<MARQUEE>...</MARQUEE>
跑馬燈效果
<MENU>...</MENU>
條列文字標籤
<META NAME="REFRESH" CONTENT= URL=>
自動更新文件內容
<MULTIPLE>
可同時選擇多項的列表欄
<NOFRAME>
定義不出現分割視窗的文字
<OL>...</OL>
有序號的列表
<OPTION>
定義表單中列表欄的項目
<P ALIGN=>
設定對齊方向
<P>...</P>
分段
<PERSON>...</PERSON>
顯示人名
<PRE>...</PRE>
使用原有排列 ( 格式化文字內容 )
<SAMP>...</SAMP>
用於引用字
<SELECT>...</SELECT>
在表單中定義列表欄
<SMALL>...</SMALL>
顯示小字體
<STRIKE>...</STRIKE>
文字加刪除線
<STRONG>...</STRONG>
用於加強語氣
<SUP>...</SUP>
上標字
<SUB>...</SUB>
下標字
<TABLE BORDER=>
調整表格的寬線高度
<TABLE CELLPADDING=>
調整資料欄位之邊界
<TABLE CELLSPACING=>
調整表格線的寬度
<TABLE HEIGHT=>
調整表格的高度
<TABLE WIDTH=>
調整表格的寬度
<TABLE>...</TABLE>
產生表格的標籤
<TD ALIGN=>
調整表格欄位之左右對齊
<TD BGCOLOR=>
設定表格欄位之背景顏色
<TD COLSPAN ROWSPAN=>
表格欄位的合併
<TD NOWRAP=>
設定表格欄位不換行
<TD VALIGN=>
調整表格欄位之上下對齊
<TD WIDTH=>
調整表格欄位寬度
<TD>...</TD>
定義表格的資料欄位
<TEXTAREA NAME= ROWS= COLS=>
表單中加入多少列的文字輸入欄
<TEXTAREA WRAP=>
決定文字輸入欄是自動否換行
<TH>...</TH>
定義表格的標頭欄位
<TITLE>...</TITLE>
文件標題
<TR>...</TR>
定義表格美一行
<TT>...</TT>
打字機字體
<U>...</U>
文字加底線
<UL TYPE>...</UL>
無序號的列表 ( 可指定符號 )
<VAR>...</VAR>
用於顯示變數

HTML 語法字典

HTML 的基本架構

原始檔（basic01.htm）：（灰色區域按兩下即可拷貝）
<HTML>
<HEAD>
	<TITLE>網頁的標題</TITLE>
</HEAD>
<BODY>
	網頁的內容
</BODY>
</HTML>
我們將以上述原始碼，來介紹基本的 HTML 網頁。首先我們來看看這個網頁的標籤（Tags），每一個標籤都是由「<」及「>」所包圍，例如上述原始碼中的 <HTML>，代表 HTML 網頁的開始，而 </HTML> 則代表 HTML 網頁的結束。在 HTML 網頁中，可大略分為「頭」和「身體」兩部分，茲說明如下：

「頭」的部分是由 <head> 和 </head> 兩個標籤所界定，大部分用於規範和整體網頁相關的資訊，這些資訊通常不會直接呈現於網頁內。以上例來說，「頭」的部分還包含了 <title>，用來說明此網頁的標題，此標題最後會呈現在瀏覽器視窗最上方的文字部分（也會呈現在當別人將此頁加入「我的最愛」時所見到的字串）。
「身體」部分是由 <body> 和 </body> 兩個標籤所界定，大部分用於擺置網頁的內容，這些內容將直接呈現在瀏覽器視窗內

清單設定方式

圓頭清單

只要加入<ul>的碼，便可製出有小圓頭的清單 :

上面的原始碼會顯示成下面的樣子 :

物件清單1
物件清單2
物件清單3

在<ol>的標籤內加入一些參數就可以讓顯出的效果有所變動唷 :

這是一般的小圓點

這是空心的小圓點

這是實心正方黑點

數字清單

跟小圓頭的方式很像，只要加入<ol>的碼，便可製出有數字的清單 :

上面的原始碼會顯示成下面的樣子 :

清單1
清單2
清單3

type=A(控制清單之前數字的參數顯示成A. B. C......)
type=a (控制清單之前數字的參數顯示成a. b. c......)
type=I (控制清單之前數字的參數顯示成I. II. III......)
type=i (控制清單之前數字的參數顯示成i. i. iii......)
start=起始的數值

定義清單

一般做為解釋一樣動作，加入以下的碼便可做一個定義清單

<dl>
<dt>耗子
<dd>是這裡的站長
<dt>電腦
<dd>已成為人類生活的一部分
</dl>

上面的原始碼會顯示成下面的樣子 :

耗子: 是這裡的站長
電腦: 已成為人類生活的一部分

2010年11月8日星期一

料三甲

2010年11月23日 星期二

HTML 語法字典

HTML 的基本架構

清單設定方式

圓頭清單

數字清單

定義清單

2010年11月8日 星期一

料三甲

2010年11月23日星期二

2010年11月8日星期一