论行标签、块标签、行内块标签的区别

最新推荐文章于 2023-07-04 22:39:08 发布
最新推荐文章于 2023-07-04 22:39:08 发布
阅读量732 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41839784/article/details/88649689
版权

首先我之前一直认为行内标签设置padding属性的上下左右仅左右有效，而实验过后知道行内元素的padding的四个属性都能设置，但是对于外边距margin仅设置左右有效。

其特点

1.不能设置宽高

2.设置padding属性都有效

3.设置margin，仅对左右有效而对上下无效

块标签不做过多的解释，其特点

1.能设置宽高

2.设置padding的四个属性均有效

3.设置margin的四个属性均有效

4.自动占据一行

行内块标签，其特点

1.能设置宽高，但不进行自动换行

2.设置padding的四个属性均有效

3.设置margin的四个属性均有效

qq_41839784
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈html标签的显示模式(块级标签,行内标签,行内块标签)
12-14
- 行内块元素如`<img>`和`<input>`，它们结合了行内元素和块级元素的特点，可以设置宽度和高度，同时能和其他行内元素在同一行显示。不过，行内块元素之间可能存在间距问题，需要额外处理。 - 可以通过CSS的`...
【html】常见的行标签（inline）、块标签（block）和行块标签（inline-block）特点及相互转换
热门推荐
m0_50947589的博客
04-13 1万+
行标签（inline）、块标签（block）和行块标签（inline-block）的特点及相互转换
行标签、块标签、行块标签
qq_57215961的博客
04-13 1535
行标签 常见的行标签 span、a、b、strong、sup、sub、em span：常用于出现富文本时的使用（经常会用的标签） 富文本指 当出现不同样式 <p><span style="color: red;">C</span>SDN</p> a: 常用于链接网页（经常会用的标签） 有两个属性值。href用于指示链接的网页，target用于指示页面打开的方式 <a hr...
HTML常见标签
weixin_64804275的博客
04-13 2789
HTML常见标签一、 标签的作用二、常见标签一、块标签二、行标签三、行块标签 一、 标签的作用 HTML中的标签用于将内容展示在网页中。分为三大类：块标签，行标签以及行块标签。 二、常见标签 一、块标签 1.常见块标签有div无语意标签,h1~h6标题标签，p 段落标签, ul无序列表，ol 有序列表, li 列表项标签，语意化标签 article，section，aside,nav，header，footer 2.块标签的特点：独占一行，默认宽度占满父级，高度为0，子级内容撑开高度 <h1&
行级标签和块级标签的区别
Nightliar的博客
02-07 8668
一、块级标签 1.总是在新行上开始，占据一整行。 2.高度，行高以及外边距和内边距都可控制。 3.宽带始终是与浏览器宽度一样，与内容无关。 4.它可以容纳内联元素和其他块元素。 二、行级标签 1.和其他元素都在一行上。 2.高，行高及外边距和内边距部分可改变。 3.宽度只与内容有关。 4.行内元素只能容纳文本或者其他行内元素。
块标签和行标签的区别
wode的博客
11-04 5188
块元素和内敛元素(行元素)的区别 编译HTML工具，本人推荐使用HBuilder.HBuilder下载地址 接下来请看： 大多数HTML 元素被定义为块级元素或内联元素。 1、块元素 块级元素在浏览器显示时，通常会以新行来开始（和结束）。块元素百科 特点： 总是在新行上开始。 高度，宽度，内外边距，都可以进行控制。 宽度缺省是他的容器的100%，除非设定一个宽度。 它可以...
DreamWeaver怎么设置行内标签?
09-24
DreamWeaver怎么设置行内标签？DreamWeaver中的标签有行内标签和行外标签，该怎么设置行内标签呢？下面我们就来看看详细的教程，需要的朋友可以参考下
vue a标签点击实现赋值方式
12-28
如下所示： ...补充知识：VUE 给类似a标签加点击事件不跳转的问题 VUE的@click事件修饰符 运用： .prevent 阻止默认行为 点击 .stop 阻止冒泡，只执行 start 不执行 end <input type=button
HTML中相似的标签和属性的区别详解
09-28
- ` `是简单的换行标签，只进行一行的断开，不形成新的段落。 - `<p>`标签用于创建段落，表示较大的文本断开，浏览器会在`<p>`标签之间自动添加间距。 3. `<strong>`与`<b>`标签： - `<strong>`是逻辑标签，...
前端必知：2.html中常用的基础标签-块
最新发布
qq_52799985的博客
07-04 680
HTML是网页开发的基础语言，使用标签来定义网页的结构和内容。本文将介绍一些常见的块级元素标签。
HTML的两类标签：行标签、块标签
weixin_34384915的博客
07-18 505
HTML的两类标签：行标签、块标签 行标签：包含a、span、em、strong、img、var； a标签：主要用来链接一个其他的网页； span标签：主要用来对行内的文字进行一些样式以及其他的操作； em标签：一般用来对文字进行强调，使用斜体体现出来； strong标签：一般用来对文字进行强调，使用加粗字体体现出来； img标签：图片引用标签，其中 src属性中写入图片的地址； v...
表格标签table
IT之一小佬的博客
04-18 1535
表格标签 1. 表格的结构 表格是由行和列组成，好比一个excel文件 2. 表格标签 <table>标签：表示一个表格 <tr>标签：表示表格中的一行 <td>标签：表示表格中的列 <th>标签：表示表格中的表头 示例代码: <table> <tr> <th>姓名</th> <th>年龄</th>
块标签、行标签、行块标签
LightSeal的博客
03-15 416
块标签 特点：独占一行、默认宽度占满父级，高度为0。 <div></div> <h></h> <p></p> <ul></ul> <ol></ol> <li></li> <article></article> <section></section>
我了解的：HTML行、块标签
sepgit的博客
07-05 1010
行标签和块标签
块级标签和行内标签的区别
qq_40944918的博客
07-19 3686
行内标签（内联标签）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度，高度，对齐等属性，常用于控制页面中文本的样式 常见的行内标签a,strong,b,em,i,del,s,ins,u,span其中span标签是最典型的行内标签。 ​ 特点： 和相邻行内标签在一行上 高、宽无效，但水平方向的padding，margin可以设置，垂直方向的无效 行内标签只能容纳文本或...
块级标签和行内标签
weixin_63331779的博客
12-08 1942
块级标签与行内标签 块级标签 1.标题标签 ‹h1›‹/h1›、‹h2›‹/h2›、‹h3›‹/h3›、‹h4›‹/h4›、‹h5›‹/h5›、‹h6›‹/h6› 2.段落标签 ‹p› 3.水平线标签 ‹hr/› 4.列表标签 ‹ul›‹/ul›、‹ol›‹/ol›、‹li›‹/li›、‹dl›‹/dl›、‹dt›‹/dt›、‹dd›‹/dd› 5.表格标签 ‹table›‹/table› 6.层标签 ‹div›‹/div› 7.表单 ‹form›‹/form› 行内标签 1.图像标签 ‹img› 2.范围
块状标签和行内标签
qq_65040432的博客
12-08 685
1.块状标签： 标题 h1~h6 段落 p、 水平线 hr 列表 ul、ol、li、dl、dt、dd、 表格 table、 层 div 表单 torm等 2.行内标签： 图像 img 范围 span 换行 br 超链接 a等。 3.区别： (1).排列方式不同。行内元素按照从左到右的方式进行摔列，多个行内元素显示在同行，只有当行排列完毕后，才会开始一个新行。块状元素各占据行，则按照自上而下的方式进行排列。 (2).内嵌元素不同。块状元素可以包含行内元素和块状元素。行内
块级标签、行级标签、行级块标签
yxiangy的博客
07-21 2571
块级标签、行级标签、行级块标签
第二章、行标签、块标签与行内块标签
飞翔的企鹅的博客
04-04 4197
一、行标签inline 行标签 = 内联标签 特点：不独占一行，每个行标签元素并排排列，直到遇到父级边界换行 不支持宽高，内容文本撑开宽高，不支持上下外边距，但支持左右外边距, 会不正常显示上下内边距，不建议设置内边距 行标签常用于配合p标签实现富文本，富文本是指在一行文字中，文字形式不统一 1、a标签 a标签表示超链接，在网页中链接其他的地址，他有两个属性，href、target herf超链接的跳转地址，target有四个值：默认为_self,指在当前页面打开链接内容，_blank指在新的窗口
1，请列举html中块状标签和行内标签
06-07
而行内标签（inline elements）则可以在一行内显示多个元素，它们只占据它所包含的内容的宽度，例如： - `<a>` - `<span>` - `<strong>` - `<em>` - `<img>` - `<input>` - `<button>` - `<label>`

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值