首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 HTML / CSS

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块级标签汇总（小篇）

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

HTML / CSS 相关文章推荐
深入解读CSS3中transform变换模型的渲染
May 27 HTML / CSS
使用CSS3来实现滚动视差效果的教程
Aug 24 HTML / CSS
非常震撼的纯CSS3人物行走动画
Feb 24 HTML / CSS
CSS3实现伪类hover离开时平滑过渡效果示例
Aug 10 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
Dec 27 HTML / CSS
html5中svg canvas和图片之间相互转化思路代码
Jan 24 HTML / CSS
html5各种页面切换效果和模态对话框用法总结
Dec 15 HTML / CSS
利用HTML5 Canvas制作一个简单的打飞机游戏
May 11 HTML / CSS
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
Oct 23 HTML / CSS
phonegap常用事件总结(必看篇)
Mar 31 HTML / CSS
详解三种方式实现平滑滚动页面到顶部的功能
Apr 23 HTML / CSS
CSS中理解层叠性及权重如何分配
Dec 24 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
LINUX面试题(83) Oracle面试题(81) EJB面试题(46) 软件工程师面试题(40) UNIX面试题(27) MySQL面试题(19) PYTHON面试题(27) 软件测试工程师面试题(53) Javascript面试题(44) Servlet面试题(20)
You might like
php 什么是PEAR？(第二篇)
2009/03/19 PHP
php 遍历数据表数据并列表横向排列的代码
2009/09/05 PHP
PHP优于Node.js的五大理由分享
2012/09/15 PHP
PHP递归删除目录几个代码实例
2014/04/21 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
ExtJS扩展 垂直tabLayout实现代码
2009/06/21 Javascript
JS遮罩层效果 兼容ie firefox jQuery遮罩层
2010/07/26 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
2017/01/05 Javascript
node.js实现回调的方法示例
2017/03/01 Javascript
Bootstrap显示与隐藏简单实现代码
2017/03/06 Javascript
js中DOM三级列表（代码分享）
2017/03/20 Javascript
详解Webpack实战之构建 Electron 应用
2017/12/25 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
NodeJS多种创建WebSocket监听的方式(三种)
2020/06/04 NodeJs
vue动态设置路由权限的主要思路
2021/01/13 Vue.js
python实现井字棋游戏
2020/03/30 Python
Python实现TCP协议下的端口映射功能的脚本程序示例
2016/06/14 Python
python读取与写入csv格式文件的示例代码
2017/12/16 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
详解Python 函数如何重载？
2019/04/23 Python
numpy.where() 用法详解
2019/05/27 Python
python分数表示方式和写法
2019/06/26 Python
Python matplotlib学习笔记之坐标轴范围
2019/06/28 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
opencv 实现特定颜色线条提取与定位操作
2020/06/02 Python
用python查找统一局域网下ip对应的mac地址
2021/01/13 Python
美国最大的宠物用品零售商：PetSmart
2016/11/14 全球购物
英国男士时尚网站：Dandy Fellow
2018/02/09 全球购物
什么是serialVersionUID
2016/03/04 面试题
销售行政专员职责
2014/01/03 职场文书
新学期校长寄语
2014/01/18 职场文书
教师通用专业自荐书范文
2014/02/11 职场文书
2015年世界艾滋病日活动总结
2015/03/24 职场文书
我的1919观后感
2015/06/03 职场文书
Java使用HttpClient实现文件下载
2022/08/14 Java/Android