编程 HTML / CSS

HTML块级标签汇总（小篇）

Posted in HTML / CSS onJuly 13, 2016

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

①总是在新行上开始；

　②高度，行高以及外边距和内边距都可控制；

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

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

汇总代码如下：

XML/HTML Code复制内容到剪贴板

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>盒子</div>
<h1>标题1</h1>
<h2>标题2</h2>
<h6>标题3</h6>
<p>文章</p>
<ol>
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
</ol>
<ul>
<li>导航1</li>
<li>导航2</li>
<li>导航3</li>
</ul>
<dl>
<dt>名词</dt>
<dd>解释名词的位置</dd>
</dl>
<table>
<caption>表格头部</caption>
<tr>
<th>星期一</th>
<th>星期二</th>
</tr>
<tr>
<td>上课</td>
<td>上课</td>
</tr>
</table>
</body>
</html>

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

HTML块级标签汇总（小篇）

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

HTML / CSS 相关文章推荐

image-set实现Retina屏幕下图片显示详细介绍

Dec 24 HTML / CSS

CSS3简单实现照片墙

Dec 12 HTML / CSS

CSS3实现酷炫的3D旋转透视效果

Nov 21 HTML / CSS

css3遮罩层镂空效果的多种实现方法

May 11 HTML / CSS

探究 canvas 绘图中撤销（undo）功能的实现方式详解

May 17 HTML / CSS

详解前端HTML5几种存储方式的总结

Dec 27 HTML / CSS

canvas 实现 github404动态效果的示例代码

Nov 15 HTML / CSS

HTML5 图片预加载的示例代码

Mar 25 HTML / CSS

Html5在手机端调用相机的方法实现

May 13 HTML / CSS

简单介绍 http请求响应参数、无连接无状态、MIME、状态码、端口、telnet、curl

Mar 31 HTML / CSS

CSS3新特性详解(五)：多列columns column-count和flex布局

Apr 30 HTML / CSS

HTML+css盒子模型案例(圆，半圆等)“border-radius” 简单易上手

May 10 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数组函数序列之array_sum() - 计算数组元素值之和

2011/10/29 PHP

xss防御之php利用httponly防xss攻击

2014/03/21 PHP

自己写的兼容低于PHP 5.5版本的array_column()函数

2014/10/24 PHP

thinkphp的URL路由规则与配置实例

2014/11/26 PHP

tp5.1 框架join方法用法实例分析

2020/05/26 PHP

javascript动态设置样式style实例分析

2015/05/13 Javascript

jQuery zclip插件实现跨浏览器复制功能

2015/11/02 Javascript

JavaScript必知必会（二) null 和undefined

2016/06/08 Javascript

jquery中的常见问题及快速解决方法小结

2016/06/14 Javascript

JQuery和HTML5 Canvas实现弹幕效果

2017/01/04 Javascript

Bootstrap框架安装使用详解

2017/01/21 Javascript

JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码

2017/09/23 jQuery

浅谈nuxtjs校验登录中间件和混入(mixin)

2020/11/06 Javascript

举例讲解Python中的算数运算符的用法

2015/05/13 Python

Python字符串逐字符或逐词反转方法

2015/05/21 Python

Python3访问并下载网页内容的方法

2015/07/28 Python

node.js获取参数的常用方法(总结)

2017/05/29 Python

Python生成数字图片代码分享

2017/10/31 Python

python 中的list和array的不同之处及转换问题

2018/03/13 Python

python实现树形打印目录结构

2018/03/29 Python

python中字符串变二维数组的实例讲解

2018/04/03 Python

Python中pandas dataframe删除一行或一列:drop函数详解

2018/07/03 Python

Pytorch mask_select 函数的用法详解

2020/02/18 Python

关于Python 中的时间处理包datetime和arrow的方法详解

2020/03/19 Python

Python使用paramiko连接远程服务器执行Shell命令的实现

2021/03/04 Python

45个非常奇妙的CSS3 特性应用示例

2012/01/01 HTML / CSS

如何避免常见的6种HTML5错误用法

2017/11/06 HTML / CSS

巴西购物网站：Estrela10

2018/12/13 全球购物

世界上最大的铁人三项商店：Tri UK

2020/11/04 全球购物

高三自我鉴定

2013/10/23 职场文书

服务生自我鉴定

2014/01/22 职场文书

计算机系统管理员求职信

2014/06/20 职场文书

市级三好学生事迹材料

2014/08/27 职场文书

2014年向国旗敬礼活动总结

2014/09/27 职场文书

掌握这项技巧，一年阅读300本书不是梦

2019/09/12 职场文书

Vue图片裁剪组件实例代码

2021/07/02 Vue.js