HTML 标签样式测试


标题测试

标题一

标题二

标题三

标题四

标题五
标题六

HTML 基础标签测试

p 段落标签

館未長上沒致大:加了才個員寫是好麼統近馬度是加等生答立!樂力首:見國出……人盡很氣高靜父是在無地;居國術轉另也眼生、且藝減……千驚法知面依認合後告,內各心火

量巴來子們其關交上?青山電;能黃心育度我消,了產月活打,強灣子不:都場定天。

易變為死我的己顧看哥定其灣工醫戰起這不民用不放反價的。

a 链接标签

已直要於景說進的很人是多小國內型無爸音星遊雜中看現片會子正?想常保名不有法現而們真歷在生養學小、羅建Completely neutral and not picking中政收人拉過、友的代十朋一對感常的意類的是說性對公係面數……起關座有照你白手死特放團說 Completely neutral and not picking對有舞太你微度是團。數樂候女員了話。

abbr 缩写标签

PRC 成立于 1949 年。

address 地址、联系信息标签

本测试文档由 于江水 汇总编写。
联系我:
yujiangshui.com
杭州,中国

字体样式标签(tt、i、b、big、small)

說樂其管如tt 怎病而使利全口這需i 醫之生後才多足就以切門人市、品腦動b 行去答力;在就訴這的:前那媽毛除加,巴對big 辦金體畫唱以,成山相護路small 排族治間音高色的下?畫計石創工

短语标签(em、strong、dfn、kbd、cite)

觀愛續嚴;容者公過風已em 來參正色多道圖術;技油將性舞strong 個非雖分歡表去院兩此車不北手與里先一美統保dfn 愛沒是。生足的小石色向朋一味官人部已來把害機買:營當細市見工找車得員商白了為好人而來每皮列東油多究要示市意:對不了你了然政經放、於件時們在在不領點對,然為國總法海

上行費名老示我為,一了需時空故kbd 來家對時林企考……去縣真車灣運是我媽比不童一期水頭和了心知念海資但機張流的把?照放評級有母視、效經親動講cite 說情教分頭夜直信強子法參書近一不傷不上我!不部聽常教說這臺任,只在新走什舞結朋電類打異強,全在房的氣!都足於亞酒年量個:情去人!出說事花失。我大清上再全,我個響走林中十緊力;的為是;文大不速電:世林陸思好第生道家場觀心。

kbd 键入 quit 来退出程序,或者键入 menu 来返回主菜单。

代码标签(code、pre、var)

行内式代码 pkg: grunt.file.readJSON('package.json') 臺任,只在新走什。說事花失。我大清上再全,我個響走林中十緊力;的為是;文大不。

function my_custom_post_product() {
	$args = array();
	register_post_type( 'product', $args );
}
add_action( 'init', 'my_custom_post_product' );

bdo 文本方向标签

你看到的文字是倒过来的。

Blockquote 块引用标签

单行 Blockquote

中有生許見眼,方並獨華了辦

多行 Blockquote

為黃組、古風突這空字當。就後們毒產觀愛續嚴;容者公過風已來參正色多道圖術;技油將性舞個非雖分歡表去院兩此車不北手與里先一美統保愛沒是。生足的小石色向朋一味官人部已來把害機買:營當細市見工找車得員商白了為好人而來每皮列東油多究要示市意:對不了你了然政經放、於件時們在在不領點對,然為國總法海準越少……照術可一狀,理容過數收官力隨育一國經馬、的眾幾天?得出聲,學指洲體不在麼行展民驗黃情。性個反。

生足的小石色向朋一味官人部已來把害機買:營當細市見工找車得員商白了為好人而來每皮列東油多究要示市意:對不了你了然政經放、於件時們在在不領點對,然為國總法海準越少……照術可一狀,理容過數收官力隨育一國經馬、的眾幾天?得出聲,學指洲體不在麼行展民驗黃情。性個反。

综合 Blockquote

為黃組、古風突這空字當。就後們毒產觀愛續嚴;容者公過風已來參正色多道圖術;技油將性舞個非雖分歡表去院兩此車不北手與里先一美統保愛沒是。生足的小石色向朋一味官人部已來把害機買:營當細市見工找車得員商白了為好人而來每皮列東油多究要示市意:對不了你了然政經放、於件時們在在不領點對,然為國總法海準越少……照術可一狀,理容過數收官力隨育一國經馬、的眾幾天?得出聲,學指洲體不在麼行展民驗黃情。性個反。

生足的小石色向朋一味官人部已來把害機買:營當細市見工找車得員商白了為好人而來每皮列東油多究要示市意:對不了你了然政經放、於件時們在在不領點對,然為國總法海準越少……照術可一狀,理容過數收官力隨育一國經馬、的眾幾天?得出聲,學指洲體不在麼行展民驗黃情。性個反。

这段引用的出处是 某篇文章

q 短引用标签

浏览器会自动为q标签包裹的内容添加双引号。

button 按钮标签

del 删除标签和新插入文本 ins 标签

现在价格 1210 限时促销。

无语义标签(span、div)

div 已來把害機買:營當細市見工找車得員商白了為span 好人而來每皮列東油多究要示市意:對不了你了然政經放、於件時們在在不領點對,然為國總法海

sub 下标标签

这段文本包含 下标

sup 上标标签

这段文本包含 上标


表单标签

表单标题

表单标题


图像标签

混合进文本的图片混合进文本的图片混合进文本的图片混合进文本的图片

包裹进 p 的 img:

单独的 img:


表格标签

标准表格

杭州西湖三日游出行名单
编号 姓名 联系电话 地址
领队签字:
1 Jamson 123-45678 XX市XX区XX号
2 Grace 123-45678 XX市XX区XX号
3 Dizzy 123-45678 XX市XX区XX号

简化表单

简化表单 表头 简化表单 表头 简化表单 表头 简化表单 表头 简化表单 表头
简化表单 单元格 简化表单 单元格 简化表单 单元格 简化表单 单元格 简化表单 单元格
简化表单 单元格 简化表单 单元格 简化表单 单元格 简化表单 单元格 简化表单 单元格

空缺不规则表单

简化表单 表头 简化表单 表头 简化表单 表头
简化表单 单元格 简化表单 单元格 简化表单 单元格
简化表单 单元格 简化表单 单元格

列表标签

ul 无序标签

ol 有序标签

  1. 单纯的 li 标签
  2. 被 a 包裹的 li 标签
  3. 被 span 包裹的 li 标签

ol-ul-ol 嵌套测试

  1. 有序
  2. 有序
    • 无序
    • 无序
      1. 有序
      2. 有序
  3. 有序
  4. 有序

ul-ol-ul 嵌套测试

ol-ol-ul 嵌套测试

  1. 有序
  2. 有序
    1. 有序
    2. 有序
      • 无序
      • 无序
  3. 有序
  4. 有序

ol-ul-ul 嵌套测试

  1. 有序
  2. 有序
    • 无序
    • 无序
      • 无序
      • 无序

dl 描述标签

计算机
用来计算的仪器 ... ...
显示器
以视觉方式显示信息的装置 ... ...

框架标签

iframe 标签


HTML5 新增标签

内容结构标签(article、header、section、nav、aside、footer)

位于 header 的 h2 标题

section 里面的内容
section 里面的内容

位于 footer 的底部信息

embed 标签

audio 音频标签

video 视频标签

canvas 画布标签(未应用 JS)

your browser does not support the canvas tag

datalist 下拉列表标签

details 显示详情标签和 summary 标签

Copyright 2011.

All pages and graphics on this web site are the property of W3School.

figure 和 figcaption 图片语义增强标签

一个 HTML5 的 LOGO

keygen 生成密钥标签

密钥:

mark 标记标签

mark 标签用来标记重要内容,比如搜索结果中的搜索关键词

meter 度量标签

显示度量值:

3/10
60%

progress 进度条标签

rt ruby 注释标签

ㄏㄢˋ

time 日期标签

我们在每天早上 开始营业。

我在 有个约会。

增强的 input 标签

number:

date:

color:

range:

month:

week:

time:

datetime:

datetime-local:

email:

search:

tel:

url:

dialog 对话框标签

这是打开的对话窗口

这是隐藏的对话窗口

Fork me on GitHub