想要學漂亮的網頁嗎?
經過我的練習後 才發現語法的重要性
不是單純只是會使用套裝軟體就好
(之前自以為是XD)
現在先OP上Html的語法
當學習 也方便自己瀏覽^__^
因為細部修改 微調
還是需要 原始的語法了解
<! - - ... - -> 註解
跑馬燈
<marquee>... </marquee>普通捲動
<marquee behavior=slide>... </marquee>滑動
<marquee behavior=scroll>... </marquee>預設捲動
<marquee behavior=alternate>... </marquee>來回捲動
<marquee direction=down>... </marquee>向下捲動
<marquee direction=up>... </marquee>向上捲動
<marquee direction=right> </marquee>向右捲動
<marquee direction='left'> </marquee>向左捲動
<marquee loop=2>... </marquee>捲動次數
<marquee width=180>... </marquee>設定寬度
<marquee height=30>... </marquee>設定高度
<marquee bgcolor=FF0000>... </marquee>設定背景顏色
<marquee scrollamount=30>... </marquee>設定捲動距離
<marquee scrolldelay=300>...設定捲動時間
字體效果
<h1>... </h1>標題字(最大)
<h6>... </h6>標題字(最小)
<b>... </b>粗體字
<strong>... </strong>粗體字(強調)
<i>... </i>斜體字
<em>... </em>斜體字(強調)
<dfn>... </dfn>斜體字(表示定義)
<!u>...<!/u>底線
<!ins>...<!/ins>底線(表示插入文字)
<!strike>...<!/strike>橫線
<!s>...<!/s>刪除線
<!del>...<!/del>刪除線(表示刪除)
<!kbd>...<!/kbd>鍵盤文字
<!tt>...<!/tt> 打字體
<!xmp>...<!/xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<!plaintext>...<!/plaintext>固定寬度字體(不執行標記符號)
<!listing>...<!/listing> 固定寬度小字體
<!font color=00ff00>...<!/font>字體顏色
<!font size=1>...<!/font>最小字體
<!font style ='font-size:100 px'>...<!/font>無限增大
<!!>區斷標記
<!hr>水平線
<!hr size=Ə'>水平線(設定大小)
<!hr width=ྌ%'>水平線(設定寬度)
<!hr color='ff0000'>水平線(設定顏色)
<!br>(換行)
<!nobr>...<!/nobr>水域(不換行)
<!p>...<!/p>水域(段落)
<!center>...<!/center>置中
<!!>連結格式
<!base href=位址>(預設好連結路徑)
<!a href=位址><!/a>外部連結
<!a href=位址 target='_blank'><!/a>外部連結(另開新視窗)
<!a href=位址 target='_top'><!/a>外部連結(全視窗連結)
<!a href=位址 target='頁框名'><!/a>外部連結(在指定頁框連結)
貼圖/音樂
<!img src=圖片位址>貼圖
<!img src=圖片位址 width=餌'>設定圖片寬度
<!img src=圖片位址 height=ཚ'>設定圖片高度
<!img src=圖片位址 alt='提示文字'>設定圖片提示文字
<!img src=圖片位址' border=Ƈ'>設定圖片邊框
<!bgsound src=MID音樂檔位址>背景音樂設定
表格語法
<!table aling=left>...<!/table>表格位置,置左
<!table aling=center>...<!/table>表格位置,置中
<!table background=圖片路徑>...<!/table>背景圖片的URL=就是路徑網址
<!table border=邊框大小>...<!/table>設定表格邊框大小(使用數字)
<!table bgcolor=顏色碼>...<!/table>設定表格的背景顏色
<!table borderclor=顏色碼>...<!/table>設定表格邊框的顏色
<!table borderclordark=顏色碼>...<!/table>設定表格暗邊框的顏色
<!table borderclorlight=顏色碼>...<!/table>設定表格亮邊框的顏色
<!table cellpadding=參數>...<!/table>指定內容與格線之間的間距(使用數字)
<!table cellspacing=參數>...<!/table>指定格線與格線之間的距離(使用數字)
<!table cols=參數>...<!/table>指定表格的欄數
<!table frame=參數>...<!/table>設定表格外框線的顯示方式
<!table width=寬度>...<!/table>指定表格的寬度大小(使用數字)
<!table height=高度>...<!/table>指定表格的高度大小(使用數字)
<!td colspan=參數>...<!/td>指定儲存格合併欄的欄數(使用數字)
<!td rowspan=參數>...<!/td>指定儲存格合併列的列數(使用數字)
分割視窗
<!frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整
<!frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整
<!frameset cols="20%,*">分割左右兩個框架
<!frameset cols="20%,*,20%">分割左中右三個框架
<!frameset rows="20%,*">分割上下兩個框架
<!frameset rows="20%,*,20%">分割上中下三個框架
<!! - - ... - -> 註解
<!A HREF TARGET> 指定超連結的分割視窗
<!A HREF=#錨的名稱> 指定錨名稱的超連結
<!A HREF> 指定超連結
<!A NAME=錨的名稱> 被連結點的名稱
<!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>... 定義表格的資料欄位
<!TEXTAREA NAME ROWS COLS> 表單中加入多少列的文字輸入欄
<!TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<!TH>... 定義表格的標頭欄位
<!title> 文件標題
<!TR>... 定義表格美一行
<!TT> 打字機字體
<!U> 文字加底線
<!UL TYPE>... 無序號的列表 ( 可指定符號 )
<!VAR>... 用於顯示變數
沒有留言:
張貼留言