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动画过渡实现鼠标跟随导航效果
Feb 08 HTML / CSS
移动Web—CSS为Retina屏幕替换更高质量的图片
Dec 24 HTML / CSS
CSS3 input框的实现代码类似Google登录的动画效果
Aug 04 HTML / CSS
HTML5 用动画的表现形式装载图像
Mar 08 HTML / CSS
HTML5 本地存储之如果没有数据库究竟会怎样
Apr 25 HTML / CSS
HTML5各种头部meta标签的功能(推荐)
Mar 13 HTML / CSS
HTML5实现移动端复制功能
Apr 19 HTML / CSS
利用Storage Event实现页面间通信的示例代码
Jul 26 HTML / CSS
HTML文本属性&amp;颜色控制属性的实现
Dec 17 HTML / CSS
html+css实现环绕倒影加载特效
Jul 07 HTML / CSS
css3中2D转换之有趣的transform形变效果
Feb 24 HTML / CSS
HTML中的表格元素介绍
Feb 28 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隐形一句话后门,和ThinkPHP框架加密码程序(base64_decode)
2011/11/02 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
键盘 keycode的值 javascript时触发事件时很有用的要素
2009/11/02 Javascript
jQuery 处理表单元素的代码
2010/02/15 Javascript
jQuery 操作下拉列表框实现代码
2010/02/22 Javascript
javascript强大的日期函数代码分享
2013/09/04 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
2013/10/17 Javascript
jQuery浏览器CSS3特写兼容实例
2015/01/19 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
JS实现黑色大气的二级导航菜单效果
2015/09/18 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
jquery实现左右无缝轮播图
2020/07/31 Javascript
基于Bootstrap实现图片轮播效果
2016/05/22 Javascript
JS无缝滚动效果实现方法分析
2016/12/21 Javascript
nodejs使用express获取get和post传值及session验证的方法
2017/11/09 NodeJs
用Electron写个带界面的nodejs爬虫的实现方法
2019/01/29 NodeJs
小程序两种滚动公告栏的实现方法
2019/09/17 Javascript
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
探索浏览器页面关闭window.close()的使用详解
2020/08/21 Javascript
解决vue watch数据的方法被调用了两次的问题
2020/11/07 Javascript
vscode自定义vue模板的实现
2021/01/27 Vue.js
简单的通用表达式求10乘阶示例
2014/03/03 Python
python查找目录下指定扩展名的文件实例
2015/04/01 Python
ubuntu安装mysql pycharm sublime
2018/02/20 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
对Python中一维向量和一维向量转置相乘的方法详解
2019/08/26 Python
python 数据提取及拆分的实现代码
2019/08/26 Python
Python3.7黑帽编程之病毒篇(基础篇)
2020/02/04 Python
销售会计工作职责
2013/12/02 职场文书
购房意向书
2014/04/01 职场文书
辞职信模板(中英文版)
2015/02/27 职场文书
小学毕业感言100字
2015/07/30 职场文书
Redis 常见使用场景
2021/08/30 Redis
Python使用socket去实现TCP客户端和TCP服务端
2022/04/12 Python
Java对文件的读写操作方法
2022/04/29 Java/Android