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 相关文章推荐
详解通过变换矩阵实现canvas的缩放功能
Jan 14 HTML / CSS
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
Jan 09 HTML / CSS
利用HTML5的新特点实现图片文件异步上传
May 29 HTML / CSS
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
Jun 23 HTML / CSS
html5定位获取当前位置并在百度地图上显示
Aug 22 HTML / CSS
html5摇一摇代码优化包括DeviceMotionEvent等等
Sep 01 HTML / CSS
html5页面结构_动力节点Java学院整理
Jul 10 HTML / CSS
配置H5的滚动条样式的示例代码
Mar 09 HTML / CSS
canvas绘图按照contain或者cover方式适配并居中显示
Feb 18 HTML / CSS
浅析HTML5中的download属性使用
Mar 13 HTML / CSS
详解三种方式实现平滑滚动页面到顶部的功能
Apr 23 HTML / CSS
纯CSS实现一个简单步骤条的示例代码
Jul 15 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网站安装程序制作的原理、步骤、注意事项和示例代码
2010/08/01 PHP
php debug 安装技巧
2011/04/30 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
刷新PHP缓冲区为你的站点加速
2015/10/10 PHP
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
jQuery实现购物车表单自动结算效果实例
2015/08/10 Javascript
基于Vue.js的表格分页组件
2016/05/22 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
2016/12/13 Javascript
微信小程序三级联动地址选择器的实例代码
2017/07/12 Javascript
javascript 通过键名获取键盘的keyCode方法
2017/12/31 Javascript
js操作二进制数据方法
2018/03/03 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python入门篇之条件、循环
2014/10/17 Python
Python实现的中国剩余定理算法示例
2017/08/05 Python
Python实现加载及解析properties配置文件的方法
2018/03/29 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
python解析xml简单示例
2019/06/21 Python
jupyter notebook 增加kernel教程
2020/04/10 Python
python TCP包注入方式
2020/05/05 Python
python中pow函数用法及功能说明
2020/12/04 Python
世界上最大的网络主机公司:1&1
2016/10/12 全球购物
美国在线家居装饰店:Belle&June
2018/10/24 全球购物
纽约市的奢华内衣目的地:Anya Lust
2019/08/02 全球购物
物流管理毕业生自荐信
2013/10/24 职场文书
软件部经理岗位职责范本
2014/02/25 职场文书
股东授权委托书
2014/10/15 职场文书
五年级小学生评语
2014/12/26 职场文书
党员个人自我评价
2015/03/03 职场文书
销售合作意向书范本
2015/05/08 职场文书
幼儿园新学期开学寄语
2015/05/27 职场文书
Django开发RESTful API实现增删改查(入门级)
2021/05/10 Python