html 行内元素，块级元素，空元素

已于 2022-08-26 10:24:48 修改
阅读量77 收藏
点赞数
分类专栏： html 文章标签： html 前端
于 2022-08-26 10:22:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65730686/article/details/126538133
版权

行内元素 span, img, input...

  块级元素 div, h1-h6,footer,header,section,p,ul-li...

  空元素 br,hr

  元素直接转换

  display:inline 元素转换行内元素 === 不独占一行，不能设置宽高

  display:inline-block 元素转换行内 块级 元素 === 不独占一行，可以设置宽高

  display:block 元素转为块级元素 === 可以设置宽高

老胡说前端
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
块元素、行元素、行内块元素
qq_40822000的博客
12-04 466
html标签块元素、行元素、行内块元素区分 区分 块元素（block） 块元素简单来说就是独占一行，并且可以设置width和height，就像一个方块一样可以有自己的宽和高。如果没有设置width，那么块元素的width默认和父容器的width保持一致。如果没有设置height，那么块元素的height默认为0,块元素的高由内部元素支撑起来。 常见的块元素有：div、p、h1–h6、hr、ul...
html内联（行内）元素、块级（块状）元素和行内块元素分类
weixin_33797791的博客
12-11 6391
为什么80%的码农都做不了架构师？>>> ...
行内元素和块级元素的区别
gao_zhennan的博客
10-15 4624
本文介绍了块级元素和行内元素的基本概念、内容模型和默认格式。
行内元素与块级元素详解
My_wife_QBL的博客
07-09 820
行内元素是指那些不会开始新行，而是在同一行内连续显示的 HTML 元素。行内元素的宽度、高度和内外边距（margin 和 padding）通常只影响元素本身，不会影响周围元素的布局。块级元素是指那些在文档中会独占一行，并且可以设置宽度、高度和内外边距的 HTML 元素。块级元素的宽度默认会扩展到父元素的宽度，并且会开始新行。
行内元素、块级元素和行内块元素
不是独角兽的博客
05-09 9346
HTML 可以将元素分类方式分为行内元素、块级元素和行内块元素. 使用display属性能够将三者任意转换: display:inline;// 转换为行内元素 display:block;// 转换为块级元素 display:inline-block// 转换为行内块元素 行内元素 行内元素:（a，span，i，em，strong，b，label） 行内元素最常使用的就是span，其他的只在特定功能下使用. 行内元素特征: 设置宽高无效 对margin仅设置左右方向有效，...
行内块级元素.txt
02-06
在HTML中，元素主要分为两大类：块级元素和行内元素。这两种类型的元素具有不同的显示特性和布局方式，掌握它们的区别对于编写高效且美观的网页至关重要。 #### 块级元素 块级元素（Block-level Elements）的特点...
css盒模型和块级、行内元素深入理解
09-25
其中，盒模型和元素的分类（块级元素和行内元素）是理解页面布局的基础。本文将深入探讨这两个概念。 首先，盒模型是CSS中的核心概念，它定义了元素如何占用空间和与其他元素交互。每个HTML元素都可以被视为一个...
对行内元素和块级元素的一些认识
09-24
行内元素和块级元素是HTML中的两种主要元素类型，它们的行为和样式应用上有显著的差异，直接影响到页面的布局和内容展示。 首先，我们来看一下常见的块级元素。这些元素在HTML文档中默认会占据一整行，包括`<div>`...
HTML行内元素与块级元素有哪些及区别？
01-08
想起之前工作面试时，面试官问的一个问题：行内元素有哪些，和块级元素有什么区别？这是一道蛮基础的面试题，但是很多初学者平时只注重标签语义，忽视了标签行内和块级的特性， 因此对于上述问题很有可能答不上来...
前端日记01_行内元素和块级元素
01-20
前端日记01_行内元素和块级元素欢迎大家来跟胖胖一起xio习！基本知识分类速览块级元素和行级元素的转换参考链接 欢迎大家来跟胖胖一起xio习！ Hey，这里是胖胖的博客，目前正在学有关前端的知识，有时候会把一些遇到...
关于如何转换MarkDown文本并在Html内进行显示
ioioppk的博客
07-25 906
今天遇到一个问题，从ChatGpt的API获取的文本格式为MarkDown，在HTML上使用textarea控件显示的时候就只是文字格式，并没有对MarkDown格式进行处理，今天就分享一下如何在Html上进行MarkDown格式文本的显示。
【HTML — 构建网络】HTML 中的元数据
07-24 918
这在很多方面都很有用。如果设置了 HTML 文档的语言（例如，允许其在特定语言的结果中正确显示），则搜索引擎将更有效地索引您的 HTML 文档，并且它对使用屏幕阅读器的视觉障碍者很有用（例如，“六”一词在法语和英语中都存在，但发音不同。的链接（如果您选择使用 CSS 设置HTML内容的样式）、指向自定义图标的链接以及其他元数据（有关HTML的数据，例如作者和描述文档的重要关键字）。指定包含与您的页面内容相关的关键字的描述很有用，因为它有可能使您的页面在搜索引擎执行的相关搜索中显示得更高（此类活动称为。
iframe 渲染请求到的 html (邮件预览), 避免样式污染 + 打印 iframe 邮件详情 + iframe 预览邮件时固定水平滚动条在视口底部
最新发布
汤一飞
07-25 1102
iframe 预览邮件 + 打印邮件 + 模拟滚动条
Web前端：HTML篇（一）
sjb2274540432的博客
07-22 879
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
基于 HTML+ECharts 实现监控平台数据可视化大屏（含源码）
柯晓楠
07-24 1203
我们实现了一个基于 HTML 和 ECharts 的监控平台数据可视化大屏。这个大屏不仅能够直观地展示监控数据，还能通过交互功能提升用户体验。希望本文能对你在实现类似项目时提供一些帮助和启发。
网格布局 HTML CSS grid layout demo
wuyujin1997的博客
07-23 539
* grid 或 grid-template-areas 都可以 *//* 左右居中 *//* 上下居中 */
html笔记
weixin_51644244的博客
07-22 2861
/</</</本地访问：file:///D:\Project\html\html01\html01/第一章.htmlhttp://https:// 加密协议网络传输协议 超文本传输协议常见的：** < a >、< strong >、< b >、< em >、< i >、< del >、< s >、< ins >、< u >、< span >、< img />、< input />、< select >、< textarea >、< br />**、等，其中 < span > 标签是最典型的行内元素。
基于 HTML+ECharts 实现智慧工地数据可视化大屏（含源码）
柯晓楠
07-24 1085
智慧工地可视化大屏，可以结合BIM（建筑信息模型，Building Information Modeling，形容那些以三维图形为主的电脑辅助设计）、物联网等技术，将各种施工工地控制器数据，融合至智慧工地可视化大屏中，即时、合理、精确的反映施工工地的状况。保持了智慧工地数据信息内容集成化、数据统计分析的功效，合理提高了新项目品质，做到工地智慧管理方法、智慧管理决策的目的，提升建筑项目当场管理信息化水准，进而逐渐保持绿色工地、安全工地。
基于 HTML+ECharts 实现智慧运维数据可视化大屏（含源码）
柯晓楠
07-24 1163
通过以上步骤，我们实现了一个基于 HTML 和 ECharts 的智慧运维数据可视化大屏。这个大屏不仅能够直观地展示运维数据，还能通过交互功能提升用户体验。希望本文能对你在实现类似项目时提供一些帮助和启发。
html块级元素 行内元素
09-09
在HTML中，块级元素和行内元素是两种不同的元素类型，它们在文档流中所占据的空间和与其他元素的相互作用方式也有所不同。 块级元素是指在默认情况下会新起一行的元素，它们可以包含其他块级元素和行内元素。块级...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值