最新的Web開發教程

HTML例子


HTML Basic

HTML文檔
HTML標題
HTML段落
HTML鏈接
HTML圖像

舉例說明


HTML Attributes

title屬性
href屬性
的寬度和高度屬性
alt屬性
屬性不包括引號
屬性不帶引號不起作用

舉例說明


HTML Headings

HTML標題
HTML水平規則
HTML頭

舉例說明


HTML Paragraphs

HTML段落
更多HTML段落
使用換行符在HTML
詩的問題(some problems with HTML formatting)
如何控制換行和空格與<pre>標籤

舉例說明


HTML Styles

HTML樣式
HTML背景顏色
HTML文本顏色
HTML文本字體
HTML文本大小
HTML文本對齊

舉例說明


HTML Text Formatting

使用粗體格式<b>元素
使用強格式<strong>元素
使用斜體格式<i>元素
使用強調格式化<em>元件
使用小格式<small>元件
使用標記的格式<mark>元件
使用標記刪除<del>元件
使用標記插入<ins>元件
使用標記為刪除和插入<del><ins>
使用下標格式<sub>元素
使用Superscript格式化<sup>元件

舉例說明


HTML Quotations and Citations

格式化與短報價<q>元素。
格式化引述與區段<blockquote>元素。
與格式化文檔作者/所有者信息<address>元件
格式化的縮寫和首字母縮寫詞的<abbr>元件
格式化工作標題與<cite>元件
與格式文本方向<bdo>元件

舉例說明


HTML Computercode Elements

鍵盤輸入格式化使用<kbd>元件
使用所述計算機輸出格式化<samp>元件
編程代碼格式化使用<code>元件
編程代碼格式保存的空白和換行符
使用可變格式<var>元件

舉例說明


HTML Comments

隱藏評論
有條件的意見
評論調試

舉例說明


HTML CSS

HTML內聯CSS
HTML內部CSS
HTML與外部CSS
HTML的CSS字體
HTML的CSS使用id屬性
HTML的CSS使用class屬性
HTML和CSS邊界
HTML和CSS填充
HTML和CSS保證金
HTML和CSS充分演示

舉例說明


HTML Links

鏈接,使用絕對URL
鏈接,使用相對URL
更改鏈接的顏色
去除鏈接下劃線
更改鏈接的目標
作為鏈接的圖像
創建書籤鏈接
打破了框架的鏈接
一個mailto鏈接
與主題的郵寄地址鏈接

舉例說明


HTML Images

山區
使用屬性的圖像的高度和寬度
使用CSS的圖像的高度和寬度
的圖像的高度和寬度同時使用
在另一個文件夾中的圖像
帶著一顆破碎的鏈接的圖像
另一台服務器上的圖像
使用圖像作為一個鏈接
一種運動圖像
圖像映射帶有可點擊區域
浮動圖像

舉例說明


HTML Tables

基本HTML表格
與邊框的表格
與折疊邊框的表格
與細胞填充的表
帶有標題的表格
左對齊標題的表格
水平/垂直表格標題
有標題的表
跨越多列的表格單元
跨越多行的表格單元格
與細胞間隔的表
裡面的HTML標籤的表
使用ID我與不同風格的表
使用ID II不同風格的表
使用I類不同風格的表
使用II類不同風格的表

舉例說明


HTML Lists

一個無序列表(default)
一個無序列表與盤發子彈
一個無序列表與圓子彈
一個無序列表用方子彈
一個無序列表沒有子彈
有序列表(default)
有序列表與數字
有序列表以字母
有序列表以小寫字母
有序列表與羅馬數字
有序列表以小寫羅馬數字
說明列表
嵌套列表我
嵌套表II
水平列表
水平列表菜單

舉例說明


HTML Block and inline elements

造型<div>元素
造型<span>元素

舉例說明


HTML Classes

分級<div>我元件
分級<div>元素II
分級<span>元素

舉例說明


HTML Layout

使用佈局<div>元素
使用語義元素佈局
使用佈局<table>元素

舉例說明


HTML IFrame

內聯框架(a frame inside an HTML page)

舉例說明


HTML head Elements

使用有效的HTML文檔沒有<html> <body, and <head>
沒有一個有效的HTML文檔<head>元素
所述<title>元素定義文檔標題
所述<style>元素包含樣式信息
所述<link>元素定義到外部資源的關係
所述<meta>元素定義了特殊的元信息
<script>元素定義客戶端的JavaScript
所述<base>元素定義的所有URL的基本URL

舉例說明


HTML Scripts

插入腳本
所述的使用<noscript>標籤

舉例說明


HTML Forms

形成文本輸入
形成單選按鈕輸入
與文本字段的形式和一個提交按鈕
有沒有名字屬性的文本字段形成
分組形式的數據
發送電子郵件從一個窗體

舉例說明


HTML Form Elements

一個簡單的下拉列表
與預先選擇的值的下拉列表
一個textarea (a multi-line text input field)
輸入按鈕
使用<datalist>
使用<keygen>
使用<output>

舉例說明


HTML Input Types

輸入類型文本
輸入類型密碼
輸入型無線電
輸入類型複選框
輸入類型按鈕
輸入型數字-有限制
輸入型數字-與步驟
輸入類型日期-與日期選擇器
輸入類型日期-有限制
輸入型彩色-用顏色選擇器
輸入類型範圍
輸入類型一個月
輸入型週
輸入型時間
輸入型日期時間
輸入型的datetime本地
輸入類型的電子郵件
輸入類型搜索
輸入型電話
輸入類型網址

舉例說明


HTML Input Attributes

autocomplete屬性
novalidate屬性
該autofocus_attribute
form屬性
formaction屬性
formenctype屬性
formmethod屬性
formnovalidate屬性
formtarget屬性
高度和寬度的屬性
list屬性
最小和最大屬性
multiple屬性
pattern屬性
placeholder屬性
required屬性
step屬性

舉例說明


HTML5 Canvas

通過JavaScript來繪製畫布上
畫一條線lineTo()
繪製一個圓arc()
繪製文本fillText()
繪製文本strokeText()
繪製的線性梯度
繪製一個圓形梯度
繪製有圖像drawImage()

舉例說明


HTML5 SVG

SVG圓
SVG矩形
SVG圓角矩形
SVG星
SVG標誌

舉例說明


HTML5 Media

打兔子
播放視頻熊與對照
播放視頻熊與自動播放
玩馬的聲音與控制

舉例說明


HTML5 Geolocation

獲取地理位置坐標
手柄地理位置錯誤
獲取地理位置與地圖
獲取與谷歌地圖腳本的地理定位
獲取地理位置和觀看位置

舉例說明


HTML5 Local Storage

永久存儲的名稱
永久存儲計數器
存儲計數器為一個會話

舉例說明


More HTML5 Examples

HTML5拖放
HTML5應用程序緩存
HTML5網頁工人
HTML5服務器發送事件