块标签，行内标签，行内块标签的总结

最新推荐文章于 2023-03-06 16:21:46 发布
最新推荐文章于 2023-03-06 16:21:46 发布
阅读量176 收藏 2
点赞数
分类专栏： 前端 文章标签： 行内块元素 块元素
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43755104/article/details/103459296
版权

块标签，行内标签，行内块标签的总结
自用备忘

块标签：div p h1-h6 hr ul ol li dl dd dt form

        ①支持宽高，自上而下排列

        ②不受空格影响

        ③一般用于其他标签的容器

        ④默认宽度为100%（独占一行）。

行内标签：span i a b strong em sub sup u label br font

         ①不支持宽高（宽高根据内容大小自动撑开），自左向右排列

         ②受空格影响

         ③不独占一行

行内块标签：img textarea input

           ①支持宽高，自左向右排列

           ②受空格影响

           ③不独占一行

标签之间的转换

display：inline（转为行内元素）

          inline-block（转为行内块元素）

          block（转为块元素）

          none（隐藏 不显示）

有关软件下载，资源查找可以来看看小编的网站，谢谢
网址：www.miaozan.art

RDSunday
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
浅谈html标签的显示模式(块级标签,行内标签,行内块标签)
09-28
HTML中的标签根据其显示方式，可以分为三大类：块级元素、行内元素以及行内块元素。这些显示模式决定了元素在页面布局中如何排列和响应样式。 块级元素（如`div`, `p`, `h1`~`h6`, `ul`, `li`, `dl`, `dt`, `dd`等...
DreamWeaver怎么设置行内标签?
09-24
DreamWeaver怎么设置行内标签？DreamWeaver中的标签有行内标签和行外标签，该怎么设置行内标签呢？下面我们就来看看详细的教程，需要的朋友可以参考下
HTML学习笔记：常用标签总结实例演示
jiajiawozuihao的专栏
10-17 229
    以下为自己在学习HTML时对于常用的标签写的一个html文档，拷贝出来复制到一个html文件中，使用网页打开，可以看到示例演示的结果。 <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title>My first html!</title> </head...
块状标签和行内标签
qq_65040432的博客
12-08 684
1.块状标签： 标题 h1~h6 段落 p、 水平线 hr 列表 ul、ol、li、dl、dt、dd、 表格 table、 层 div 表单 torm等 2.行内标签： 图像 img 范围 span 换行 br 超链接 a等。 3.区别： (1).排列方式不同。行内元素按照从左到右的方式进行摔列，多个行内元素显示在同行，只有当行排列完毕后，才会开始一个新行。块状元素各占据行，则按照自上而下的方式进行排列。 (2).内嵌元素不同。块状元素可以包含行内元素和块状元素。行内
块级标签、行内标签、行内块标签
ly_yanbo的博客
07-05 2912
块级标签、行内标签、行内块标签块级标签、行内标签、行内块标签一、块级标签二、行内元素三、行内块标签四、三种标签属性转换 块级标签、行内标签、行内块标签 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 一、块级标签 块级标签的特点： 1、可以直接写宽高； 2、独占一行； 3、默认宽度是父级标签的宽度 4、一般用于作为容器布局 可以嵌套其他块级元素或者行内元素（p标签不要包裹其他块级元
HTML块状标签和行内标签
m0_65041466的博客
12-20 2086
常见的块状标签： 标题<h1-h5> 段落<p>、水平线<hr/> 列表（<ul>、<ol>、<li>、<dl>、<dt>、<dd>） 表格<table> 层<div> 表单<form> ····· 常见的行内标签: 图像<img> 范围<span> 换行<br/> 超链接<a> ······
块级、行内以及行内块标签
weixin_52142992的博客
08-16 5189
块级标签、行内标签以及行内块标签之间的区别以及转换方法。
块状标签 行内标签的区别
hurenxun的博客
05-02 1140
块状标签行内标签的区别 不同类型标签的默认样式的区别（块级行内） 对于很多新人学习前端在HTML和CSS上面关于默认样式了解不是很明白，我今天就来说下我的经验。 块级标签（标准盒子） 1.默认宽度100%（所在容器内容的宽度），独占一行，默认两个 块级标签不能在同一行并排排列。 2.可以给块状标签设置宽高（width/height） 3.块标签可以设置margin左右是auto，这样块标签...
【CSS】标签显示模式 ② ( 行内元素 | 行内块元素 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-06 1040
一、行内元素 1、行内元素简介 2、行内元素特点 3、代码示例 二、行内块元素 1、行内块元素简介 2、行内块元素特点 3、代码示例
HTML 块标签，行内标签，行内块标签以及之间的相互转换
鱼大大的博客
06-30 2009
                                  HTML标签分类行内标签：包含a、span、em、strong、b、i、u、label、br；特点：可以多个标签存在一行，不能直接设置行内标签的高度、宽度、行高以及顶和底边距，完全靠内容撑开宽高！a标签：主要用来链接一个其他的网页；span标签：主要用来对行内的文字进行一些样式以及其他的操作；em标签：一般用来对文字进行强调，使用...
HTML入门：块级标签，行内标签及行内块标签
hdxx2022的博客
10-23 838
在这之前有说过 text-align这个属性是否生效，原因是块级标签如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽，那么在100%的宽度中居中生效；行内块元素：结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；特点：可以多个标签存在一行，不能直接设置行内标签的高度、宽度、行高以及顶和底边距，完全靠内容撑开宽高！块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form；P标签不要套块属性标签，可以套a，span，文本。
块级标签与行内标签总结
m0_65041040的博客
12-08 542
目录 一.块级标签 二.行内标签 三.区别 四.展示 一.块级标签： 标题(〈h1〉～〈h6〉） 段落（〈p〉） 水平线（〈hr/〉） 列表（〈ul〉 〈ol〉 〈li〉 〈dl〉 〈dt〉 〈dd〉） 表格（〈table〉） 层（〈div〉） 表单（〈form〉） 二.行内标签 图像（〈img〉） 范围（〈span〉） 换行（〈br/〉） 超链接（〈a〉） 三.区别 1.排列方式不同：行内元素只有当一排全部占满过后才会自动换行，块状元素各占据一行 2.内嵌元素不同：块状元素内部可以包含行内元素和块状元素，
HTML标签元素单词释义及知识点总结
01-08
HTML标签元素单词释义及知识点总结 一.说明 该内容为本人自学HTML所记笔记，如有不准确的地方欢迎各位品评指正，希望对需要的人有所帮助，谢谢。 二.基本标签 块级元素：div；p；dl；form；h1～h6；ol；ul 行内元素...
详解HTML常用的标签中行内元素和块级元素
09-28
本文给大家详细介绍了HTML常用的标签中行内元素和块级元素，需要的朋友参考下吧
ERROR in ./src/main.js Module not found: Error: Can't resolve 'vue' in 'C:\Users\土豆\Desktop\vueConfi
热门推荐
weixin_43755104的博客
03-04 1万+
问题描述，缺少vue模块 ERROR in ./src/main.js Module not found: Error: Can’t resolve ‘vue’ in ‘C:\Users\土豆\Desktop\vueConfig3\src’ @ ./src/main.js 1:0-21 7:0-3 19:4-7 i ｢wdm｣: Failed to compile. 解决 cnpm i vue...
css中的 +,~, ＞
weixin_43755104的博客
07-30 1万+
文章目录css中的选择器~(波浪号)+(加号）\>(大于号) css中的选择器 ~(波浪号) p~ul选择器 p之后出现的所有ul。 两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。 P~ul { background-color: pink; } <p>快乐生活</p> <ul> 　　 <li>生活</li> 　　 <li>生活</li> 　　 &
ERROR in Entry module not found: Error: Can't resolve './src' in 'C:\Users\土豆\Desktop\webpack-study'
weixin_43755104的博客
03-02 7830
问题：ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in ‘C:\Users\土豆\Desktop\webpack-study’ 如图 解决 var path = require('path'); module.exports = { entry: path.join(__dirname, './src...
npm配置淘宝镜像的两种方法
weixin_43755104的博客
04-24 5764
文章目录cnpm命令npm命令 NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 由于新版的nodejs已经集成了npm，所以之前npm也一并安...
MongoDB安装详细教程（2020最新版）
weixin_43755104的博客
04-26 5227
最新版 你可以get 怎么启动 怎么配置指定路径数据库以及端口 成功判断 发现如果你百度的话有各种安装教程但是不太对，出篇教程吧 不管你把MongoDB安装在D盘还是C盘都需要在C盘新建data文件夹，除非自己配置路径 自己配置指定路径和端口 mongod --dbpath "D:\MongoDB\data\db" --port 123 在这已经默认你安装好了，接下来要做三件事 在C盘...
行级标签 块级标签 行内标签
最新发布
06-02
行内标签指的是标签所包含的内容在浏览器中会被显示为一行，并且可以和其他行内标签在同一行显示。常见的行内标签有： - `<strong>`：用于强调文本内容 - `<em>`：用于表示文本内容的强调语气 - `<a>`：用于创建...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

RDSunday

爱，就供养；喜欢/受益，就打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值