如图所示，a标签、i标签和span标签都是行内元素，p和h1标签都是块级元素，img则是行内块元素。

块级元素

一般来讲，块级元素总会占据一行的空间，也就是说写在块级元素后面的内容会自动换行，另起一行排列，块级元素里面可以包含其他的块级元素和行内元素，常见的块级标签有div、ul、li等，需要注意的是ul和ol里一般包含的是li标签，li标签里面再包含其他元素。

行内元素

不能自行设置宽高，宽高由内容决定，且在没有特殊情况下不会自己换行，一个行内元素只占据它对应标签的边框所包含的空间。一般情况下只能包含数据或者其他行内元素。常见有span、i、a等标签。

行内块元素

基本和块级元素一样，可以设置宽高，但是不会自动换行，默认排列顺序为从左到右，从上到下，经常用到的就有img标签。

HTML学习笔记-----行内元素、块级元素和行内块元素相关推荐

mysql行级安全_MySQL学习笔记(五)：MySQL表级锁和行级锁
一:概述相对其他数据库而言,MySQL的锁机制比较简单,其最显著的特点是不同的存储引擎支持不同的锁机制.比如,MyISAM和MEMORY存储引擎采用的是表级锁(table-level locking ...
html标签的显示模式（块级标签，行内标签，行内块标签）（转）
html标签的显示模式(块级标签,行内标签,行内块标签) 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用, ...
html标签的显示模式（块级标签，行内标签，行内块标签）
今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签.那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用,比如宽.高.水平居中等,其实这个属性的使用只有在块级标签上 ...
ARMV8 datasheet学习笔记3：AArch64应用级体系结构
1.前言本文主要从应用的角度介绍ARMV8的编程模型和存储模型 2. AArch64应用级编程模型从应用的角度看到的ARM处理器元素: 可见的元素(寄存器/指令) 说明可见的寄存器 R0-R30 ...
js模仿块级作用域（js没有块级作用域私有作用域）
js模仿块级作用域(js没有块级作用域私有作用域) 一.总结 1.js没有块级作用域:在for循环中定义的i,出了for循环还是有这个i变量 2.js可以模拟块级作用域:用立即执行的匿名函数:(匿名函 ...
html中哪些属于块级标记,html行级标记和块级标记都有哪些?
内联元素(行内元素) 内联元素(inline element) * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi overr ...
《深入理解计算机系统》学习笔记：程序的机器级表示
目录概述一.历史观点二.程序编码 2.1.机器级代码 2.2.代码示例 2.3.关于格式的注解三.数据格式四.访问信息 4.1.操作符指示符 4.2.数据传送指令 4.2.1.源操作数和目的 ...
ES6学习笔记（五）：轻松了解ES6的内置扩展对象
前面分享了四篇有关ES6相关的技术,如想了解更多,可以查看以下连接 <ES6学习笔记(一):轻松搞懂面向对象编程.类和对象> <ES6学习笔记(二):教你玩转类的继承和类的对象> ...
Web前端学习笔记——JavaScript之WEBAPI、BOM、DOM及获取页面元素
Web API介绍 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访 ...
VB.NET学习笔记：操作数据集DataSet中DataTable数据行(DataRow)——新增、插入、复制、克隆
通常我们都知道可以使用OleDbDataAdapter对象的Fill方法从数据源检索数据并填充DataSet 中的DataTable,其实我们也可以人工为DataTable添加DataRow. 一.R ...

HTML学习笔记-----行内元素、块级元素和行内块元素

块级元素

行内元素

行内块元素

HTML学习笔记-----行内元素、块级元素和行内块元素相关推荐

最新文章

热门文章