【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_标签大全】的更多相关文章
- meta标签大全
meta标签大全 <!-- x-ua-compatible(浏览器兼容模式) 仅对IE8+以效 告诉浏览器以什么版本的IE的兼容模式来显示网页 <meta ...
- 【转】Html标签大全
Html标签大全 2013-07-05 18:22:33 分类: Python/Ruby Html标签大全 <a></a> 超文本链接 <a href="UR ...
- 常用的html标签大全
html标签大全 一.文字 1.标题文字 <h#>..........</h#> #=1~6:h1为最大字,h6为最小字 2.字体变化 <font>........ ...
- dedecms标签大全
今天用了1个小时的时间整理了dedecms标签大全,非常经典,非常经典的织梦dedecms标签,希望对大家制作dedecms网站有帮助 channel_____栏目 dede_arcty ...
- meta标签大全(荐)
html的meta总结(常用) 1.Meta标签大全 <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最 ...
- HTML基础标签大全
HTML 标签大全及属性 常用的块级元素有 :div , from , table, p ,pre,h1-h5,dl,ol,ul 常用的内联元素:span ,a ,strong,em ,label , ...
- 【jsp】JSTL标签大全详解
一.JSTL标签介绍 1.什么是JSTL? JSTL是apache对EL表达式的扩展(也就是说JSTL依赖EL),JSTL是标签语言!JSTL标签使用以来非常方便,它与JSP动作标签一样,只不过它不是 ...
- 织梦dedecms标签大全总结
织梦dedecms标签大全总结,同时还建议多参考dede默认模板,织梦默认模板上的标签还是很有参考价值的. dedecms系统参数全局标签,在后台系统设置里可以看到这个参数 网站名称:{dede:gl ...
- POM标签大全详解
父(Super) POM <project xmlns = "http://maven.apache.org/POM/4.0.0" xmlns:xsi = "htt ...
随机推荐
- 分享一个开源免费、目前最好的API接口管理平台----eoLinker
一.概况 eoLinker 是目前业内领先.国内最大的在线 API 接口管理平台,提供自动生成 API 文档.API 自动化测试.Mock 测试.团队协作等功能,旨在解决由于前后端分离导致的开发效率低 ...
- gearman学习笔记1
1.简介 gearman是一个分布式开发框架,适合处理一些必须处理但是不影响主流程的操作,比如保存日志.发送邮件.缩略图片等.最早是基于perl语言的,2008年发布的时候改为C++语言开 ...
- iOS超全开源框架、项目和学习资料汇总--数据库、缓存处理、图像浏览、摄像照相视频音频篇
iOS超全开源框架.项目和学习资料汇总--数据库.缓存处理.图像浏览.摄像照相视频音频篇 感谢:Ming_en_long 的分享 大神超赞的集合,http://www.jianshu.com/p/f3 ...
- Tableau Desktop 10.4.2 的安装和激活
在安装之前,首先我们要弄清楚Tableau是个什么鬼东西,我们为什么需要安装这款软件? Tableau将数据运算与美观的图表完美地嫁接在一起.它的程序很容易上手,各公司可以用它将大量数据拖放到数字&q ...
- splay小结—植树结
我要把高级数据结构当爸爸了... ...弱到跪烂了. splay,二叉搜索树的一种,具有稳定变形功能. 二叉搜索树:对于一个节点,都只有不超过2个孩子.其左子树内的点的权值都比这个点小,右子树的点的权 ...
- hashlib 简单加密
import hashlib def md5(arg):#这是加密函数 md5_pwd = hashlib.md5(bytes('meac',encoding='utf-8')) md5_pwd.up ...
- java基础->循环
while循环 格式: while(条件表达式) { // 条件表达式其实就是一个结果为boolean类型的代码 循环体; } 执行流程: 先判断条件表达式的值, 如果为true就执行循环体,执行 ...
- linux下新建svn项目
1.新建项目svnadmin create /mnt/fbdisk/svn/newproject 2.会在svn下面建立newproject目录total 24drwxr-xr-x 2 root ro ...
- 解析JSON的两种方法eval()和JSON.parse()
解析JSON 一种方法是使用eval函数. var dataObj = eval("("+json+")"); 必须把文本包围在括号中,这样才能避免语法错误,迫 ...
- 小白的Python之路 day4 软件目录结构规范
软件目录结构规范 为什么要设计好目录结构? "设计项目目录结构",就和"代码编码风格"一样,属于个人风格问题.对于这种风格上的规范,一直都存在两种态度: 一类同 ...