論壇 | 最新的Web開發教程

HTML例子


HTML基礎

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

舉例說明


HTML屬性

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

舉例說明


HTML標題

HTML的標題
HTML水平規則
HTML頭

舉例說明


HTML段落

HTML段落
更多HTML段落
使用換行符HTML中
詩的問題(一些問題,HTML格式)
如何控制換行和空格與<pre>標籤

舉例說明


HTML樣式

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

舉例說明


HTML文本格式

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

舉例說明


HTML語錄和引文

格式化的短報價<q>元素。
格式化引述與部分<blockquote>元素。
與格式文檔作者/所有者信息<address>元素
格式化的縮寫和縮略語的<abbr>元素
格式化工作題目與<cite>元素
與格式文本方向<bdo>元素

舉例說明


HTML元素Computercode

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

舉例說明


HTML註釋

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

舉例說明


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鏈接

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

舉例說明


HTML圖像

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

舉例說明


HTML表格

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

舉例說明


HTML列表

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

舉例說明


HTML塊和內聯元素

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

舉例說明


HTML類

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

舉例說明


HTML佈局

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

舉例說明


HTML的IFrame

內嵌框架(一個HTML頁面內幀)

舉例說明


HTML元素頭

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

舉例說明


HTML腳本

插入腳本
在使用<noscript>標籤

舉例說明


HTML表單

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

舉例說明


HTML表單元素

一個簡單的下拉列表
與預先選定的值的下拉列表
一個textarea(一個多行文本輸入字段)
輸入按鈕
使用<datalist>元素
使用<keygen>元素
使用<output>元素

舉例說明


HTML輸入類型

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

舉例說明


HTML屬性輸入

autocomplete屬性
novalidate屬性
該autofocus_attribute
form屬性
該formaction屬性
該formenctype屬性
該formmethod屬性
該formnovalidate屬性
該formtarget屬性
高度和寬度屬性
列表屬性
最小和最大屬性
多重屬性
pattern屬性
佔位符屬性
必需的屬性
step屬性

舉例說明


HTML5畫布

繪製用JavaScript在畫布上
繪製了lineTo線()
畫弧圈()
繪製fillText方法文本()
繪製strokeText文本()
繪製的線性梯度
繪製一個圓形的漸變
繪製的drawImage圖片()

舉例說明


HTML5 SVG

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

舉例說明


HTML5媒體

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

舉例說明


HTML5地理位置

獲取地理位置坐標
辦理地理位置錯誤
得到地理位置與地圖
獲取與谷歌地圖地理位置腳本
獲得地理定位和觀看位置

舉例說明


HTML5本地存儲

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

舉例說明


更多HTML5實例

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