标签表
原文地址:http://www.w3school.com.cn/tags/index.asp
| 标签 | 描述 |
|---|---|
| <!--...--> | 定义注释。 |
| <!DOCTYPE> | 定义文档类型。 |
| <a> | 定义锚。 |
| <abbr> | 定义缩写。 |
| <acronym> | 定义只取首字母的缩写。 |
| <address> | 定义文档作者或拥有者的联系信息。 |
| <applet> | 不赞成使用。定义嵌入的 applet。 |
| <area> | 定义图像映射内部的区域。 |
| <article> | 定义文章。 |
| <aside> | 定义页面内容之外的内容。 |
| <audio> | 定义声音内容。 |
| <b> | 定义粗体字。 |
| <base> | 定义页面中所有链接的默认地址或默认目标。 |
| <basefont> | 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 |
| <bdi> | 定义文本的文本方向，使其脱离其周围文本的方向设置。 |
| <bdo> | 定义文字方向。 |
| <big> | 定义大号文本。 |
| <blockquote> | 定义长的引用。 |
| <body> | 定义文档的主体。 |
| <br> | 定义简单的折行。 |
| <button> | 定义按钮 (push button)。 |
| <canvas> | 定义图形。 |
| <caption> | 定义表格标题。 |
| <center> | 不赞成使用。定义居中文本。 |
| <cite> | 定义引用(citation)。 |
| <code> | 定义计算机代码文本。 |
| <col> | 定义表格中一个或多个列的属性值。 |
| <colgroup> | 定义表格中供格式化的列组。 |
| <command> | 定义命令按钮。 |
| <datalist> | 定义下拉列表。 |
| <dd> | 定义定义列表中项目的描述。 |
| <del> | 定义被删除文本。 |
| <details> | 定义元素的细节。 |
| <dir> | 不赞成使用。定义目录列表。 |
| <div> | 定义文档中的节。 |
| <dfn> | 定义定义项目。 |
| <dialog> | 定义对话框或窗口。 |
| <dl> | 定义定义列表。 |
| <dt> | 定义定义列表中的项目。 |
| <em> | 定义强调文本。 |
| <embed> | 定义外部交互内容或插件。 |
| <fieldset> | 定义围绕表单中元素的边框。 |
| <figcaption> | 定义 figure 元素的标题。 |
| <figure> | 定义媒介内容的分组，以及它们的标题。 |
| <font> | 不赞成使用。定义文字的字体、尺寸和颜色。 |
| <footer> | 定义 section 或 page 的页脚。 |
| <form> | 定义供用户输入的 HTML 表单。 |
| <frame> | 定义框架集的窗口或框架。 |
| <frameset> | 定义框架集。 |
| <h1> to <h6> | 定义 HTML 标题。 |
| <head> | 定义关于文档的信息。 |
| <header> | 定义 section 或 page 的页眉。 |
| <hr> | 定义水平线。 |
| <html> | 定义 HTML 文档。 |
| <i> | 定义斜体字。 |
| <iframe> | 定义内联框架。 |
| <img> | 定义图像。 |
| <input> | 定义输入控件。 |
| <ins> | 定义被插入文本。 |
| <isindex> | 不赞成使用。定义与文档相关的可搜索索引。 |
| <kbd> | 定义键盘文本。 |
| <keygen> | 定义生成密钥。 |
| <label> | 定义 input 元素的标注。 |
| <legend> | 定义 fieldset 元素的标题。 |
| <li> | 定义列表的项目。 |
| <link> | 定义文档与外部资源的关系。 |
| <map> | 定义图像映射。 |
| <mark> | 定义有记号的文本。 |
| <menu> | 定义命令的列表或菜单。 |
| <menuitem> | 定义用户可以从弹出菜单调用的命令/菜单项目。 |
| <meta> | 定义关于 HTML 文档的元信息。 |
| <meter> | 定义预定义范围内的度量。 |
| <nav> | 定义导航链接。 |
| <noframes> | 定义针对不支持框架的用户的替代内容。 |
| <noscript> | 定义针对不支持客户端脚本的用户的替代内容。 |
| <object> | 定义内嵌对象。 |
| <ol> | 定义有序列表。 |
| <optgroup> | 定义选择列表中相关选项的组合。 |
| <option> | 定义选择列表中的选项。 |
| <output> | 定义输出的一些类型。 |
| <p> | 定义段落。 |
| <param> | 定义对象的参数。 |
| <pre> | 定义预格式文本。 |
| <progress> | 定义任何类型的任务的进度。 |
| <q> | 定义短的引用。 |
| <rp> | 定义若浏览器不支持 ruby 元素显示的内容。 |
| <rt> | 定义 ruby 注释的解释。 |
| <ruby> | 定义 ruby 注释。 |
| <s> | 不赞成使用。定义加删除线的文本。 |
| <samp> | 定义计算机代码样本。 |
| <script> | 定义客户端脚本。 |
| <section> | 定义 section。 |
| <select> | 定义选择列表（下拉列表）。 |
| <small> | 定义小号文本。 |
| <source> | 定义媒介源。 |
| <span> | 定义文档中的节。 |
| <strike> | 不赞成使用。定义加删除线文本。 |
| <strong> | 定义强调文本。 |
| <style> | 定义文档的样式信息。 |
| <sub> | 定义下标文本。 |
| <summary> | 为 <details> 元素定义可见的标题。 |
| <sup> | 定义上标文本。 |
| <table> | 定义表格。 |
| <tbody> | 定义表格中的主体内容。 |
| <td> | 定义表格中的单元。 |
| <textarea> | 定义多行的文本输入控件。 |
| <tfoot> | 定义表格中的表注内容（脚注）。 |
| <th> | 定义表格中的表头单元格。 |
| <thead> | 定义表格中的表头内容。 |
| <time> | 定义日期/时间。 |
| <title> | 定义文档的标题。 |
| <tr> | 定义表格中的行。 |
| <track> | 定义用在媒体播放器中的文本轨道。 |
| <tt> | 定义打字机文本。 |
| <u> | 不赞成使用。定义下划线文本。 |
| <ul> | 定义无序列表。 |
| <var> | 定义文本的变量部分。 |
| <video> | 定义视频。 |
| <wbr> | 定义可能的换行符。 |
| <xmp> | 不赞成使用。定义预格式文本。 |
通俗易懂版
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>This is study note</title> <base href="我是做外链的，一般在head里面" target="_blank"> <style type="text/css">里面可加n多css</style> <script type="text/javascript">javescript语句</script> <noscript>不支持javescript的替代语句</noscript> </head> <body> <h1>h1-h6是标题标签</h1> <p>p是段落标签</p> <a href="https://www.baidu.com" target="_blank">a标签是插入超链接的，herf指定链接地址，target指定新窗口开启</a> <br/><!--这是一个换行符--> <wbr><!-- 定义何处适合换行，窗口大小不够则不换行 --> <img src="a.jpg" alt="这是一个图片，加载不出来时显示我" width="100" height="60"><!--加载图像的标签--> <hr/><!--这是一条水平线--> <abbr title="China">CN</abbr><!--定义缩写--> <address> rcw <a href="mailto:small_pupil@126.com"></a> <br> tel:18127655676 </address><!--定义地址，签名或者文档的作者身份--> <area shape="范围，tect/circle" coords="坐标" href="链接地址"><!-- 可以在图像上划分区域，可点击返回herf --> <map>一般和area一起用，管理里面的area</map> <article>我这里指定面页的独立部分内容，也可以是页眉</article> <header>介绍性内容，在article里面</header> <aside>语义化标签，我也不知道什么意思</aside> <audio controls="controls"> <source src="链接地址" type="视频类型"><!-- source可以为图片，视频，音频元素指定资源 --> </audio><!-- video也是这样用的 --> <b>我可以把字体加粗</b> <ul><!-- 无序表格；ol有序列表 --> <li>我是做表格用的，必须在ul里或者ol里面</li> </ul> <bdi>把我隔离出来</bdi> <bdo dir="rtl">我可以把文字排序倒置，必须有dir</bdo> <blockquote cite="引用地址">我是被自动缩进的引用，我可以很长很长</blockquote> <cite>我是引用，我将变成斜体字</cite> <button type="button" onclick="alert(我是弹窗内容)">都用我来设置按钮</button> <canvas id="我的标识记号">我是画布，想让我变得更美，就要用script</canvas> <caption>我是表格的名字，我出现在table里面</caption> <col span="2" style="background-color:red"><!-- 我在table下的colgroup中使用，来设置表格的列属性值 --> <colgroup>我把表格按列分组了</colgroup> <datalist id="input的那个表格list"> <option value="我是input那个表格里的下拉选项"></option> </datalist><!--我与input一起用，做出来的表格高大上呦，还能让用户选择--> <dl> <dt>小米</dt> <dd>为发骚而生</dd> </dl><!--看懂了吗？我跟ol，ul差不多，dt是名人，dd要拍名人的马屁，看出来了吧，dl是代表一个描述列表--> <del>我会被划上删除线</del> <s>我也会被划上删除线</s> <ins>我会被划上下划线，表示修改</ins> <u>我才是名正言顺的下划线</u> <details> <summary>点我能看到很多</summary> <p>很多</p> </details><!--创建一个可折叠的东西，点开你能看到很多--> <em>我是强调文本</em><br> <strong>我能加粗文本</strong><br> <dfn>反正我是斜的，定义项目</dfn><br> <code>一段电脑代码</code><br> <samp>计算机样本</samp><br> <kbd>键盘输入</kbd><br> <var>变量</var> <dialog open>我差不多一个是个th的批注，但我很大，还不能隐藏</dialog> <div class="属性" id="自己体会" lang="语言">我将被很多属性标记，太幸福了</div> <embed src="你竟然要把我嵌入面页，呜呜。。。"></embed> <fieldset>我被用在form下，我下面的input属于我，哼</fieldset> <legend>我替fieldset管理input</legend> <figure><!--我是独立的，想引用谁就是谁--> <figcaption>我属于figure</figcaption> </figure> <footer>我相当于页脚</footer> <form action="把数据存起来，怎么样" method="传输方式post/get">我向服务器传输数据</form> <hgroup>标题集合</hgroup> <i>斜体文字</i> <iframe src="内联框架"></iframe> <input type="控件类型" name="给控件起个名字" value="把我传给数据库"> <label>单选控件类型</label> <link rel="stylesheet" type="text/css" href="文件地址吧"><!-- 我一般用来链接css --> <make>我将被标记，重点显示哦</make> <menu>我定义一个命令列表或菜单，但好像没有浏览器支持我</menu> <meta charset="utf-8"><!-- 一般显示在head里 --> <meter value="2" min="0" max="10">0到10之间，输出2，相当于20%</meter> <nav>导航链接，索引，目录，菜单</nav> <object>外部资源 <param name="" value="">定义资源 </object> <select>定义一个下拉菜单 <optgroup>下拉菜单里的分类 <option>分类里面的选项</option> </optgroup> </select> <output>显示计算或用户操作的结果</output> <pre>你怎样输入的， 我就怎么显示</pre> <progress value="88" max="100"><!-- 下载任务完成88% --> <q>显示为引号包含</q> <ruby>帅<rp>(</rp><rt>shuai</rt><rp>)</rp></ruby><!-- 作为注释标签使用表示很难懂，不知道为什么，但就是这样子 --> <section>定义文档独立的一部分</section> <small>我是最小号的字体</small> <span style="样式">想给我加样式就这么用</span> <sub>下标</sub> <sup>上标</sup> <table border="1">大表哥，里面有很多tr组成,边框为1 <thead><!-- 我和tbody，tfoot一样，不会对表格造成什么影响，但可以通过我们为每一行加css --> <tr>横向定义的表格，表示一行数据 <th>加粗版表头文档</th> <td>表中内容</td> </tr> </thead> </table> <textarea rows="10" cols="30">我是一个文本框</textarea> <time>时间：21：00</time> <track kind="文本轨道的文本类型" src="轨道文件的url"><!-- 可以叫我字幕 --> </body> </html>
样式对应
This is study note
h1-h6是标题标签
p是段落标签
a标签是插入超链接的，herf指定链接地址，target指定新窗口开启
CN
rcwtel:18127655676
我这里指定面页的独立部分内容，也可以是页眉 介绍性内容，在article里面 语义化标签，我也不知道什么意思
我可以把字体加粗
- 我是做表格用的，必须在ul里或者ol里面
把我隔离出来 我可以把文字排序倒置，必须有dir
我是被自动缩进的引用，我可以很长很长
我是引用，我将变成斜体字 我是画布，想让我变得更美，就要用script我是表格的名字，我出现在table里面
我把表格按列分组了
- 小米
- 为发骚而生
我会被划上删除线
我也会被划上删除线
我会被划上下划线，表示修改
我才是名正言顺的下划线点我能看到很多
很多
我是强调文本
我能加粗文本
反正我是斜的，定义项目
一段电脑代码
键盘输入
变量我差不多一个是个th的批注，但我很大，还不能隐藏
我将被很多属性标记，太幸福了
我替fieldset管理input
我属于figure我相当于页脚
标题集合 斜体文字
我将被标记，重点显示哦
0到10之间，输出2，相当于20% 导航链接，索引，目录，菜单
显示计算或用户操作的结果
你怎样输入的， 我就怎么显示
显示为引号包含
帅(shuai)
定义文档独立的一部分 我是最小号的字体 想给我加样式就这么用 下标 上标
大表哥，里面有很多tr组成,边框为1横向定义的表格，表示一行数据
| 加粗版表头文档 | 表中内容 |
|---|
时间：21：00