HTML标签大全
标签 描述 标签类型 备注
<!--...--> 定义注释 / 单标签
<!DOCTYPE> 定义文档类型 / 单标签
<head></head> 文档标题以及其他不在WEB网页上显示的信息 块级元素 双标签
<body></body> 定义文档内容主体 块级元素 双标签
<title></title> 定义文档的标题 / 双标签
<header></header> 定义内容的页眉 块级元素 双标签  H5
<footer></footer> 定义内容的页脚 块级元素 双标签  H5
<nav></nav> 定义内容的导航 块级元素 双标签  H5
<style></style> 定义文档的样式信息 / 双标签
<link> 定义文档与外部资源的关系 / 单标签
<meta> 定义 HTML 文档的元信息 / 单标签
<h1></h1> 标题字大小（h1~h6） 块级元素 双标签
<b></b>  粗体字 行内元素 双标签
<strong></strong> 粗体字(强调) 行内元素 双标签
<i></i>  斜体字 行内元素 双标签
<em></em>  斜体字(强调) 行内元素 双标签
<center></center>  居中文本 块级元素 双标签
<ol></ol> 有序列表 块级元素 双标签
<ul></ul> 无序列表  块级元素 双标签
<li></li> 列表项目 块级元素 双标签
<a href=”…”></a>  超链接 行内元素 双标签
<font></font> 定义文本字体尺寸、颜色、大小 行内元素 双标签
<sub></sub> 下标 行内元素 双标签
 <sup> </sup> 上标 行内元素 双标签
<br />  换行 行内元素 单标签
<p></p>   段落 块级元素 双标签
<pre></pre> 预先格式化文本  块级元素 双标签
<map></map> 定义图像映射。 行内块元素 双标签
<table></table> 定义表格 块级元素 双标签
<th></th> 定义表格中的表头单元格 / 双标签
<tr></tr> 定义表格中的行 / 双标签
<td></td> 定义表格中的列 / 双标签
<form></form> 定义供用户输入的 HTML 表单 块级元素 双标签
<frame> 定义框架集的窗口或框架。 / 单标签
<img src=’”…” /> 定义图像 行内块元素 单标签
<hr />  水平线 块级元素 单标签
<aside></aside> 标签定义其所处内容之外的内容。 块级元素 双标签  H5
<button></button> 定义按钮 行内块元素 双标签
<input /> 定义输入控件。 行内块元素 单标签
<script></script> 定义客户端脚本。 行内块元素 双标签
<del></del> 定义被删除文本。 行内快元素 双标签
<rt></rt> 定义 ruby 注释的解释。 行内元素 双标签  H5
<ruby><ruby> 定义 ruby 注释。 行内元素 双标签  H5
 <textarea> </textarea> 定义多行的文本输入控件。 行内元素 双标签
<video></video> 定义视频，比如电影片段或其他视频流。 / 双标签  H5
<canvas></canvas> 定义图形，比如图表和其他图像。   双标签  H5
<fieldset></fieldset> 可将表单内的相关元素分组。 块级元素 双标签

块级、行内块、行内的区别

块级元素：

　　*独占一行，宽度自动填满；

　　*可以设置width、height属性；

　　*设置了宽度也是独占一行，

　　*可以设置margin、padding属性；

　

行内元素：

　　*不会独占一行，相邻的行内元素在一行里，

　　  直到行排不下就自动换行

　　*其宽度随内容而变化；

　　*width、height属性则无效；

　　*行内元素的margin、padding属性很奇怪，

　　  水平方向的left、rigtht都会产生边距效果，

　　  但是竖直方向的top、bottom却不产生边距效果。

行内块元素：

　　*和行内元素相似，它也是根据内容改变宽度

　　   但是他可以改变宽度。

【HTML_标签大全】的更多相关文章

  1. meta标签大全

    meta标签大全 <!--     x-ua-compatible(浏览器兼容模式)     仅对IE8+以效     告诉浏览器以什么版本的IE的兼容模式来显示网页     <meta ...

  2. 【转】Html标签大全

     Html标签大全 2013-07-05 18:22:33 分类: Python/Ruby Html标签大全 <a></a> 超文本链接 <a href="UR ...

  3. 常用的html标签大全

    html标签大全 一.文字 1.标题文字 <h#>..........</h#> #=1~6:h1为最大字,h6为最小字 2.字体变化 <font>........ ...

  4. dedecms标签大全

    今天用了1个小时的时间整理了dedecms标签大全,非常经典,非常经典的织梦dedecms标签,希望对大家制作dedecms网站有帮助      channel_____栏目   dede_arcty ...

  5. meta标签大全（荐）

    html的meta总结(常用) 1.Meta标签大全 <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最 ...

  6. HTML基础标签大全

    HTML 标签大全及属性 常用的块级元素有 :div , from , table, p ,pre,h1-h5,dl,ol,ul 常用的内联元素:span ,a ,strong,em ,label , ...

  7. 【jsp】JSTL标签大全详解

    一.JSTL标签介绍 1.什么是JSTL? JSTL是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言!JSTL标签使用以来非常方便,它与JSP动作标签一样,只不过它不是 ...

  8. 织梦dedecms标签大全总结

    织梦dedecms标签大全总结,同时还建议多参考dede默认模板,织梦默认模板上的标签还是很有参考价值的. dedecms系统参数全局标签,在后台系统设置里可以看到这个参数 网站名称:{dede:gl ...

  9. POM标签大全详解

    父(Super) POM <project xmlns = "http://maven.apache.org/POM/4.0.0" xmlns:xsi = "htt ...

随机推荐

  1. 以List为例浅谈C#的学习方法

    前言:关于学习方法的讨论其实是个比较模糊的概念,对于List的介绍的资料其实已经很多了,但是一般是介绍List本身,我打算分享的是,以温故List为例,来获取新知识的这么一个过程.这里的新知识也不是什 ...

  2. Sphinx学习笔记2

    因为网站搜索的需要,启动了一个搜索引擎项目,其实也算不上完整的搜索引擎,需求很简单,如下:     1)搜索产品名.类别名.品牌名.副标题.关键字等字段     2)数据量目前为13000左右,未来可 ...

  3. CentOS中安装配置Nginx

    一.安装Nginx '首先我们需要在nginx官网中下载nginx安装包,在这就下载最新版 nginx-1.13.7版本 下载完成以后我们进入下载页面进行查看 下载文件目录为 home/userNam ...

  4. 《TCP-IP详解卷3：TCP 事务协议、HTTP、NNTP和UNIX域协议》【PDF】下载

    TCP-IP详解卷3:TCP 事务协议.HTTP.NNTP和UNIX域协议>[PDF]下载链接: https://u253469.pipipan.com/fs/253469-230062539 ...

  5. 面试题汇总--数据储存／应用程序／UI控件／客户端的安全性与框架处理。。。

    一 数据储存  1.如果后期需要增加数据库中的字段怎么实现,如果不使用 CoreData 呢?编写 SQL 语句来操作原来表中的字段1)增加表字段ALTER TABLE 表名 ADD COLUMN 字 ...

  6. js实现文字逐个出现动效

    效果 首先看下效果,这是在h5页面中常见的一中文字展现方式,那么是怎么实现的呢?其实很简单 思路 用一个定时器将预制的文字通过.substring(0, i)方法不断的赋给要显示的区域,i在定时器里面 ...

  7. php-迭代创建级联目录

    方法一代码: path = './a/b/c/d/e/f'; $path_arr = explode('/',$path);//得到数组array('.','a','b','c','d','e','f ...

  8. Java NIO （二） 缓冲区（Buffer）

    缓冲区(Buffer):一个用于特定基本数据类型的容器,由 java.nio 包定义的,所有缓冲区都是 Buffer 抽象类的子类. Java NIO 中的Buffer 主要用于和NIO中的通道(Ch ...

  9. 学会C sharp计算机编程语言 轻松开发财务、统计软件

    就像人们用同一种语言才可以顺畅交流一样,语言是计算机编程的根本,是IT世界交流的工具.运用这些计算机语言,人们可以创造出一个美妙的世界.你点击某个网页或是安装一个应用程序软件,这简简单单动作的背后,就 ...

  10. Webpack 2 视频教程 016 - Webpack 2 中生成 SourceMaps

    原文发表于我的技术博客 这是我免费发布的高质量超清「Webpack 2 视频教程」. Webpack 作为目前前端开发必备的框架,Webpack 发布了 2.0 版本,此视频就是基于 2.0 的版本讲 ...