块元素(block element)
◎ address - 地址
◎ blockquote - 块引用
◎ center - 举中对齐块
◎ dir - 目录列表
◎ div - 常用块级容易,也是css layout的主要标签
◎ dl - 定义列表
◎ fieldset - form控制组
◎ form - 交互表单
◎ h1 - 大标题
◎ h2 - 副标题
◎ h3 - 3级标题
◎ h4 - 4级标题
◎ h5 - 5级标题
◎ h6 - 6级标题
◎ hr - 水平分隔线
◎ isindex - input prompt
◎ menu - 菜单列表
◎ noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容
◎ noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
◎ ol - 排序表单
◎ p - 段落
◎ pre - 格式化文本
◎ table - 表格
◎ ul - 非排序列表
内联元素(inline element)
◎ a - 锚点◎ abbr - 缩写
◎ acronym - 首字
◎ b - 粗体(不推荐)
◎ bdo - bidi override
◎ big - 大字体
◎ br - 换行
◎ cite - 引用
◎ code - 计算机代码(在引用源码的时候需要)
◎ dfn - 定义字段
◎ em - 强调
◎ font - 字体设定(不推荐)
◎ i - 斜体
◎ img - 图片
◎ input - 输入框
◎ kbd - 定义键盘文本
◎ label - 表格标签
◎ q - 短引用
◎ s - 中划线(不推荐)
◎ samp - 定义范例计算机代码
◎ select - 项目选择
◎ small - 小字体文本
◎ span - 常用内联容器,定义文本内区块
◎ strike - 中划线
◎ strong - 粗体强调
◎ sub - 下标
◎ sup - 上标
◎ textarea - 多行文本输入框
◎ tt - 电传文本
◎ u - 下划线
◎ var - 定义变量
可变元素
可变元素为根据上下文语境决定该元素为块元素或者内联元素。
◎ applet - java applet
◎ button - 按钮
◎ del - 删除文本
◎ iframe - inline frame
◎ ins - 插入的文本
◎ map - 图片区块(map)
◎ object - object对象
◎ script - 客户端脚本
分享到:
相关推荐
在HTML中,元素根据其默认显示方式被分为两大类:块元素(block elements)和内联元素(inline elements)。了解这两种元素的区别对于网页布局和样式设计至关重要。 #### 块元素(Block Elements) 块元素是一种在...
例如,我们可以把内联元素加上 display:block 属性,让它也有每次都从新行开始的属性,即成为块元素。同样,我们可以把块元素加上 display:inline 属性,让它也在一行上排列。 五、重点中的重重点 在 HTML 中,P ...
CSS文档流与块级元素(block)内联元素(inline)那点事
在css盒子模型中,我们提到了html元素中的块元素(block element)和内联元素(inline element)。那么它们究竟是什么呢? 其实,这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...
### HTML+CSS中完全的行内元素(inline element)和块元素(block element) 在HTML与CSS中,元素被分为两大类:行内元素(inline element)和块元素(block element)。这两种类型的元素有着不同的显示特性和布局...
inline-block 即内联块,在CSS的元素分类中可以分成三种:行内元素或者内联元素、块级元素、以及内联块元素。 内联块元素具有了内联元素以及块级元素的特性:(1)元素之间可以水平排列 (2)可以当做一个块级元素来...
在 HTML 中,元素可以分为两大类:块元素(block element)和行内元素(inline element)。块元素是指占据一整行空间的元素,而行内元素是指只占据所需空间的元素。下面我们将对块元素和行内元素进行详细的介绍。 ...
块元素(Block Element)占据整行,通常带有换行符,而内联元素(Inline Element)则不会换行。Display 属性还影响子元素的布局,例如流式布局、网格布局或弹性布局。 Display 属性的值 Display 属性的值有多种,...
在CSS3中,实现块元素的居中是一个常见的布局需求,尤其当涉及到页面设计与响应式布局时。根据所提供的文件信息,我们可以详细探讨几种在不同场景下实现块元素居中的方法,以及理解其中的原理。 ### 1. 内联元素...
通常,HTML元素可以被归类为三种主要类型:块状元素(Block)、内联元素(Inline)以及内联块状元素(Inline-block)。 1. 块状元素: 块状元素如`<p>`、`<div>`、`<h1>`至`<h6>`、`<ol>`、`<ul>`等,它们的特点是...
可以将行内元素转换为行内块元素。 此外,设置 float 属性也可以使行内元素转换为块级元素,并拥有浮动特性。设置 position 属性也可以使行内元素转换为块级元素,但这只是副作用,它们的主要作用是干扰布局效果。...
- 在IE中,对内联元素设置 `display: inline-block` 会触发 layout,但对块元素设置则无效。要使块元素在IE下实现`inline-block`的效果,可以通过两种方法: - 先设置 `display: inline-block` 触发layout,再定义...
通过这个练习,你将能够更好地掌握HTML中的块级元素和内联元素,理解它们在网页设计中的作用,从而提升你的HTML编码技能。记得,实践是最好的老师,动手操作并不断尝试,才能真正领悟HTML的精髓。
在CSS布局中,**文档流**是一个核心概念,它指的是HTML文档中元素的自然流动方式。想象一下,网页就像一条河流,其中的元素就像河中的船只,顺流而下,依次排列。在文档流中,元素按照其在HTML源代码中的先后顺序,...
3. `display: inline-block`:这是非常实用的一个属性值,它将元素表现为行内块元素。这意味着元素可以设置宽度、高度和内边距,同时不会强制换行,与其他内联元素可以并排显示。这对于需要在一行内排列有固定尺寸的...
HTML中的元素可以分为两大类:内联元素(Inline Elements)和块级元素(Block Elements),它们在网页布局中扮演着不同的角色,具有不同的特性和用途。 **块级元素(Block Elements)** 块级元素通常占据整个宽度,...
在提供的示例代码中,我们看到`.d_one`和`.d_two`的`<div>`元素被转换为内联元素,它们并排显示,而`.s_one`的`<span>`元素被转换为行内块元素,设置了固定宽高但不独占一行,`.s_three`则被转换为块级元素,独占一...
inline-block 表示元素将显示为行内块元素,既是内联元素,又可以设置 width 和 height。 display:none 和 visibility:hidden 的区别 display:none 和 visibility:hidden 都可以使元素不可见,但是它们的作用是...