HTML基本语法.docx

結果：

學歷

I.中山國小

II.陽明國中

III.台中商專

IV.淡江大學學士

V.元智工學院碩士

VI.雲林科技大學博士

學歷

∙中山國小

∙陽明國中

∙台中商專

∙淡江大學學士

∙元智工學院碩士

∙雲林科技大學博士

學歷

中山國小

彰化市中山路二段100號

陽明國中

彰化市長順街50號

台中商專

台中市三民路三段129號

淡江大學學士

元智工學院碩士

雲林科技大學博士

五、超鏈結

 超鏈結說明或圖片 

超鏈結內容

1. FILE:

///.......硬碟內檔案

2. HTTP:

//........網路上的檔案（若檔案無法由網頁型態開啟，則會自動下載）

可以在瀏覽器上開啟的檔案包括：

▪html檔

▪CGI程式（php、pl、asp執行程式）

▪文字檔

▪圖檔（xxxx.jpg、xxxx.gif或xxxx.png）

▪OFFICE檔案：

若為xxxx.doc會開啟WORD程式、xxxx.xls會開啟EXCEL程式、xxxx.pps或xxxx.ppt會開啟POWERPOINT程式

▪多媒體檔：

若為xxxx.avi、xxxx.mpeg或xxxx.mp3等會開啟MediaPlayer播放、若為xxxx.mov則會開啟Quicktime播放、若為xxxx.rm則會開啟RealPlayer播放

▪Flash檔（xxxx.swf）

▪PDF檔：

會開啟AcrobatReader程式

▪EXE檔或壓縮檔（xxxx.zip、xxxx.rar或xxxx.lzh等）：

會出現檔案下載的對話視窗

3. GOPHER:

//..........GOPHER文字系統

4. FTP:

//...........FTP檔案傳輸，連結伺服器

5. NEWS:

........NEW網路論壇系統

6. MAILTO:

E-mail利用OutlookExpress來寄信

7. TELNET:

.........遠端登入，利用登入BBS系統

常用的網頁連結方式：

∙連結至其它網站的網頁，例：

雅虎奇摩站

或是

記得要設border=0，否則圖片會有超連結顏色外框

∙連結至本網站的其它網頁，例：

首頁

路徑說明：

"."表示目前所在目錄

".."表示上一層目錄

"/"用於上一層目錄名稱與下一層目錄名稱的連接符號

例如：

 表示目前目錄下的image目錄內的sea.gif檔

 表示在不同目錄image內的sea.gif檔（目前的目錄和image目錄在同一層）

∙書籤：

跳到本文中的其它部分鏈結

 書籤內容 

 超鏈結說明或圖片 

範例：

奇摩站

奇摩站

yclin@mail.ntit.edu.tw">寄信給我

寄信給我

問答集

問答集

圖片說明

或圖片說明

六、圖片（最好用GIF檔、 JPG或png檔）

六、圖片（最好用GIF檔、 JPG或png檔）

JPG檔為向量圖形，全彩，畫質較好（照片格式）

GIF檔為點陣圖形，256色，速度較快（常用於動畫、背景透明）

WIDHT=n|n%  HEIGHT=n|n%  

ALT="圖片說明"  

ALIGN="對齊方式" 

HSPACE=n  VSPACE=n 

 BORDER=n> 

對齊方式 top,bottom,middle,left,right

如果對齊方式採取align=left或align=right則會將圖片以「圖蹺文」的方式來靠左或靠右

範例：

人生很多經驗是要付代價的，

但是也使我們了解這個錯誤，痛定思痛，以後永遠不再犯它。

適量的挫折也培養孩子的忍受力與同理心，以後容易與人相處。

父母不可能一輩子陪伴著孩子，

及早在遊戲中訓練孩子獨立完成一件事是很重要，

鼓勵孩子去試新奇的做事方法，

不必事事都依你的想法來做，

孩子們自發性的創造力就是這樣培養出來的。

趴趴熊趴趴熊（水平間距為20）

趴趴熊

趴趴熊

Map圖片的超鏈結

……

形狀=RECT（矩形）、座標=X1,Y1,X2,Y2

形狀=CIRCLE（圓形）、座標=X1,Y1,R

形狀=POLY（多邊形）、座標=X1,Y1,X2,Y2,X3,Y3,...

範例：

天線寶寶

範例：

七、表格

?

?

?

?

?

">

表格標題

 標題  標題 .....

 文字  文字 .....

..................

其中

BORDER表示框線厚度，CELLSPACING表示內框厚度，CELLPANDDING表示文字與框線距離

且 

?

?

?

?

?

"

ALIGN="center|left|right" VALIGN="top|middle|bottom"  

ROWSPAN=合併列數  COLSPAN=合併欄數>

範例：

林裕章機密檔案

身份

台中技術學院會計系副教授

學歷

雲林科技大學管理研究所博士班

元智大學工業工程研究所碩士（第一屆）

淡江大學統計系畢業

台中技術學院會計統計科畢業（統計組第一屆）

彰化縣立陽明國民中學畢業

彰化市立中山國民小學畢業

經歷

台中技術學院課務組組長

台中技術學院出版組組長

統計人員高考及格

任教課程

統計學、商業套裝軟體、、作業研究、品質管制

結果：

林裕章機密檔案

身份

台中技術學院會計系副教授

學歷

雲林科技大學管理研究所博士班

元智大學工業工程研究所碩士（第一屆）

淡江大學統計系畢業

台中技術學院會計統計科畢業（統計組第一屆）

彰化縣立陽明國民中學畢業

彰化市立中山國民小學畢業

經歷

台中技術學院課務組組長

台中技術學院出版組組長

統計人員高考及格

任教課程

統計學、商業套裝軟體、作業研究、品質管制

八、框架

?

?

?

?

?

" COLS="分割欄"  

ROWS="分割列">

........................

  超鏈結出現視窗 

[ _blank（新增）, _new（新增）, _self（本身）, _parent（上一層）, _top（全視窗） ]

例:

 ROWS="30%,*"分割二列，前一畫面佔30%

例:

 COLS="*,*,*"以平分方式分割三欄

例:

 COLS="1*,2*,3*"以 1:

2:

3 方式分割三欄

範例：

分成上下兩個畫面，上面畫面高為50，下面畫面分成左右兩個畫面，左邊佔10%，右邊佔90%

在up.htm中的超鏈結中如果要出現在main視窗中，則語法為：

奇摩站

內置框架

說明

例：

九、表單

傳輸方式有  POST 及GET兩種

輸入資料類型有

TEXT ：

文字欄位、PASSWORD：

密碼輸入、CHECKBOX：

核取方塊（複選）、

RADIO：

單選圓鈕、SUBMIT：

送出資料按鈕、RESET：

重設按鈕、HIDDEN：

隱藏

下拉式清單

內容 文字區塊

範例：

//alpha3.ntit.edu.tw/cgi-bin/cgiwrap/yclin/cgi.cgi">

姓名：

密碼：

ISP：

HINET SEEDNET 其它

性別：

男 女

URL：

//">

心情：

    一切正常

    欣然微笑

    開心大笑

    相當不滿

    非常生氣

    傷心落淚

    心中恐懼