行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素和块级元素有什么区别？

最新推荐文章于 2024-07-09 15:09:19 发布
最新推荐文章于 2024-07-09 15:09:19 发布
阅读量321 收藏 1
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_53944118/article/details/115217399
版权
本文介绍了HTML中的行内元素、块级元素以及空元素的概念，强调了它们在布局中的特性。行内元素如`<span>`、`<a>`等不支持设置宽高且不独占一行，而块级元素如`<div>`、`<p>`等则可以设置宽高并独占一行。通过CSS的`display`属性，可以实现元素类型之间的转换，如将块级元素转换为行内元素或行内块元素。这些知识对于理解和创建网页布局至关重要。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  • 行内元素有：a b span img input select strong
  • 块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p
  • 空元素：br hr img input link meta
  • 行内元素不可以设置宽高，不独占一行
  • 块级元素可以设置宽高，独占一行
  • 块级元素转行内元素:display:block
  • 行内元素转块级元素:displai:inline
  • 行内元素或块级元素转行内块元素:display:inlind-block
行内元素、行内块元素、块级元素的区别，空元素有哪些
Start_again_yan的博客
01-01 528
行内元素： 行内元素也叫内联元素或内嵌元素，只能容纳文本或其他内联元素。常见行内元素有：<a>、<span>、<b>、<strong>、<i>、<em>、<s>、<del>、<u>、<ins>等。特点如下： 不独占一行，不自动换行 不能设置宽高属性（可以设置line-height指定高度，宽度随内容变化） margin水平方向有效，垂直方向无效 padding水平方向有效，垂直方
行内元素有哪些？块级元素有哪些？行内元素和块级元素的区别？
weixin_47938783的博客
06-01 6810
1、行内元素：a img span b strong input select section 2、块级元素：div p table ul lo li h1-h6 dl dt 3、空元素：br hr img input link meta 区别： 1、块级元素会独占一行 默认的宽度占满父级元素，行内元素不会换行 2、行内元素的width height 无效 3、块级元素可以设置margin和padding属性，行内元素padding-left、padding-right，margin-le...
行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
03-16
行内元素包括：a、span、img、input、button、select、textarea、label、em、strong、...空(void)元素包括：br、hr、img、input、link、meta、area、base、col、command、embed、keygen、param、source、track、wbr等。
行内元素有哪些？块级元素有哪些？ 空(void)元素有哪些？
05-17
行内元素有：a、b、span、img、input、button。 块级元素有：div、p、h1-h6、ul、ol、li、table、form、blockquote、pre。 空元素有：br、hr、img、input、link、meta。 注意：以上列出的元素都是 HTML 标准中的...
vue行内元素有哪些？块级元素有哪些？ 空(void)元素有哪些？
08-03
需要注意的是，虽然以上给出的是常见的行内、块级和空元素的范例，但实际上行内、块级和空元素并没有明确的界限。元素的行内或者块级表现是由CSS属性和样式决定的，开发人员也可以通过CSS来控制元素的行内或块级显示...
行内元素、块级元素及空（void）元素
ljl0433的博客
01-20 240
CSS规范规定，每个元素都有display属性，确定该元素的类型。 每个元素都有默认的display类型，如div的display默认值“block”，则为“块级”元素；span默认display属性值为“inline”，是“行内”元素。 （1）行内元素：a、b、span、img、input、select、strong（强调的语气） （2）块级元素：div、ul、ol、li、dl、dt、dd、h1、h2…p （3）常见的空元素：<br>、<hr>、<img>、<in
块级元素，行内元素，空(void)元素
kimmerchen的博客
02-19 688
行内元素：a、b、span、img、input、strong、select、label、em、button、textarea块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote空元素：没有内容的HTML元素，例如：br、meta、hr、link、input、img
HTML 行内、块级、空(void) 元素以及区别，外加对应元素的整理
热门推荐
黑木令之佛性
06-30 1万+
本文总结内容: 第一 什么是 “行内、块级、空(void)” 元素; 第二 对应元素的整理 废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。 一: 什么是 行内元素、块级元素、空(void)元素 1. 行内元素、块级元素概念: 1.每一个网页元素(html标签)都有一个 display 属性, 用于确定该元素的类型; 每一个元素都有默认的 display 属性值, 比如 div 元素, 它的默认 display 属性值为 "block", 成为“块级
行内元素与块级元素详解
最新发布
My_wife_QBL的博客
07-09 3077
行内元素是指那些不会开始新行，而是在同一行内连续显示的 HTML 元素。行内元素的宽度、高度和内外边距（margin 和 padding）通常只影响元素本身，不会影响周围元素的布局。块级元素是指那些在文档中会独占一行，并且可以设置宽度、高度和内外边距的 HTML 元素。块级元素的宽度默认会扩展到父元素的宽度，并且会开始新行。
块级元素，行内元素，行内块元素的区别以及转换
qq_57404393的博客
09-05 307
2、行内元素 inliine：相邻的行内元素排在同一行，排不下自动换行，宽度随元素内容而变，不可设置宽高。3、行内块元素 inline-block：跟行内元素相似，但是可设置宽高，元素间会有空白间隙，1、块级元素 block：自动占据一行，可以设置宽高。
内联元素与块状元素
weixin_30517001的博客
10-26 241
块状元素(block element)address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易，也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔...
HTML5 行内元素有哪些,块级元素有哪些, 空元素有哪些?
小飞的博客
05-02 1916
前端面试题（8） 打卡： 2021-5-2 HTML HTML5 行内元素有哪些,块级元素有哪些, 空元素有哪些? (1)行内元素 inline element a - 锚点 b - 粗体 ( 不推荐 ) strong - 粗体强调 br - 换行 em - 强调 i - 斜体 img - 图片 input - 输入框 label - 表格标签 select - 项目选择 span - 常用内联容器，定义文本内区块 s - 删除线 ( 不推荐 ) strike - 删除线 sub - 下标 sup -
常用的行内元素和块级元素以及他们有什么区别
qq_47443027的博客
03-17 4313
常用行内元素列表: <a>标签可定义链接 <b>字体加粗 <br>换行 <img>图像 <input>输入框 <var>定义变量 块级元素列表: <div>定义文档中的分区或节 <form>创建 HTML 表单 <hr>创建一条水平线 <ol>定义有序列表 <ul>定义无序列表 <p>标签定义段落 一，从概念的角度解释块级元素和行内元素
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值