HTML 語 法 大 全

Home Home
引用 | 編輯 frank81825
2007-08-12 09:39
樓主
推文 x0
標籤 , 屬性名稱 , 簡介

<! - - ... - -> 註解
<A HREF TARGET> 指定超連結的分割視窗
<A HREF=#錨的名稱> 指定錨名稱的超連結
<A HREF> 指定超連結
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超連結的分割視窗
<BASEFONT SIZE> 更改預設字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<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> 設定分割視窗的捲軸
<FRAME SRC> 將HTML檔加入視窗
<FRAMESET COLS> 將視窗分割成左右的子視窗
<FRAMESET ROWS> 將視窗分割成上下的子視窗
<FRAMESET>...</FRAMESET> 劃分分割視窗
<H1>~<H6> 設定文字大小
<HEAD> 標示文件資訊
<HR> 加上分格線
<HTML> 文件的開始與結束
<I> 斜體字
<IMG ALIGN> 調整圖形影像的位置
<IMG ALT> 為你的圖形影像加註
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片並預設圖形大小
<IMG HSPACE> 插入圖片並預設圖形的左右邊界
<IMG LOWSRC> 預載圖片功能
<IMG SRC BORDER> 設定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片並預設圖形的上下邊界
<INPUT TYPE NAME VALUE> 在表單中加入輸入欄位
<ISINDEX> 定義查詢用表單
<KBD>...</KBD> 表示使用者輸入文字
<LI TYPE>...</LI> 列表的項目 ( 可指定符號 )
<MARQUEE> 跑馬燈效果

<MENU>...</MENU> 條列文字標籤
<META NAME="REFRESH" CONTENT URL> 自動更新文件內容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現分割視窗的文字
<OL>...</OL> 有序號的列表
<OPTION> 定義表單中列表欄的項目
<P ALIGN> 設定對齊方向
<P> 分段
<PERSON>...</PERSON> 顯示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<SELECT>...</SELECT> 在表單中定義列表欄
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用於加強語氣
<SUB> 下標字
<SUP> 上標字
<TABLE BORDER=n> 調整表格的寬線高度
<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> 文件標題
<TR>...</TR> 定義表格美一行
<TT> 打字機字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用於顯示變數



--------------------------------------------------------------------------------

以下為簡易HTML語法教學, 照這即可產生變化字型


--------------------------------------------------------------------------------

<font size=1>
</font>
<font size=2>例
</font>
<font size=3>例
</font>
<font size=4>例
</font>
<font size=5>例
</font>
<font size=6>例
</font>
<font size=7>例
</font>
<font style ="font-size =數字pt">例</font>字體無限放大語法

<marquee>跑馬燈</marquee>
<B>字體加粗
</B>
水平分隔線
<hr>
強制換行
<br>
對正中央ㄉ語法 <p align="center">內容
</p>
對正左邊ㄉ語法 <p align="left">內容
</p>
對正右邊ㄉ語法 <p align="right">內容
</p>
貼圖 <img src="位址
">
貼圖2:環通發言區專用語法 <image src="位址
">
<IMG SRC=圖擋位址 ALGIN=MIDDLE HEIGHT=??? WIDTH=???>放大圖檔語法(參數自訂
)
捷徑的語法 <a href="位址">要留的字or圖片檔案
</a>
<MARQUEE bgcolor="#aaff00色碼">這裡加上背景顏色,顏色可以自己改喔
</MARQUEE>
<MARQUEE DIRECTION=RIGHT>這裡的文字是由左到右喔
</MARQUEE>
<MARQUEE scrollamount=3 direction=up>這裡的文字是由下到上喔
</MARQUEE>
<MARQUEE LOOP=2>這裡的文字只會捲動兩次
</MARQUEE>
<MARQUEE BEHAVIOR=SCROLL>這裡的文字捲動效果為SCROLL,為內定選項
</MARQUEE>
<MARQUEE BEHAVIOR=SLIDE>文字碰到左邊就會停止
</MARQUEE>
<MARQUEE BEHAVIOR=ALTERNATE>這裡的文字會在左右兩邊彈來彈去
</MARQUEE>
<MARQUEE SCROLLDELAY=1000>這裡的文字SCROLLDELAY=1000亳秒
</MARQUEE>
<MARQUEE SCROLLAMOUNT=50>這裡的速度快
</MARQUEE>
<MARQUEE SCROLLAMOUNT=90>這的速度極快
</MARQUEE>


--------------------------------------------------------------------------------


獻花 x1
引用 | 編輯 magicer5
2007-11-08 08:27
1樓
  
剛入門要學html
感謝分享
複製下來當筆記

獻花 x0
引用 | 編輯 julie810816
2008-07-04 11:54
2樓
  
我也是~剛加入要學HTML~謝啦! 表情

獻花 x0
引用 | 編輯 iamfine
2008-08-14 17:46
3樓
  
這個先收下來再慢慢的研究啦
感謝提供

獻花 x0
引用 | 編輯 lool
2008-10-21 01:40
4樓
  
剛好派上用場^^ 表情
趕緊來將作業搞定..
謝謝..!

獻花 x0
引用 | 編輯 水龍吟
2008-11-04 10:49
5樓
  
想學HTML的我
這些基礎語法是該學起來呢
謝大大分享喔


獻花 x0
引用 | 編輯 fi-favor
2008-11-23 07:14
6樓
  
謝謝你^^

我也是剛學會用HTML
但是一直沒有詳細的資料
你的文章幫助了我很多 表情

讓我能把我的HTML用的更精緻 漂亮 表情

獻花 x0
引用 | 編輯 john0968
2009-01-22 14:34
7樓
  
這對入門的來講 是滿不錯的喔~
謝謝囉

獻花 x0
引用 | 編輯 520vivian
2009-05-16 01:47
8樓
  
感謝大大的提供QQ收起來

獻花 x0
引用 | 編輯 elin104
2009-07-12 09:59
9樓
  
謝謝分享...讓我對HTML的學習更進了一步!

獻花 x0
引用 | 編輯 uranus11
2010-04-21 02:38
10樓
  
非常實用~謝謝樓主提供!!

獻花 x0
引用 | 編輯 km252
2010-07-05 13:06
11樓
  
THANK U
基礎語法是該學

獻花 x0