首页
所有分类
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 position fixed固定居中问题解决方案
Aug 19 HTML / CSS
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
Nov 17 HTML / CSS
HTML5里autofocus自动聚焦属性使用介绍
Jun 22 HTML / CSS
HTML5中FileReader接口使用方法实例详解
Aug 26 HTML / CSS
HTML5实时语音通话聊天MP3压缩传输3KB每秒
Aug 28 HTML / CSS
html5设计原理(推荐收藏)
May 17 HTML / CSS
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
Aug 31 HTML / CSS
深入解析HTML5 Canvas控制图形矩阵变换的方法
Mar 24 HTML / CSS
html5中audio支持音频格式的解决方法
Aug 24 HTML / CSS
Canvas系列之滤镜效果
Feb 12 HTML / CSS
Web前端：CSS最强总结 附详细代码
Mar 31 HTML / CSS
html+css实现赛博朋克风格按钮
May 26 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
OpenLayer(1) android studio(3) 移动开发(2) 嵌套(1) 二维数组(2) 查找算法(1) 分块(1) 安卓(1) 循环(3) IDEA(2)
You might like
浅析is_writable的php实现
2013/06/18 PHP
php去除HTML标签实例
2013/11/06 PHP
非常经典的PHP文件上传类分享
2016/05/15 PHP
CI框架的安全性分析
2016/05/18 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
How to Auto Include a Javascript File
2007/02/02 Javascript
DIV外区域Click后关闭DIV的实现代码
2011/12/21 Javascript
jQuery拖拽div实现思路
2014/02/19 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
jQuery中dom元素上绑定的事件详解
2015/04/24 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
JS实现环形进度条（从0到100%）效果
2016/07/05 Javascript
AngularJs 延时器、计时器实例代码
2017/09/16 Javascript
ES6中字符串string常用的新增方法小结
2017/11/07 Javascript
ReactNative中使用Redux架构总结
2017/12/15 Javascript
linux 后台运行node服务指令方法
2018/05/23 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
2019/03/13 jQuery
[03:53]2016国际邀请赛中国区预选赛第三日TOP10精彩集锦
2016/06/29 DOTA
[51:00]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python创建文件和追加文件内容实例
2014/10/21 Python
python测试mysql写入性能完整实例
2018/01/18 Python
在PyCharm中批量查找及替换的方法
2019/01/20 Python
pymongo中group by的操作方法教程
2019/03/22 Python
Python单元和文档测试实例详解
2019/04/11 Python
解决Keras自带数据集与预训练model下载太慢问题
2020/06/12 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
三星新西兰官网：Samsung新西兰
2019/03/05 全球购物
中职生自我鉴定范文
2013/10/03 职场文书
客服专员岗位职责
2014/02/28 职场文书
2014企业年终工作总结
2014/12/23 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
Python Django项目和应用的创建详解
2021/11/27 Python
MySQL创建管理HASH分区
2022/04/13 MySQL