在HTML中的行内元素和块状元素有哪些?以及区别

发布网友 发布时间:2022-04-23 17:37

我来回答

2个回答

热心网友 时间:2022-04-06 09:05

HTML中行内元素与块级元素的区别:

一、行内元素的特点:

1、行内元素只能容纳文本或者其他行内元素。

2、宽度只与内容有关。

3、和其他元素都在一行上。

4、高,行高及外边距和内边距部分可改变。

二、块级元素具有以下特点:

1、高度,行高以及外边距和内边距都可控制。

2、总是在新行上开始,占据一整行。

3、它可以容纳内联元素和其他块元素。

4、宽带始终是与浏览器宽度一样,与内容无关。

三、区别有三个:行内元素与块级元素直观上的区别。

1、行内元素会在一条直线上分列,都是统一行的,程度偏向分列。

块级元素各盘踞一行,垂直偏向分列。

块级元素重新行开端停止接着一个断行。

2、块级元素能够包括行内元素和块级元素。

行内元素不克不及包括块级元素。

3、行内元素与块级元素属性的分歧,主如果盒模子属性上。

行内元素设置width有效,height有效(能够设置line-height),margin高低有效,padding高低有效。

4、块级元素能够包括行内元素和块级元素,还能够包容内联元素和其余元素;行内元素不克不及包括块级元素,只能包容文本或许其余行内元素。

热心网友 时间:2022-04-06 10:23

块状:* <ol>
* <ul>
* <dl>
* <table>
* <h1>...<h6>
* <p>
* <blockquote>
* <dt>
* <address>
* <caption>
* <div>

内联(行内):

* 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 - 定义变量

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com