关于HTML块元素及内嵌元素总结

最新推荐文章于 2019-10-03 13:09:28 发布

原创最新推荐文章于 2019-10-03 13:09:28 发布 · 262 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了HTML中的块元素与内嵌元素的区别，包括它们各自的特性、如何通过CSS控制元素显示方式，以及display属性的使用技巧。

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

关于HTML块元素及内嵌元素总结

块元素的特征

div p h1 h2 h3 h4 h5 h6 …

默认独占一行
没有宽度时，默认撑满一行
支持所有css命令

内嵌（内联、行内）元素

span em a …

同排可以继续跟同类的标签
内容撑开高度
不支持宽高
不支持上下的margin
代码换行被解析（换行解析为空格）

块元素和内嵌（内联、行内）元素互相转换

display: inline; 显示为内嵌
使行块属性标签具备内嵌元素的特性

display: block; 显示为块
使内联元素具备块属性标签的特性

display 是将标签转换为页面中显示的类型
display 不会改变标签本质

display: inline-block 特点

特性：

块在一行显示
内嵌（内联、行内）属性标签支持宽高
没有宽度的时候内容撑开宽度

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大脑斧呀

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML5+CSS3【实体字符、块元素与行内元素】(四)-全面详解（学习总结---从入门到深化）

02-03

365

本阶段为基础阶段，主要学习HTML基本结构、骨架、标签和CSS基本样式。通过对这些标签的使用，熟悉布局的搭建结构。合理运行对应标签实现试图效果，是本阶段必须要掌握的知识，为接下来的学习奠定基础。

html5 内嵌网页_如何分析并优化网页的性能？新梦想软件测试

weixin_39562615的博客

12-26

205

一个网站的网页是好是坏，往往是体现在速度和高度两个方面，速度是网页所展示出来的时间，能否为浏览用户节约时间。高度则是一个网站网页本身的质量，能否为浏览用户带来真正的好体验。然而看似简单的两个点，但是背后要实现起来是需要花费精力和时间的。任何网站的终极目标不仅仅是让其运行很快，而是让使用该网站的用户满意。用户花在网站上的大多数时间不是等待加载，而是在使用过程中等待响应。一个网页打开速度慢，图片加载慢...

参与评论您还未登录，请先登录后发表或查看评论

块元素和内嵌元素

weixin_38203203的博客

03-01

241

块元素的特征(block)： 1.默认独占一行 2.没有宽度时，默认撑满一排 3.支持所有css命令内联元素的特性(inline)： 1.同排可以继续跟同类的标签 2.内容撑开宽度 3.不支持宽高 4.不支持上下的margin 5.代码换行被解析(即:两个同类标签之间会有孔隙并且能选中) 行内块元素的特性（inline-block）： 1.块在一行显示 2.行...

内嵌元素和块级元素

weixin_39150852的博客

11-02

451

块级元素：一般用来搭建网站架构、布局、承载内容内嵌元素：用以“强调、区分样式、上标、下标、锚点”等等 inline-block：既具有 block 元素可以设置宽高的特性，同时又具有 inline 元素默认不换行的特性，也可以设置 vertical-align 块级元素与内嵌元素的区别： 1、块级元素默认独占一行。垂直方向排列内联元素默认会再一条直线上，是在同一行的。水平方向排列 2、块级元素...

HTML 区块、内联元素

夏已微凉、

04-30

466

HTML 区块、内联元素 1、参考地址：https://www.runoob.com/html/html-blocks.html 2、<div> 和 <span> HTML 可以通过 <div> 和 <...

HTML学习总结（3）-块元素，内嵌元素

想死吗的博客

07-06

328

HTML学习总结（3）-块元素，内嵌元素块特征 - 霸道—>独占一行【默认】 - 丰满—>未设置宽时，撑满一排【默认】 - 和善—>支持所有CSS 内嵌（内联，行内） - 友情—>一排可跟同类标签 - 包容—>内容撑开宽高 - 独特—>不支持宽高，上下margin，padding，代码换行被解析 inline-block 特征 - 块一行显示 - 行内属性

浅谈CSS块级元素与行内元素(内联元素)的区别和联系

12-13

在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素...

html内联（行内）元素、块级（块状）元素和行内块元素分类

weixin_33797791的博客

12-11

6488

为什么80%的码农都做不了架构师？>>> ...

html-practice:HTML练习，学习html中不同类型的标签，元素，属性

05-24

在HTML中，标签是最基本的构建块，它们告诉浏览器如何呈现网页内容。比如`<html>`是文档的根元素，`<head>`包含了页面的元数据，如标题，而`<body>`则包含用户在浏览器窗口中看到的实际内容。标签常常成对出现，...

HTML4.0元素默认样式整理

09-28

8. 水平线：`<hr>`元素创建一条水平分隔线，其默认样式包括1像素的内嵌边框。 9. 超链接：`:link`和`:visited`伪类用于未访问和已访问的链接，它们默认带有下划线`text-decoration: underline`。`:focus`伪类在元素...

Html元素嵌套

qq_20037049的博客

09-13

1053

html标签嵌套规则： 1.块级元素 div，h1-h6,ul,ol,p,table,dd,dt,form,menu,center,hr,… 特点：总是在新行上开始，高度、行高以及顶和底边距都可控制，宽度缺省是它容器的100%，除非设定一个宽度功能：主要用来搭建网站构架、页面布局、承载内容 2.行内元素 span,a,input,img,label,em,fon

html的块级元素和内嵌元素

qq_40709929的博客

05-20

447

块级元素和内嵌元素的区别：1.块级元素会独占一行，内嵌元素只会占内容大小2.一般情况下，块级元素可以设置 width, height属性，内嵌元素设置width, height无效3.块级元素可以设置margin 和 padding块级元素<h>，<p> ，<ul>，<ol>，<pre >,<dd>,<dt>，&

CSS-display、块级元素与内联元素

韦编的博客

05-17

677

定义和用法：比较常用的值：块级元素与内联元素的比较

html块和内嵌

weixin_30655219的博客

10-25

块的特征：1、默认独占一行 2、没有宽度时，默认撑满一行 3、支持所有css命令内嵌（内联。行内）的特征 1、同排可以继续跟同类的标签 2、内容撑开宽度 3、不支持宽高 4、不支持上下的margin 5、代码换行被解析块和内嵌的转换 display:block 显示为块 -----使内联元素具备块属性标签的特征 display:inline 显示为内...

HTML 常用内联元素

qq_42467563的博客

10-13

2079

标签名字说明 a 超链接锚点 span 文本区域 label 表格标签 br 换行 i 斜体 em 强调 ...

HTML display 属性和嵌套的问题

薛小科的博客

06-26

394

还有哪些特殊的HTML标签？

常见的内联元素(inline)和块级元素(block)

热门推荐

初学者的博客

09-10

3万+

1.内联元素(inline)： a – 锚点 abbr – 缩写 b – 粗体(不推荐) big – 大字体 br – 换行 cite – 引用 code – 计算机代码(在引用源码的时候需要) em – 强调 font – 字体设定(不推荐) i – 斜体 img – 图片 input – 输入框 kbd – 定义键盘文本 label – 表格标签 q – 短引用 span – 常...

从0开始学react netive：1.HTML块级元素_行内元素_CSS盒子模式_标签选择器

码上封候的博客

03-30

2619

React Native优点 1.跨平台 2.高效 3.热更新因为React Native用到前端的知识，可以去这个网站学习前端知识：http://www.w3school.com.cn网页前端编程基础1：概述工具：webstorm HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语

HTML块级元素与行内元素(内联元素)的区别

阿武刚巴得

10-03

5191

最近所接手的一个项目是一个前后端分离的项目,因为公司暂时抽调不出前端支援这个项目,所以我被临时抽调在这个项目中充当一个前端开发的一个角色.由于之前做过一年多的J2EE开发,所以对于前端开发还是很快能上手的.只是因为之前的html、css常用标签与用法在脑海里面已经很模糊了,所以导致在开发的过程中经常是不明其所以然,一个标签一个标签的、一个属性一个属性的试,导致开发效率极低,所以我打算趁国庆假期开始...

HTML5表单与交互元素详解

本文主要介绍了HTML5中的表单、新增表单类型和属性、框架集合、内嵌框架、图层、span、块元素和行内元素以及HTML5的结构标签。通过学习这些内容，可以深入理解HTML5在网页交互和布局方面的能力。在HTML5中，表单...