HTML块级标签汇总(小篇)


Posted in HTML / CSS onJuly 13, 2016

块级元素,简单来说,就是自己独占一行的元素。其特点

①总是在新行上开始;

 ②高度,行高以及外边距和内边距都可控制;

 ③宽度缺省是它的容器的100%,除非设定一个宽度。

④它可以容纳内联元素和其他块元素

汇总代码如下:

XML/HTML Code复制内容到剪贴板
  1. <!doctype html>  
  2. <html>  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Document</title>  
  6. </head>  
  7. <body>  
  8.     <!-- 块状元素 独占一行 -->  
  9.     <!-- div无语义,称它为盒子 -->  
  10.     <div>盒子</div>  
  11.     <!-- h1-h6语义 定义标题 -->  
  12.     <h1>标题1</h1>  
  13.     <h2>标题2</h2>  
  14.     <h6>标题3</h6>  
  15.     <!-- p 语义 段落标签 写文字-->  
  16.     <p>文章</p>  
  17.     <!-- 列表多数用来存一系列的相似的数据 -->  
  18.     <!-- 有序列表 -->  
  19.     <ol>  
  20.         <li>导航1</li>  
  21.         <li>导航2</li>  
  22.         <li>导航3</li>  
  23.     </ol>  
  24.     <!-- 无序列表 -->  
  25.     <ul>  
  26.         <li>导航1</li>  
  27.         <li>导航2</li>  
  28.         <li>导航3</li>  
  29.     </ul>  
  30.     <!-- 定义列表 解释某个名词 -->  
  31.     <dl>  
  32.         <dt>名词</dt>  
  33.         <dd>解释名词的位置</dd>  
  34.     </dl>  
  35.     <!-- 表格 渲染性能不好 少用 -->  
  36.     <table>  
  37.         <caption>表格头部</caption>  
  38.         <!-- tr是行 -->  
  39.         <tr>  
  40.             <!-- th表头 -->  
  41.             <th>星期一</th>  
  42.             <th>星期二</th>  
  43.         </tr>  
  44.         <tr>  
  45.             <!-- td单元格 -->  
  46.             <td>上课</td>  
  47.             <td>上课</td>  
  48.         </tr>  
  49.     </table>  
  50. </body>  
  51. </html>  

以上所述是小编给大家介绍的HTML块级标签汇总(小篇),如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

HTML / CSS 相关文章推荐
CSS3弹性布局内容对齐(justify-content)属性使用详解
Jul 31 HTML / CSS
css3新增颜色表示方式分享
Apr 15 HTML / CSS
使用CSS3实现圆角,阴影,透明
Dec 23 HTML / CSS
一款基于css3麻将筛子3D翻转特效的实例教程
Dec 31 HTML / CSS
用CSS3实现无限循环的无缝滚动的实例代码
Jul 04 HTML / CSS
CSS3 实现发光边框特效
Nov 11 HTML / CSS
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
Jan 09 HTML / CSS
HTML5对比HTML4的主要改变和改进总结
May 27 HTML / CSS
使用HTML5里的classList操作CSS类
Jun 28 HTML / CSS
Canvas绘制浮动球效果的示例
Dec 29 HTML / CSS
canvas裁剪clip()函数的具体使用
Mar 01 HTML / CSS
使用Html5中的cavas画一面国旗
Sep 25 HTML / CSS
HTML5进阶段内联标签汇总(小篇)
Jul 13 #HTML / CSS
关于HTML5语义标签的实践(blog页面)
Jul 12 #HTML / CSS
HTML5学习心得总结(推荐)
Jul 08 #HTML / CSS
HTML5之语义标签介绍
Jul 07 #HTML / CSS
HTML5之tabindex属性全面解析
Jul 07 #HTML / CSS
用html5的canvas和JavaScript创建一个绘图程序的简单实例
Jul 06 #HTML / CSS
HTML5本地存储之Web Storage详解
Jul 04 #HTML / CSS
You might like
PHP和Mysqlweb应用开发核心技术-第1部分 Php基础-2 php语言介绍
2011/07/03 PHP
thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法
2015/05/21 PHP
PHP全功能无变形图片裁剪操作类与用法示例
2017/01/10 PHP
Javascript 页面模板化很多人没有使用过的方法
2012/06/05 Javascript
JavaScript中使用Substring删除字符串最后一个字符
2013/11/03 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
jQuery获取file控件中图片的宽高与大小
2016/08/04 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
Vue.js实现拖放效果的实例
2016/09/30 Javascript
浅谈webpack组织模块的原理
2018/03/10 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
[39:19]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第二场 11.26
2020/11/30 DOTA
Python类方法__init__和__del__构造、析构过程分析
2015/03/06 Python
Python实现从URL地址提取文件名的方法
2015/05/15 Python
Python使用turtule画五角星的方法
2015/07/09 Python
python对DICOM图像的读取方法详解
2017/07/17 Python
Python学习之用pygal画世界地图实例
2017/12/07 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
深入了解Python枚举类型的相关知识
2019/07/09 Python
Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
2020/01/25 Python
Python如何访问字符串中的值
2020/02/09 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
python多线程实现同时执行两个while循环的操作
2020/05/02 Python
python mysql自增字段AUTO_INCREMENT值的修改方式
2020/05/18 Python
Python函数递归调用实现原理实例解析
2020/08/11 Python
Python return语句如何实现结果返回调用
2020/10/15 Python
python中time.ctime()实例用法
2021/02/03 Python
小程序canvas中文字设置居中锚点
2019/04/16 HTML / CSS
伦敦平价潮流珠宝首饰品牌:Astrid & Miyu
2016/10/10 全球购物
劳资员岗位职责
2013/11/11 职场文书
党校培训思想汇报
2014/01/03 职场文书
2014年扶贫帮困工作总结
2014/12/09 职场文书
《卖火柴的小女孩》教学反思
2016/02/19 职场文书
公司周年庆寄语
2019/06/21 职场文书