zoukankan html css js c++ java

HTML标签大全

标签表

原文地址: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指定新窗口开启

这是一个图片，加载不出来时显示我

rcw
tel:18127655676

一般和area一起用，管理里面的area 我这里指定面页的独立部分内容，也可以是页眉介绍性内容，在article里面语义化标签，我也不知道什么意思

我可以把字体加粗

我是做表格用的，必须在ul里或者ol里面

把我隔离出来我可以把文字排序倒置，必须有dir

我是被自动缩进的引用，我可以很长很长

我是引用，我将变成斜体字我是画布，想让我变得更美，就要用script我是表格的名字，我出现在table里面

我把表格按列分组了

小米: 为发骚而生

~~我会被划上删除线~~ ~~我也会被划上删除线~~ 我会被划上下划线，表示修改我才是名正言顺的下划线点我能看到很多

很多

我是强调文本
我能加粗文本
反正我是斜的，定义项目
一段电脑代码

计算机样本

键盘输入
变量我差不多一个是个th的批注，但我很大，还不能隐藏

我将被很多属性标记，太幸福了

我被用在form下，我下面的input属于我，哼

我替fieldset管理input

我属于figure我相当于页脚

标题集合 斜体文字 单选控件类型

我将被标记，重点显示哦

我定义一个命令列表或菜单，但好像没有浏览器支持我

0到10之间，输出2，相当于20% 导航链接，索引，目录，菜单

显示计算或用户操作的结果

你怎样输入的，      我就怎么显示

显示为引号包含帅(shuai)

定义文档独立的一部分我是最小号的字体想给我加样式就这么用 _下标 ^上标

大表哥，里面有很多tr组成,边框为1横向定义的表格，表示一行数据

加粗版表头文档	表中内容

我是一个文本框时间：21：00

查看全文

相关阅读:
spring.net 结合简单三层实例
 Spring.Net 如何管理您的类___对象的手动装配
 性能优化小结
 C#实例解析适配器设计模式
 谈AOP要step by step
C#对图片文件的压缩、裁剪操作初探
 Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）
多线程实现资源共享的问题学习与总结
 ASP.NET 设计模式
 Mac技巧索引

原文地址：https://www.cnblogs.com/qq752059037/p/9760917.html