HTML - 教學

基本 文字 隔線 背景 窗型 表格 圖片 鏈結 音樂 看板


基本守則
語法註解
<HTML>.....</HTML>網頁內容
<HEAD>.....</HEAD>網頁抬頭
<TITLE>.....</TITLE>網頁標題
<BODY>.....</BODY>基本網頁
<FRAMESET>.....</FRAMESET>窗型網頁
<META HTTP-EQUIV="refresh"
CONTENT="秒數;URL=文件位址">
自動換頁
<CENTER>.....</CENTER>置中
<NOBR>.....</NOBR>不跳行
<BR>(<P>)跳(空)一行
色碼型態 #RRGGBB   RR紅色強度 GG綠色強度 BB藍色強度
上方



! 文 字 !
語法註解
<FONT>.....</FONT>文字宣告
<..SIZE="數字">文字大小
<..COLOR="色碼">文字顏色
<..FACE="字型">文字字型
<B>.....</B>字串->粗體字
<I>.....</I>字串->斜體字
<U>.....</U>字串->加底線
<S>.....</S>字串->加直線
<SUP>.....</SUP>字串->上標
<SUB>.....</SUB>字串->下標
<BASEFONT SIZE="數字">預設文字大小
上方



! 分 隔 線 !
語法註解
<HR>分格線
<..SIZE="數字">分格線厚度
<..WIDTH="數字">分格線寬度
<..NOSHADE>解除陰影
上方



! 基 本 網 頁 !
語法註解
<..BACKGROUND="路徑">網頁背景圖案
<..BGCOLOR="色碼">網頁背景顏色
<..TEXT="色碼">網頁文字顏色
<..LINK="色碼">超鏈結標籤未選顏色
<..ALINK="色碼">超鏈結標籤正選顏色
<..VLINK="色碼">超鏈結標籤已選顏色
上方



! 窗 型 網 頁 !
語法註解
<FRAME SRC="路徑">視窗內容網頁
<..ROWS="X1,X2">橫排視窗大小
<..COLS="X1,X2">直排視窗大小
<..NORESIZE>視窗無法調整大小
<..SCROLLING="yes">一定要有捲軸
<..SCROLLING="no">不要有捲軸
<..MARGINWIDTH="數字">左右邊界的空白距離
<..MARGINHEIGHT="數字">上下邊界的空白距離
<..FRAMESPACING="數字">窗框分界線粗細
<..BORDERCOLOR="數字">窗框分界線顏色
上方



! 表 格 !
語法註解
<TABLE>.....</TABLE>表格宣告
<TR>.....</TR>表格的列
<TH>.....</TH>表格的欄(粗體+置中)
<TD>.....</TD>表格的欄
<..BORDER="數字">表格邊線粗細
<..WIDTH="數字">表格寬度
<..HEIGHT="數字">表格高度
<..BGCOLOR="數字">表格背景顏色
<..COLSPAN="數字">向右合併格數
<..ROWSPAN="數字">向下合併格數
<..RULES="rows">表格內框顯示橫列
<..RULES="cols">表格內框顯示直行
<..RULES="none">表格內框都不顯示
上方



! 圖 片 !
語法註解
<IMG SRC="路徑">加入圖片
<..ALT="文字">說明文字
<..HEIGHT="數字">高度大小
<..WIDTH="數字">寬度大小
<..BORDER="數字">外框寬度
<..HSPACE="數字">左右的空隙
<..VSPACE="數字">上下的空隙
<..ALIGN="left">置於左
<..ALIGN="right">置於右
<..VALIGN="top">文字靠於右上
<..VALIGN="middle">文字靠於右中
<..VALIGN="bottom">文字靠於右下
上方



! 超 鏈 結 !
語法註解
<BASE HREF="路徑">基本尋找路徑
<BASE TARGET="窗名">基本顯示窗框
<A HREF="路徑/檔名">.....</A>連結至檔案
<A NAME="文字".....</A>設定標號
<A NAME="#標號">.....</A>呼叫本檔標號
<A NAME="檔名#標號">.....</A>呼叫別檔標號
<..TARGET="_top">顯示於上面視窗
<..TARGET="right">顯示於右邊視窗
<..TARGET="_blank">顯示於新開視窗
上方



! 音 樂 !
語法註解
<BGSOUND SRC="檔名">設定背景音樂(適用IE)
<IMG DYNSRC="檔名">播放音樂
<EMBED SRC="檔名">播放音樂
<..LOOP="數字">設定播放次數(循環=INFINITE)
<..DELAY="數字">設定延遲秒數
上方



! 電 子 看 板 !
語法註解
<MARQUEE>.....</MARQUEE>宣告
<..LOOP="數字">重複次數
<..WIDTH="數字">看板長度
<..HEIGHT="數字">看板高度
<..HSPACE="數字">左右空隙
<..VSPACE="數字">上下空隙
<..BGCOLOR="色碼">看板底色
<..BEHAVIOR="scroll">移動方式-單向
<..BEHAVIOR="slide">移動方式-滑動
<..BEHAVIOR="alternate">移動方式-交錯
<..DIRECTION="up">移動方向-上
<..DIRECTION="down">移動方向-下
<..DIRECTION="right">移動方向-右
<..DIRECTION="left">移動方向-左
<..SCROLLDELAY="數字">延遲秒數(1/1000)
<..SCROLLAMOUNT="數字">移動距離
上方