網際論壇 - Powered by Discuz! Board

標題: [分享]HTML語法大全 [打印本頁]

作者: 心情書店 時間: 2005-10-10 09:16 AM 標題: [分享]HTML語法大全

HTML 語法大全

標籤 , 屬性名稱 , 簡介

<! - - ... - -> 註解
<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>

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

版主加註：恭喜這篇文章回復超過30人依版規將文章提昇〈精華文章2級〉並予再加10分以資鼓勵 2006/4/11
衷心感謝你的付出與貢獻祝福您

[ Last edited by TCG on 2006-4-11 at 02:07 PM ]

作者: lin359501 時間: 2005-11-18 07:34 PM
介紹真仔細,謝謝分享...謝謝啦

作者: 隨緣風 時間: 2005-11-22 10:29 PM
感謝分享這麼詳細的教學文章

作者: johnson784069 時間: 2005-11-24 01:05 PM
真是受教了！
一直找不到類似的說明！
謝謝！

作者: 強強 時間: 2005-11-28 10:48 PM
很實用的語法教學..受益良深..

感謝分享~

作者: damin 時間: 2006-1-20 11:42 PM
受惠實用的文章，感謝您

作者: sme 時間: 2006-2-4 01:03 AM
感謝大大用心整理出這麼多的語法 , 平常找了很多
地方都沒有這麼齊全呢 !

作者: amity 時間: 2006-2-5 09:51 AM
整理的很詳細，
謝謝囉

作者: wooha 時間: 2006-2-10 12:44 AM
嗯~最近剛好會用到
先來複習一下吧
謝啦!

作者: vitor 時間: 2006-4-11 02:13 AM
留下備用...
感謝大大的分享!!!

作者: zewei 時間: 2006-4-18 09:56 PM
這篇文章對目前正學 HTML 的我很有用，THX!

作者: d8313818 時間: 2006-9-28 05:02 PM
謝謝 !!
很讚的軟體教學 ,非常感謝!!
very good! Thanks for sharing!!

作者: uoajtrallu 時間: 2006-9-30 10:46 AM
凡是有助於學習的工具
都應被推薦

作者: jameschen1005 時間: 2007-1-23 06:08 PM
HTML語法大全

謝謝分享~~~

作者: klts2006 時間: 2007-2-3 11:54 AM

xie xie

作者: tsjking 時間: 2007-3-23 04:26 PM
有這樣的文章一定要收下來,解釋對照的非常清楚,省得買書看,能省下就可以
多學一些,謝謝分享

作者: 佾云 時間: 2007-3-26 01:16 AM
留下備用...
感謝大大的分享!!!

作者: Enson1225 時間: 2007-4-29 10:15 PM
寫了還滿細的,所以鼓勵一下吧!

作者: jacky784533 時間: 2007-4-30 12:32 AM
詳細的HTML教學文章
THKS!

作者: tzneyes 時間: 2007-5-2 03:40 AM
<MARQUEE BEHAVIOR=ALTERNATE>謝謝大大指導,太好了!
<MARQUEE BEHAVIOR=SCROLL>

作者: senkuei 時間: 2007-5-2 10:11 PM
不知道有沒有機會用到, 但還是留下備用囉, 謝謝提供

作者: 達人奇兵 時間: 2008-12-21 07:10 PM
好讚的教學日後編寫頁面照著作應該可以讓我事半功倍
謝謝樓主分享囉

作者: mymyhome 時間: 2008-12-31 11:25 AM
太好了一直找不到此法語下載下來備用非常感謝

作者: keithwkwong168 時間: 2010-4-7 06:46 PM
感謝分享這麼詳細的教學文章
push

作者: f22339 時間: 2016-7-29 03:46 PM
感謝分享.先COPY 到WORD 備著用，感恩

作者: adbest 時間: 2016-11-3 08:43 PM
好實用的內容

感謝心情書店大大您的提供分享

作者: 4562580 時間: 2017-2-28 12:22 AM
太帥氣了,樓主真的好強丫,謝謝分享.^O^
讚讚讚~

歡迎光臨網際論壇 (http://centurys.net/)