HTML 範例

基本標籤

簡單html文件
段落間的文字如何呈現
更多段落
行間的運用
文字格式
HTML 文件格式
標題
中央對齊標題
插入水平線
資源的建議
增加背景色
增加背景影像

格式化文字

文字格式化
固定文字樣式
不同電腦輸出標示
插入一個地址
簡稱和縮寫
長短問題
如何為刪除和插入文字做記號

連結

如何建立超連結
設影像為連結
開啟
連結
新的瀏覽器視窗
跳至文件的另一處
切斷框架
如何連結至由郵件(一)
如何連結至郵件(二)

框架

如何在文件內建立三個垂直的框架
如何在文件內建立三個水平的框架
如何在文件內建立垂直和水平的混合框架
如何建立引導框架
迷你框架
跳到框架內的特殊部份
藉由導引框架跳到框架內的特殊部份

表格

簡單表格
不同表格邊界
無邊界表格
桌面標題
空白表格
有說明的表格
超過一行或列以上間距的表格空間
表格之設計
表格內空間
控制表格彼此之距離
表格增加背景顏色或背景圖
表格內增加背景顏色或背景圖
表格排列內容
新框架屬性

排列

無序之排序資料
有序之排序資料
不同類型的排序名單
不同類型的未排序名單
巢狀名單
巢狀名單 2
定義名單

形式和輸入

如何建立鍵入區域
密碼領域
複選框
圓型按鈕
簡單下拉選項
另一個有預選值的下拉選項
文字區域
建立按鈕
邊界與說明在附近的資料
輸入領域和 確定按鈕的形式
複選框和 確定按鈕的行式
圓形按鍵和 確定按鈕的行式
傳送郵件

圖片

插入圖片
從另一文件夾或伺服器插入圖片
從另一文件夾或伺服器排列圖片
讓這圖像漂浮在段落的左邊或右邊
調整圖像的不同大小
顯示供選擇文字為圖像
製作圖片的超連結
創造一個容許點擊區域的圖片地圖

背景

好的背景和文字顏色
不好的背景和文字顏色
好的背景圖像
好的背景圖像２
不好的背景圖像

型式

文件標題部份的風格
未強調的連結
連結到外部風格區

標題部份

設置文件的名稱
此頁所有連結的目標

進階標的

文件主題
文件密碼
重新導引使用者到另一URL

程式命令

插入程式
處理沒有 支援程式的瀏覽器