行内、块级、行内块元素一览

常见的HTML标签类型:块元素和行元素。

行内元素也称为行元素。
内联元素不能占据特定区域。
并且宽度、对齐方式等属性不能任意设置。
通常用于控制页面上的文本样式。

行内元素特点:

Html样式:

行内元素1

行内元素2

块元素可以单独占据一整行或数行,是构建网页结构的必备元素。
更加紧凑合理。

块级元素:

Html样式:

块级元素1

块级别元素2

一般规则特殊标签,如/<input>/总是有一些内联的特殊标签。
标签类型称为内联块元素。
内联块元素结合了块元素和行元素的不同特征。

内层块元素的特点:

特殊:特殊:结合了行内元素和块级元素的特点

Html样式:

满足各种需求;应用进行更改。

=》块级元素:display:block;

=》行内元素:display:inline;

=》行内块元素:display:inline-区块

HTML中标签共分为两大类,行内标签和块状标签,请说明两类标签的特点

块标签在HTML中用作单独的行,如果有divp,它不换行什么类型的标题,例如

HTML基础知识(块级标签,行内标签,行内块标签)

1、块级元素:此类元素会占据自己的一行,并且可以设置宽度和高度属性。
如果不指定宽度,块级元素将默认填充其父元素的宽度,即100%宽度。
2、内联元素:多个内联元素可以并排存在于同一行,其高度和宽度属性不会生效,但内容会支持。
3.内联块元素:该元素结合了内联元素和块级元素的属性,可以设置宽度和高度属性,并且多个这样的元素可以并列存在于同一行。
4.标签的使用:-`a`标签:用于链接到其他网页。
-`span`标签:用于内联文本的样式操作。
-`em`标签:用于强调文本,通常以斜体显示。
-`Strong`标签:用于强调文本,通常以粗体显示。
-`img`标签:用于引用图像,`src`属性指定图像的标题。
-`var`标签:用于在JavaScript中命名变量。
5、块级标签功能:该类标签占用专属字体,可以调整高度、宽度、行高、上下边距。
如果不指定宽度,则默认填充原始项目的宽度。
6.`p`标签:用于分隔文本段落,默认情况下,将在段落末尾实现换行。
7.`div`标签:用于划分页面块级区域。
8.列表标签:-`ul`标签:用于无序列表,项目用点标记。
-`ol`标签:用于有序列表,项目通过数字来区分。
-`li`标签:菜单项文本。
9.`dl`、`dt`、`dd`标签:用于标识自定义菜单,`dt`是菜单标题,`dd`是标题的解释或说明。
10.`h1`到`h6`标签:用于六级标题,字体大小依次减小。
11.转换标签:-将块级标签转换为内联标签:`display:inline;`-将内联标签转换为块级标签:`display:block;`-将标签转换为内联块标签:`display:inline-block;`12.`text-align`属性:该属性适用于块级标签,因为块级标签会占据整个水平空间,并且可以居中。
由于内联元素的宽度由内容决定,因此该属性不适用。