HTML 参考手册- (HTML5 标准) 按字母顺序排列 New : HTML5新标签 标签 描述 <!--...--> 定义注释 <!DOCTYPE> 定义文档类型 <a> 定义超文本链接 <abbr> 定义缩写 <acronym> 定义只取首字母的缩写,不支持H..
HTML 参考手册- (HTML5 标准) 功能排序 New : HTML5 新标签 标签 描述 基础 <!DOCTYPE> 定义文档类型。 <html> 定义一个 HTML 文档 <title> 为文档定义一个标题 <body> 定义文档的主体 <h1>..
HTML 全局属性 New : HTML5 新属性。 属性 描述 accesskey 设置访问元素的键盘快捷键。 class 规定元素的类名(classname) contenteditableNew 规定是否可编辑元素的内容。 contextmenuNew 指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单 data-*New 用于存储页面的自定义数据 dir 设置元素中内容的文本方向。 ..
HTML 事件属性 全局事件属性 HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为,比方说当用户点击某个 HTML 元素时启动一段 JavaScript。 如果你想学习更多关于事件属性,请访问 JavaScript 教程 下面的表格提供了标准的事件属性,可以把它们插入 HTML/XHTML 元素中,以定义事件行为。 New : HTML5新增属性事件。 窗口事件属性(Window Event ..
HTML5 <canvas> 参考手册 描述 HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript)。 不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。 本手册提供完整的..
HTML 音频/视频 DOM 参考手册 HTML 音频/视频 DOM 参考手册 HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。 这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。 HTML 音频/视频 方法 方法 描述 ..
HTML 元素和有效 DOCTYPES HTML 元素 - 有效 DOCTYPES 下面的表格列出了所有的 HTML5/HTML 4.01/XHTML 元素,以及它们会出现在什么文档类型 (!DOCTYPE) 中: HTML 4.01 / XHTML 1.0 Tag HTML5 Transitional Strict Frameset XHTML 1.1 <a> Yes Yes Ye..
HTML 颜色名 目前所有浏览器都支持以下颜色名。 141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值,包括十六进制值。 提示: 17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白,银,蓝绿色,黄色。点击其中一个颜色名称(或一个十六进制值)就可以查看与不同文字颜色搭配的背景颜色。: 按颜色名排序 按十六进制的值排序 单击一个颜色名或者 16 ..
HTML 颜色混搭 混搭两种颜色,并查看效果: 选择颜色: document.getElementById('selectedColortop').style.top='185px' document.getElementById('selectedColortop').style.left='135px' document.getEl..
HTML Emoji Emoji 是来自 UTF-8 字符集的字符: 😄 😍 💗。 表情符号(英语:emoji,日语:絵文字/えもじ emoji),是使用在网页和聊天中的形意符号,最初是日本在无线通信中所使用的视觉情感符号(图画文字)。表情意指面部表情,图标则是图形标志的意思,可用来代表多种表情,如笑脸表示笑、蛋糕表示食物等。 Emoji 看起来像一张图片或图标..
HTML 字符集 HTML 字符集 如需正确地显示 HTML 页面,浏览器必须知道使用何种字符集。 万维网早期使用的字符集是 ASCII。ASCII 支持 0-9 的数字,大写和小写英文字母表,以及一些特殊字符。 完整的 ASCII 参考手册。 由于很多国家使用的字符并不属于 ASCII,现代浏览器的默认字符集是 ISO-8859-1。 完整的 ISO-8859-1 参考手册。 如果网页使用不同于 ISO-8859-1 的字符集,就..
HTML ASCII 参考手册 ASCII 字符集被用于因特网上不同计算机间传输信息。 ASCII 字符集 ASCII ,它的全称是“美国信息交换标准代码”。它设计于60年代早期,是计算机和诸如打印机、磁带驱动器之类的硬件设备的标准字符集。 ASCII 是 7 比特字符集,包含了 128 个不同的字符值。 ASCII 支持 0-9 的数字,A-Z大写和小写英文字母,以及一些特殊字符。 被广泛使用于现代计算机、HTML和因特网上的..
HTML ISO-8859-1 参考手册 现代的浏览器支持的字符集: ASCII 字符集 标准 ISO 字符集 数学符号、希腊字母、其他符号 ISO-8859-1 ISO-8859-1 是大多数浏览器默认的字符集。 ISO-8859-1 的较低部分(从 1 到 127 之间的代码)是最初的 ASCII 字符集(0-9 的数字,大写和小写英文字母表,以及一些特殊字符)。 ISO-8859-1 的较高部分(从 160 到 ..
HTML 符号实体参考手册 HTML 符号实体 本字符实体参考手册包括了数学符号、希腊字符、各种箭头记号、科技符号以及形状。 注释: 实体名称对大小写敏感。 HTML 支持的数学符号 字符 实体编号 实体名称 描述 ∀ &#8704; &forall; for all ..
HTML URL 编码 参考手册 URL 编码会将字符转换为可通过因特网传输的格式。 URL - 统一资源定位器 Web 浏览器通过 URL 从 web 服务器请求页面。 URL 是网页的地址,比如: https://www.runoob.com。 URL 编码 URL 只能使用 ASCII 字符集来通过因特网进行发送。 由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。 ..
HTML 语言代码 参考手册 ISO 语言代码 HTML 的 lang 属性可用于声明网页或部分网页的语言,这对搜索引擎和浏览器是有帮助的。 根据 W3C 推荐标准,您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明: 比如声明原文版语言: [mycode3 type='html'] ... [/mycode3] 在 XHTML 中,采用如下方式在..
HTML 国家/地区 参考手册 ISO 国家和地区代码 在 HTML 中,国家/地区代码可作为 lang 属性中语言代码的补充。 语言代码的前两个字符定义网页的语言(请参阅语言代码参考)。 最后两个字符定义国家/地区。 以下实例将中文指定为语言,将中国指定为国家: [mycode3 type='html'] ... [/mycode3] 以下实例将英语指定为语言,将美国指定为国家: [my..
HTTP 状态消息 当浏览器从 web 服务器请求服务时,可能会发生错误。 以下列举了有可能会返回的一系列 HTTP 状态消息: 1xx: 信息 消息: 描述: 100 Continue 服务器仅接收到部分请求,如果服务器没有拒绝该请求,客户端应该继续发送其余的请求。 101 Switching Protocols 服务器转换协议:服务器将遵从客户的..
HTTP 方法:GET 对比 POST 两种最常用的 HTTP 方法是:GET 和 POST。 什么是 HTTP ? 超文本传输协议(HTTP)的设计目的是保证客户端与服务器之间的通信。 HTTP 的工作方式是客户端与服务器之间的请求-应答协议。 web 浏览器可能是客户端,而计算机上的网络应用程序也可能作为服务器端。 举例:客户端(浏览器)向服务器提交 HTTP 请求;服务器向客户端返回响应。响应包含关于请求的状态信息以及可能..
键盘快捷键 通过使用键盘快捷键可以节省时间。 Windows 和 Mac 的键盘快捷键 在现代操作系统中和计算机软件程序中,键盘快捷键经常被使用。 使用键盘快捷键能帮您节省很多时间。 基本的快捷键 描述 Windows Mac OS 编辑菜单 Alt + E Ctrl + F2 + F 文件菜单 Alt + F Ctrl + F2 + E 视图菜单 Alt + V Ctrl + F2 + V ..
HTML <!--...--> 注释标签 实例 HTML 注释: [mycode3 type='html'] 这是一个段落 [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <!--...--> 注释标签。 标签定义及使用说明 <!--...--> 注释标签用来在源文档..
HTML <!DOCTYPE> 声明 实例 [mycode3 type='html'] 文档标题 文档内容...... [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <!DOCTYPE> 声明。 标签定义及使用说明 <!DOCTYPE> 声明位于文档中..
HTML <a> 标签 实例 链接到菜鸟教程 : [mycode3 type='html'] 访问菜鸟教程! [/mycode3] 尝试一下 » (更多实例见页面底部) 浏览器支持 所有主流浏览器都支持 <a> 标签。 标签定义及使用说明 <a> 标签定义超链接,用于从一个页面链接到另一个页面。..
HTML <abbr> 标签 实例 被标记的缩写词如下: [mycode3 type='html'] The WHO was founded in 1948. [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <abbr> 标签。 注释:IE 6 或更早版本的 IE 浏览器不支持 <abbr&..
HTML <acronym> 标签 - HTML5 不支持 实例 被标记的首字母缩略词如下: Can I get this <acronym title='as soon as possible'>ASAP</acronym>? 尝试一下 » 浏览器支持 所有主流浏览器都支持 <ac..
HTML <address> 标签 实例 Example.com 的联系信息: [mycode3 type='html'] Written by Jon Doe. Visit us at: Example.com Box 564, Disneyland USA [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <addres..
HTML <applet> 标签 - HTML5 不支持 实例 一个嵌入的 Java applet: [mycode3 type='html'] Java applet that draws animated bubbles. [/mycode3] 浏览器支持 注释:某些浏览器中依然存在对 <applet> 但是需要额外的插件和安..
HTML <area> 标签 实例 带有可点击区域的图像映射: [mycode3 type='html'] [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <area> 标签。 标签定义及使用说明 <area> 标签定义图像映射内部的区域(图像映射指的..
HTML <article> 标签 实例 [mycode3 type='html'] Internet Explorer 9 Windows Internet Explorer 9(缩写为 IE9 )在2011年3月14日21:00 发布。 [/mycode3] 尝试一下 » 浏览器支持 IE 9+、Firefox、Opera、Chrome 和 ..
HTML <aside> 标签 实例 [mycode3 type='html'] My family and I visited The Epcot center this summer. Epcot Center The Epcot Center is a theme park in Disney World, Florida. [/mycode3] 尝试一下 ..
HTML <audio> 标签 实例 播放声音: [mycode3 type='html'] 您的浏览器不支持 audio 元素。 [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持该标签的第一个浏览器版本号。 元素 ..
HTML <b> 标签 实例 [mycode2] 这是一个普通的文本- 这是一个加粗文本。 [/mycode2] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <b> 标签。 标签定义及使用说明 <b> 标签定义粗体的文本。 HTML 4.01 与 HTML5之间的差异 无。 提示和注释 注释:根据 HTML ..
HTML <base> 标签 实例 规定页面上所有链接的默认 URL 和默认目标: [mycode3 type='html'] runoob.com [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <base> 标签。 标签定义及使用说明 <base> 标签为页面上..
HTML <basefont> 标签 - HTML5 不支持 实例 规定页面上文本的默认颜色和大小: <head> <basefont color='red' size='5' /> </head><body> <h1&am..
HTML <bdi> 标签 实例 将用户名从周围的文本方向设置中隔离出来: [mycode3 type='html'] 用户 hrefs: 60 分 用户 jdoe: 80 分 用户 إيان: 90 分 [/mycode3] 尝试一下 » 浏览器支持 元素 ..
HTML <bdo> 标签 实例 指定文本方向: [mycode3 type='html'] 该段落文字从左到右显示。 该段落文字从右到左显示。 [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <bdo> 标签。 标签定义及使用说明 bdo 指的是 bidi 覆盖(Bi-Directional Over..
HTML <big> 标签 - HTML5 不支持 实例 让文本比常规的字体大一号: [mycode3 type='html'] 这个文本比较大。 [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <big> 标签。 标签定义及使用说明 HTML5 不支持 <big> 标签。请用 ..
HTML <blockquote> 标签 实例 定义一个摘自另一个源的块引用: <blockquote cite='http://www.worldwildlife.org/who/index.html'> For 50 years, WWF has been protecting the future of nature. The world..
HTML <body> 标签 实例 一个简单的 HTML 文档,包含尽可能少的必需的标签: [mycode3 type='html'] 文档标题 文档内容...... [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <body> 标签。 标签定义及使用说明 <body&..
HTML <br> 标签 实例 以下代码标记一个换行: [mycode3 type='html'] 使用 br 元素在文本中换行。 [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <br> 标签。 标签定义及使用说明 <br> 标签插入一个简单的换行符。 <b..
HTML <button> 标签 实例 以下代码标记一个按钮: <button type='button'>点我!</button> 尝试一下 » 浏览器支持 所有主流浏览器都支持 <button> 标签。 标签定义及使用说明 <button&..
HTML <canvas> 标签 实例 通过 <canvas> 元素来显示一个红色的矩形: [mycode3 type='html'] var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.f..
HTML <caption> 标签 实例 带有标题的表格: [mycode3 type='html'] Monthly savings Month Savings January $100 [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <caption&am..
HTML <center> 标签 - HTML5 不支持 实例 将 HTML 网页中的文本进行水平居中处理: [mycode3 type='html'] 这个文本居中对齐。 [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <center> 标签。 标签定义及使用说明 HTML5 不支持 <c..
HTML <cite> 标签 实例 使用 <cite> 标签来定义作品的标题: <p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p> 尝试一下 » 浏览器支持 ..
HTML <code> 标签 实例 对文档中的文本进行格式化: <code>一段电脑代码 print('Hello World')</code> 尝试一下 » 浏览器支持 所有主流浏览器都支持 <code> 标签。 标签定义及使用说明 &a..
HTML <col> 标签 实例 <colgroup> 和 <col> 标签为表格中的三个列设置了背景色: <table border='1'> <colgroup> &..
HTML <colgroup> 标签 实例 <colgroup> 和 <col> 标签为表格中的三个列设置了背景色: <table border='1'> <colgroup> &nbs..
HTML <command> 标签 实例 <command> 可以进行如下标记: <menu> <command type='command' label='Save' onclick='save()'>Save</command&a..
HTML <datalist> 标签 实例 下面是一个 <input> 元素,<datalist> 中描述了其可能的值: [mycode3 type='html'] [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持该元素的第一个浏览器版本号。 ..
HTML <dd> 标签 实例 带有项目和描述的描述列表: <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> &..
HTML <del> 标签 实例 一段带有已删除部分和新插入部分的文本: <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> 尝试一下 » ..
HTML <details> 标签 实例 使用 <details> 元素: [mycode3 type='html'] Copyright 1999-2011. - by Refsnes Data. All Rights Reserved. All content and graphics on this web site are the prop..
HTML <dfn> 标签 实例 对文档中的文本进行格式化: [mycode2] 定义项目 [/mycode2] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <dfn> 标签。 标签定义及使用说明 <dfn> 标签是一个短语标签,用来定义一个定义项目。 提示:我们并不反对使用这个标签,但是如果您只是为了达到某种视觉..
HTML <dialog> 标签 实例 使用 <dialog> 元素: [mycode3 type='html'] January This is an open dialog window February March 31 28 31 [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持..
HTML <dir> 标签 - HTML5 不支持 实例 目录列表: [mycode3 type='html'] html xhtml css [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <dir> 标签。 标签定义及使用说明 HTML5 不支持 <dir> ..
HTML <div> 标签 实例 文档中的一个区域将显示为蓝色: [mycode3 type='html'] 这是一个在 div 元素中的标题。 这是一个在 div 元素中的文本。 [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <div> 标签。 标签定义及使用说明 <di..
HTML <dl> 标签 实例 带有项目和描述的描述列表: [mycode3 type='html'] Coffee Black hot drink Milk White cold drink [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <dl> 标签。 标签定义及使用说明..
HTML <dt> 标签 实例 带有项目和描述的描述列表: [mycode3 type='html'] Coffee Black hot drink Milk White cold drink [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <dt> 标签。 标签定义及使用说明..
HTML <em> 标签 实例 对文档中的文本进行格式化: [mycode3 type='html'] 强调文本 [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <em> 标签。 标签定义及使用说明 <em> 标签是一个短语标签,用来呈现为被强调的文本。 提示:我们并不反对..
HTML <embed> 标签 实例 嵌入图片: [mycode3 type='html'] [/mycode3] 尝试一下 » 实例 嵌入 HTML 页面: [mycode3 type='html'] [/mycode3] 尝试一下 » 实例 嵌入视频: [mycode3 type='html'] [/myc..
HTML <fieldset> 标签 实例 对表单中的相关元素进行分组: [mycode3 type='html'] Personalia: Name: Email: Date of birth: [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <fieldset&a..
HTML <figcaption> 标签 实例 使用 <figure> 元素标记文档中的一个图像。<figure> 元素带有一个标题: [mycode3 type='html'] Fig1. - A view of the pulpit rock in Norway. [/mycode3] 尝试一下 » ..
HTML 字符集 要正确显示一个 HTML 页面,浏览器必须知道要使用的字符集(字符编码)。 HTML 字符集 在 HTML 中,正确的字符编码是什么? HTML5 中默认的字符编码是 UTF-8。 这并非总是如此。早期网络的字符编码是 ASCII 码。 后来,从 HTML 2.0 到 HTML 4.01,ISO-8859-1 被认定为标准。 随着 XML 和 HTML5 的出现,UTF-8 也终于到来了,解决了大量的字符编码问..
HTML <figure> 标签 实例 使用 <figure> 元素标记文档中的一个图像: [mycode3 type='html'] [/mycode3] 尝试一下 » 浏览器支持 IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 标签。 注释:I..
HTML <font> 标签 - HTML5 不支持 实例 规定文本的尺寸、字体和颜色: [mycode3 type='html'] 这是一些文本! 这是一些文本! 这是一些文本! [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <font> 标签。 标签定义及使用说明 HTML5 不支持 <..
HTML <footer> 标签 实例 文档的页脚: [mycode3 type='html'] Posted by: Hege Refsnes [/mycode3] 尝试一下 » 浏览器支持 IE 9、Firefox、Opera、Chrome 和 Safari 支持 <footer> 标签。 注释:IE 8 或更早..
HTML <form> 标签 实例 带有两个输入字段和一个提交按钮的 HTML 表单: [mycode3 type='html'] First name: Last name: [/mycode3] 尝试一下 »(更多实例见页面底部) 浏览器支持 所有主流浏览器都支持 <form> 标签。 标签定义及使用说..
HTML <frame> 标签 - HTML5 不支持 实例 简单的三框架页面: <frameset cols='25%,50%,25%'> <frame src='frame_a.htm'> <frame src='frame_..
HTML <frameset> 标签 - HTML5 不支持 实例 简单的三框架页面: <frameset cols='25%,*,25%'> <frame src='frame_a.htm'> <frame src='f..
HTML <head> 标签 实例 一份在头部带有 <title> 标签的 HTML 文档: [mycode2] [mycode3 type='html'] 文档标题 文档内容...... [/mycode3] 尝试一下 »(更多实例见页面底部) 浏览器支持 所有主流浏览器都支持 <head&..
HTML <header> 标签 实例 <article> 的页眉: [mycode2] Internet Explorer 9 Windows Internet Explorer 9(缩写为 IE9 )是在2011年3月14日21:00发布的 [/mycode2] 尝试一下 » 浏览器支持 IE 9、Firefox、Op..
HTML <hgroup> 标签 实例 使用 <hgroup> 对标题进行组合: <hgroup> <h1>Welcome to my WWF</h1> <h2>For a living planet</h2> &..
HTML <h1> - <h6> 标签 实例 六个不同的 HTML 标题: [mycode3 type='html'] 这是标题 1 这是标题 2 这是标题 3 这是标题 4 这是标题 5 这是标题 6 [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <h1> - &..
HTML <hr> 标签 实例 当内容的主题发生变化时,使用 <hr> 标签进行分隔: [mycode2] HTML HTML 是用于描述 web 页面的一种语言。 CSS CSS 定义如何显示 HTML 元素。 [/mycode2] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <hr> 标签。 标签定义及..
HTML <i> 标签 实例 <p>He named his car <i>The lightning</i>, because it was very fast.</p> 尝试一下 » 浏览器支持 所有主流浏览器都支持 <i> 标..
HTML <iframe> 标签 实例 标记一个内联框架: <iframe src='http://www.runoob.com'></iframe> 尝试一下 » 浏览器支持 所有主流浏览器都支持 <iframe> 标签。 标签定义及使用说明 <iframe..
HTML <img> 标签 实例 如何插入图像: [mycode3 type='html'] [/mycode3] 尝试一下 »(更多实例见页面底部) 浏览器支持 所有主流浏览器都支持 <img> 标签。 标签定义及使用说明 <img> 标签定义 HTML 页面中的图像。 <img&..
HTML <input> 标签 实例 一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮: [mycode3 type='html'] First name: Last name: [/mycode3] 尝试一下 » (本页底部可以查看更多实例) 浏览器支持 元素 ..
HTML <ins> 标签 实例 一段带有已删除部分和新插入部分的文本: <p>My favorite color is <del>blue</del> <ins>red</ins>!</p> 尝试一下 » ..
HTML <kbd> 标签 实例 在文档中格式化文本: [mycode3 type='html'] 键盘输入 [/mycode3] 尝试一下 » 浏览器支持 元素 <kbd> Yes Yes Yes ..
HTML <keygen> 标签 该标签在新的 Web 标准中已废弃。 实例 带有 keygen 字段的表单: <form action='demo_keygen.asp' method='get'> 用户名: <input type='text' name='u..
HTML <label> 标签 实例 带有两个输入字段和相关标记的简单 HTML 表单: [mycode3 type='html'] Male Female [/mycode3] 尝试一下 » 浏览器支持 目前大多数浏览器支持 <label> 标签。 标签定义及使用说明 <label&..
HTML <legend> 标签 实例 组合表单中的相关元素: <form> <fieldset> <legend>Personalia:</legend> Name: <input type='text' si..
HTML <li> 标签 实例 HTML 两个列表实例: 一个有序列表 (<ol>) 和 一个无序列表 (<ul>) : <ol> <li>Coffee</li> <li&..
HTML <link> 标签 实例 链接到外部样式文件: [mycode3 type='html'] [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <link> 标签。 标签定义及使用说明 <link> 标签定义文档与外部资源的关系。 <link>..
HTML main 标签 实例 使用 main 标签来展示文档的主体部分: [mycode3 type='html'] Web 浏览器 Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。 Google Chrome 浏览器 Google Chrome 浏览器是由 Google 开发的一款免费的开源 web 浏览器,..
HTML <map> 标签 实例 带有可点击区域的图像映射: <img src='planets.gif' width='145' height='126' alt='Planets' usemap='#planetmap'>..
HTML5 <mark> 标签 实例 部分文本高亮显示: <p>Do not forget to buy <mark>milk</mark> today.</p> 尝试一下 » 浏览器支持 Internet Explorer 9+、Firefox、Opera、Chro..
HTML <menu> 标签 实例 两个菜单按钮系列选项实例('File' 和 'Edit'): [mycode3 type='html'] New... Open... Save Cut Copy Paste [/mycode3] 尝试一下 » 浏览器支持 目前主流浏览器并不支持 &a..
HTML <meta> 标签 实例 描述 HTML 文档的元数据: [mycode3 type='html'] [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <meta> 标签。 标签定义及使用说明 元数据(Metadata)是数据的数据信息。 <meta> 标..
HTML <meter> 标签 实例 使用 meter 元素展示给定的数据范围: [mycode3 type='html'] 2 out of 10 60% [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持该元素的第一个浏览器的版本号。 元素 <meter&..
HTML <nav> 标签 实例 一个导航链接实例: [mycode3 type='html'] HTML | CSS | JavaScript | jQuery [/mycode3] 尝试一下 » 浏览器支持 目前大多数浏览器支持 <nav> 标签。 标签定义及使用说明 <nav> 标签定..
HTML <noframes> 标签HTML5不支持该标签 实例 显示三个frame框架,如果不支持frame输出 <noframes> 标签的文本: <html> <frameset cols='25%,50%,25%'> <frame src='fr..
HTML <noscript> 标签 实例 <noscript> 标签的使用: [mycode3 type='js'] document.write('Hello World!') 抱歉,你的浏览器不支持 JavaScript! [/mycode3] 尝试一下 » 浏览器支持 目前大多数浏览器支持 &l..
HTML <object> 标签 实例 使用<object> 元素在 HTML 加入 Flash 文件: <object width='400' height='400' data='helloworld.swf'></object> 尝..
HTML <ol> 标签 实例 2 个不同的有序列表实例: [mycode3 type='html'] Coffee Tea Milk Coffee Tea Milk [/mycode3] 尝试一下 » 浏览器支持 元素 <ol> ..
HTML <optgroup> 标签 实例 通过 <optgroup> 标签把相关的选项组合在一起: <select> <optgroup label='Swedish Cars'> <option value..
HTML <option> 标签 实例 创建带有 4 个选项的选择列表: <select> <option value='volvo'>Volvo</option> <option value='saab&..
HTML <output> 标签 实例 将计算结果显示在 <output> 元素中: [mycode3 type='html'] 0 100 + = [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 元素 &a..
HTML <p> 标签 实例 以下代码标记了一个段落: [mycode3 type='html'] 这是一个段落。 [/mycode3] 尝试一下 »(在页面下部,您可以找到更多实例) 浏览器支持 目前大多数浏览器支持 <p>标签。 标签定义及使用说明 <p> 标签定义段落。 <p>..
HTML <param> 标签 实例 设置参数 'autoplay' 为 'true',音频载入后会自动播放: <object data='horse.wav'> <param name='autoplay' value='true'&..
HTML <pre> 标签 实例 预格式化的文本: [mycode2] 此例演示如何使用 pre 标签 对空行和 空格 进行控制 [/mycode2] 尝试一下 » 浏览器支持 目前大多数浏览器支持 <pre> 标签。 标签定义及使用说明 <pre> 标签可定义预格式化的文本。 被包围在 <pre&am..
HTML <html> 标签 实例 简单的 HTML5 文档: [mycode2] 文档标题 文档内容...... [/mycode2] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <html> 标签。 标签定义及使用说明 <html> 标签告知浏览器这是一个 HTML 文档。 &..
HTML <picture> 元素 实例 根据屏幕匹配的不同尺寸显示不同图片,如果没有匹配到或浏览器不支持 picture 属性则使用 img 元素: [mycode3 type='html'] [/mycode3] 尝试一下 » 定义 picture 元素允许我们在不同的设备上显示不同的图片,一般用于响应式。 HTML5 引入了 <p..
HTML5 <progress> 标签 实例 标记“下载进度”: <progress value='22' max='100'></progress> 尝试一下 » 浏览器支持 IE 10、Firefox、Opera、Chrome 和 Safari 6 支持 <progress&..
HTML <q> 标签 实例 标记一个短的引用: <p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q> We hope they succeed.</p> ..
HTML <rp> 标签 实例 一个 ruby 注释: [mycode3 type='html'] 漢 (han) 字 (zi) [/mycode3] 尝试一下 » 浏览器支持 IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <rp> 标签。 注释:IE 8 或更早版本的 IE 浏览器不支持 <..
HTML <rt> 标签 实例 一个 ruby 注释: [mycode3 type='html'] 汉 (Han) 字 (zi) [/mycode3] 尝试一下 » 浏览器支持 IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <rt> 标签。 注释:IE 8 或更早版本的 IE 浏览器不支持 <..
HTML <ruby> 标签 实例 一个 ruby 注释: [mycode3 type='html'] 汉 (Han) 字 (zi) [/mycode3] 尝试一下 » 浏览器支持 IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <ruby> 标签。 注释:IE 8 或更早版本的 IE 浏览器不支持 &..
HTML <s> 标签 实例 标记不再正确的文本: <p><s>My car is blue.</s></p> <p>My new car is silver.</p> 尝试一下 » 浏览器支持 所有主流浏览器都支..
HTML <samp> 标签 实例 对文档中的文本进行格式化: [mycode2] 计算机样本 [/mycode2] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <samp> 标签。 标签定义及使用说明 <samp> 标签是一个短语标签,用来定义计算机程序的样本文本。 提示:我们并不反对使用这个标签,但是如果您只是为了达到某种视觉效..
HTML <script> 标签 实例 通过 JavaScript 输出 'Hello world': [mycode3 type='html'] document.write('Hello World!') [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <script> 标签。..
HTML <section> 标签 实例 文档的某个区域,解释了什么是 WWF : <section> <h1>WWF</h1> <p>The World Wide Fund for Nature (WWF) is....</p> </..
HTML <select> 标签 实例创建带有 4 个选项的选择列表: [mycode3 type='html'] Volvo Saab Mercedes Audi [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <select> 标签。 标签定义及使用说明 <select&..
HTML <small> 标签 实例 定义小型文本: [mycode2] runoob.com - the world's largest web development site. Copyright 1999-2050 by Refsnes Data. [/mycode2] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <small> 标签。 标..
HTML <source> 标签 实例 带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件(如果都支持则任选一个): [mycode3 type='html'] 您的浏览器不支持 audio 元素。 [/mycode3] 尝试一下 » 浏览器支持表格中的数字表示支持该标签的第一个浏览器版本号。 标签 ..
HTML <span> 标签 实例 使用 <span> 元素对文本中的一部分进行着色: <p>我的母亲有 <span style='color:blue'>蓝色</span> 的眼睛。</p> 尝试一下 » ..
HTML <strike> 标签 - HTML5 不支持 实例 给文本添加删除线: <p>Version 2.0 is <strike>not yet available!</strike> now available!</p> 尝试一下 » 浏览器支持 所有主流浏览器都支持 ..
HTML <strong> 标签 实例 对文档中的文本进行格式化: [mycode2] 加粗文本 [/mycode2] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <strong> 标签。 标签定义及使用说明 <strong> 标签是一个短语标签,用来定义计算机程序的样本重要的文本。 提示:我们并不反对使用这个标签,但是如果您只是为..
HTML <style> 标签 实例 在 HTML 文档中使用 <style> 元素: [mycode3 type='html'] 菜鸟教程(runoob.com) h1 {color:red;} p {color:blue;} 这是一个标题 这是一个段落。 [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器..
HTML <sub> 标签 实例 下标文本: [mycode2] 这个文本包含 下标文本。 [/mycode2] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <sub> 标签。 标签定义及使用说明 <sub> 标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方,但是与当前文本流中文字的字体和字号都是一样的。下标..
HTML <summary> 标签 实例 使用 <summary> 元素: [mycode3 type='html'] Epcot Center Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavili..
HTML <sup> 标签 实例 上标文本: [mycode2] 这个文本包含 上标 文本。 [/mycode2] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <sup> 标签。 标签定义及使用说明 <sup> 标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方,但是与当前文本流中文字的字体和字号都是一样的。上..
HTML <table> 标签 实例 一个简单的 HTML 表格,包含两列两行: [mycode3 type='html'] Month Savings January $100 February $80 [/mycode3] 尝试一下 »(更多实例见页面底部) 浏览器支持 ..
HTML <tbody> 标签 实例 带有 <thead>、<tfoot> 和 <tbody> 元素的 HTML 表格: <table border='1'> <thead> ..
HTML <td> 标签 实例 一个简单的 HTML 表格,带有两个单元格: <table border='1'> <tr> <td>Cell A</td> <td>Cell B</td..
HTML <textarea> 标签 实例 一个 HTML 文本区域: <textarea rows='10' cols='30'> 我是一个文本框。 </textarea> 尝试一下 » 浏览器支持 所有主流浏览器都支持 <textare..
HTML <template> 标签 实例 使用 <template> 标签在页面加载时该标签中的内容不会显示,加载后可以使用 JavaScript 来显示它: [mycode3 type='html'] 显示隐藏内容 logo function showContent() { var temp = document.getEleme..
HTML <tfoot> 标签 实例 带有 <thead>、<tfoot> 和 <tbody> 元素的 HTML 表格: [mycode3 type='html'] Month Savings Sum $..
HTML <th> 标签 实例 一个简单的 HTML 表格,带有两个表头单元格和两个数据单元格: <table border='1'> <tr> <th>Month</th> ..
HTML <thead> 标签 实例 带有 <thead>、<tfoot> 和 <tbody> 元素的 HTML 表格: [mycode3 type='html'] Month Savings Sum $..
HTML <time> 标签 实例 如何定义时间和日期: [mycode3 type='html'] 我们在每天早上 9:00 开始营业。 我在 情人节 有个约会。 [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 元素 ..
HTML <title> 标签 实例 为您的 HTML 文档定义标题: [mycode3 type='html'] 文档标题 文档内容...... [/mycode3] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <title> 标签。 标签定义及使用说明 <title> 标签定义文档的标题,..
HTML <tr> 标签 实例 一个简单的 HTML 表格,包含两列两行: <table border='1'> <tr> <th>Month</th> <..
HTML <track> 标签 实例 带有字幕轨道(friday.vtt)的视频: [mycode3 type='html'] 抱歉,您的浏览器不支持嵌入视频! [/mycode3] 尝试一下 » 浏览器支持表格中的数字表示支持该标签的第一个浏览器版本号。 Element &..
HTML <tt> 标签 - HTML5 不支持 实例 定义打字机文本: <p><tt>Teletype text</tt></p> 尝试一下 » 浏览器支持 所有主流浏览器都支持 <tt> 标签。 标签定义及使用说明 HTML5 不支持 &am..
HTML <u> 标签 实例 使用 <u> 标签为文本添加下划线: <p>This is a <u>parragraph</u>.</p> 尝试一下 » 浏览器支持 所有主流浏览器都支持 <u> 标签。 标..
HTML <ul> 标签 实例 无序 HTML 列表: [mycode3 type='html'] Coffee Tea Milk [/mycode3] 尝试一下 »(更多实例见页面底部) 浏览器支持 标签 <ul> Yes ..
HTML <var> 标签 实例 对文档中的文本进行格式化: <var>变量</var> 尝试一下 » 浏览器支持 所有主流浏览器都支持 <var> 标签 标签定义及使用说明 <var> 标签是一个短语标签,用来定义变量。 提示:我们并不反对使用这个标签,但是如果..
HTML <video> 标签 实例 播放录像: [mycode3 type='html'] 您的浏览器不支持 video 标签。 [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 Element ..
HTML <wbr> 标签 实例 一段带有 Word Break Opportunity 的文本: [mycode2] 学习 AJAX ,您必须熟悉 HttpRequest 对象。 [/mycode2] 尝试一下 » 浏览器支持 所有主流浏览器都支持 <wbr> 标签,除了 Internet Explorer。 标签定义及使用说明 <wbr&g..