HTML标签总结

今天有机会将css的内容重新总结一次也是一件极好的事,从较基本的总结一遍,也便于对基本概念的更深入的理解。

HTML基本的标签;在这里将HTML标签进行分类,一共12类,分别为:基础、格式、表单、框架、图像、音频/视频、链接、列表、表格、样式/节、元信息、编程。下面对这些标签内的内容分别介绍一下。


基础标签(root element)


<!DOCTYPE>:定义,声明文档类型

<html>:html文档的根节点,定义html文档

<title>:定义文档的标题

<body>:定义文档的主体

<h1> -- <h6>:定义html的标题

<p>:定义html段落

<br>:定义一个简单的换行

<hr>:定义一条水平线

<!--...-->:html文档的注释


格式标签


<acronym>:定义只取首字母的缩写

<abbr>:定义缩写

<address>:定义文档作者或拥有者的联系信息

<b>:定义粗体文本

<bdi>:定义文本的方向,使其脱离周围文本的方向设置(h5)

<bdo>:定义文字的方向

<big>:将文本定义为大号字体

<blockquote>:定义长的引用文本

<center>:定义文本的居中(不建议使用)

<cite>:定义引用

<code>:定义计算机代码的文本

<del>:定义被删除的文本

<dfn>:定义一个定义项目

<em>:定义强调文本

<font>:定义文本的字体,尺寸和颜色(不建议使用)

<i>:定义斜体文本

<ins>:定义被插入的文本

<kbd>:定义键盘文本

<mark>:定义有记号的文本(h5)

<meter>:定义预定义范围内的度量(h5)

<pre>:定义预定义文本

<progress>:定义如何类型的任务的进度(h5)

<q>:定义短的引用

<rp>:定义浏览器不支持ruby元素显示的内容(h5)

<rt>:定义ruby注释的解释(h5)

<ruby>:定义ruby的注释(h5)

<s>:定义加删除线的文本(不建议使用)

<samp>:定义计算机代码样本

<small>:定义小号的字体

<strike>:定义加删除线的文本(不建议使用)

<strong>:定义语气更加强烈的强调文本

<sup>:定义上标文本

<sub>:定义下表文本

<time>:定义时间(h5)

<tt>:定义打印机文本

<u>:定义下划线文本(不建议使用)

<var>:定义文本的变量部分

<wbr>:定义可能的换行符(h5)


表单


<form>:定义HTML表单

<input>:定义输入标签

<textarea>:定义多行文本

<button>:定义按钮

<select>:定义下拉列表

<optgroup>:定义选择列表中的相关选项的组合

<option>:定义选择列表中的选项

<label>:定义input选项的标注

<fieldset>:定义围绕表单中元素中的元素的边框

<legend>:定义fieldset元素的标题

<isindex>:定义与文档相关的可搜索索引(不建议使用)

<datalist>:定义下拉列表(h5)

<keygen>:定义生成密钥(h5)

<output>:定义输出的一些类型(h5)


框架


<frame>:定义框架集的窗口或框架

<frameset>:定义框架集

<noframes>:定义针对不支持框架的用户的替代内容

<iframe>:定义内联框架


图像


<img>:定义图像

<map>:定义图像的映射

<area>:定义图像地图内部的区域

<canvas>:定义图形(h5)

<figcaption>:定义figure元素的标题(h5)

<figure>:定义媒介内容的分组,以及他们的标题(h5)


音频/视频(h5)


<audio>:定义声音内容

<source>:定义媒介源

<track>:定义在媒体播放器中的文本轨道

<video>:定义视频


链接


<a>:定义文本链接或者锚

<link>:定义文档与外部资源的链接

<nav>:定义导航链接


列表


<ul>:定义无序列表

<ol>:定义有序列表

<li>:定义列表的项目

<dir>:定义目录列表(不建议使用)

<dl>:定义自定义列表

<dt>:定义自定义列表中的项目

<dd>:定义自定义列表项目中的描述

<menu>:对命令的菜单/列表

<menuitem>:定义用户可以弹出菜单调用的命令/菜单项目

<command>:定义命令按钮(h5)


表格


<table>:定义表格

<caption>:定义表格的标题

<th>:定义表格中表头的单元格

<tr>:定义表格中的行

<td>:定义表格中的单元

<thead>:定义表格中的表头内容

<tbody>:定义表格中的主体内容

<tfoot>:定义表格中的标注内容

<col>:定义表格中的一个或多个列的属性值

<colgroup>:定义表格中供格式化的列组


样式/节


<style>:定义文档的样式信息

<div>:定义文档中的节点

<span>:定义文档中的节点

<header>:定义页面头部(h5)

<footer>:定义页面尾部(h5)

<section>:定义section(h5)

<article>:定义文章(h5)

<aside>:定义页面内容以外的内容(h5)

<details>:定义元素的细节(h5)

<dialog>:定义对话窗口(h5)

<summary>:为细节节点第一可见的标题(h5)


元信息


<head>:定义文档的信息

<meta>:定义文档的元信息

<base>:定义页面中所有链接的默认地址或默认目标

<basefont>:定义页面中的默认字体、颜色或尺寸


编程脚本标签


<script>:定义客户端脚本

<noscript>:定义针对不支持浏览器脚本的用户的替代内容

<applet>:定义嵌入的applet(不建议使用)

<embed>:定义外部应用程序(非html)的定义容器(h5)

<object>:定义嵌入的对象

<param>:定义对象的参数



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,233评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,013评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,030评论 0 241
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,827评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,221评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,542评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,814评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,513评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,225评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,497评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,998评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,342评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,986评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,812评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,560评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,461评论 2 266

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,563评论 25 707
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,629评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,172评论 1 41
  • 人生有很多第一次,第一次学着走路,第一次学着说话,...第一次学着去爱 第一次,我们也不免跌倒,不免受伤,可就算再...
    猫三角看世界阅读 545评论 0 3
  • 抗洪是一场战争,既然是战争,就应该要有结果,定出胜负。 这次,依旧没有意外,我们赢了。 今天,是我所在单位凯旋的日...
    弘毅剑心阅读 222评论 4 4