HTML 實例


HTML 基礎

非常簡單的HTML文檔
HTML 标題
HTML 段落
HTML 鍊接
HTML 圖片

實例解析


HTML 标題

HTML 标題
在html源碼中插入注釋
插入水平線

實例解析


HTML 段落

HTML 段落
更多段落
本例演示在 HTML 文檔中折行的使用。
HTML 格式化的某些問題。

實例解析


HTML 文本格式化

文本格式化
此例演示如何使用 pre 标簽對空行和空格進行控制。
此例演示不同的"計算機輸出"标簽的顯示效果。
此例演示如何在 HTML 文件中寫地址。
此例演示如何實現縮寫或首字母縮寫。
此例演示如何改變文字的方向。
此例演示如何實現長短不一的引用語。
文本下劃線與删除線

實例解析


HTML 樣式

HTML Style 元素
背景色樣式
字體樣式,顔色,大小
文本對齊樣式
設置文本字體
設置文本字體大小
設置文本字體顔色
設置文本字體,字體大小,字體顔色
HTML使用不同樣式
沒有下劃線的鍊接
鍊接到一個外部樣式表

實例解析


HTML 鍊接

創建超級鍊接
将圖像作為鍊接
在新的浏覽器窗口打開鍊接
鍊接到同一個頁面的不同位置
跳出框架
創建電子郵件鍊接
創建電子郵件鍊接 2

實例解析


HTML 圖像

插入圖像
從不同的位置插入圖片
排列圖片
本例演示如何使圖片浮動至段落的左邊或右邊。
制作圖像鍊接
創建圖像映射

實例解析


HTML 表格

簡單的表格
沒有邊框的表格
表格中的表頭
帶有标題的表格
跨行或跨列的表格單元格
表格内的标簽
單元格邊距(Cell padding)
單元格間距(Cell spacing)

實例解析


HTML 列表

無序列表
有序列表
不同類型的有序列表
不同類型的無序列表
嵌套列表
嵌套列表 2
定義列表

實例解析


HTML Forms 和 Input

創建文本域(Text fields)
創建密碼域
複選框
單選按鈕
簡單的下拉列表
預選下拉列表
本例演示如何創建一個文本域(多行文本輸入控件)。
創建一個按鈕
本例演示如何在數據周圍繪制一個帶标題的框。
帶有文本域與輸入域的表單
帶有複選框與提交按鈕的form表單
帶有單選框與提交按鈕的表單
發送郵件表單

實例解析


HTML iframe

内聯框架 (HTML頁面中插入框架)

實例解析


HTML 頭部元素

描述了文檔标題
HTML頁面中默認的URL鍊接
提供文檔元數據

實例解析


HTML 腳本

插入一個腳本
使用 <noscript> 标簽

實例解析