HTML标签总结

作者: gyc0530 | 来源:发表于2016-12-26 16:28 被阅读147次

今天有机会将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>:定义对象的参数


相关文章

  • HTML中的meta标签常用属性及作用

    文章参考: HTML meta标签总结与属性使用介绍 和 HTML中的meta标签常用属性及其作用总结 在ht...

  • HTML标签总结

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

  • html meta标签使用总结

    参考文章:html meta标签使用总结

  • 16、HTML5新增标签

    上文仅对一些新标签进行总结,更多详细的HTML标签和HTML5标签,请参照此处;

  • 有关HTML的标签总结

    以下为HTML标签总结的思维导图:

  • innerHTML与innerText

    总结:innerHTML可以识别HTML标签;innerText不识别

  • HTML常用标签总结

    HTML 常用的标签 在讲HTML常用标签之前,我们先认识下HTML。 HTML,超文本标记语言(英语:Hyper...

  • HTML标签大总结

    上礼拜刚刚接了一个新班,他们刚来没多长时间,但已经换了三个老师了,再教他们的过程中发现基础知识掌握并不牢固,所以今...

  • HTML标签分类总结

    要回家了有点按捺不住心里的躁动,来点简单轻松的话题。 先祭出一张导图 日常安利工具,不想去买/破解xmind可以使...

  • HTML标签使用总结

    1.head标签 meta 标签a: 主要用来设置编码格式 可以解决乱码问题b: c: title 标签 设...

网友评论

    本文标题:HTML标签总结

    本文链接:https://www.haomeiwen.com/subject/amfjvttx.html