2021-3-13HTML中块级标签，行内标签和行内块标签的区别

最新推荐文章于 2022-12-13 20:00:00 发布
最新推荐文章于 2022-12-13 20:00:00 发布
阅读量694 收藏 2
点赞数 2
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45304830/article/details/114750901
版权

HTML中块级标签，行内标签和行内块标签

html标签分为块级标签，行内标签和行内块标签 .

（1）块级元素：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；
（2）行内元素：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高；
（3）行内块元素：结合的行内和块级的优点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；
当然他们可以通过display转换
display:block;转换为块级标签
display:inline-block;转换为行内块标签
display: inline;转换为行内标签

我是div

我是段落文本标签p


我是一级标题标签


我是二级标题标签


我是三级标题标签


我是四级标题标签

我是五级标题标签

我是六级标题标签


  • 我是无序列表标签



我是自定义列表标签



  2. 我是有序列表标签



我是表单标签

我是表格表标签




我是a链接标签
我是文本节点标签
我是文字倾斜标签
我是文字倾斜标签
我是文字加粗标签
我是文字加粗标签

图片不能显示时文本提示

我是文本域

以下是以上标签的效果图在这里插入图片描述

小蜗蜗有头发
关注
HTML基础------详细了解块级元素、行内元素和行内块元素
coderWang
03-16 312
1.块级元素 1.1、特征 霸占一行，不能与其他任何元素并列。 宽高设置有效，那么宽度将默认变为父级的百分百。 1.2、常用元素中那些属于块级元素 如 <h1>~<h6>,<p>,<div>,<ul>,<ol>,&lt...
html h1转换为行内,浅谈html标签的显示模式(块级标签,行内标签,行内块标签)
weixin_33037713的博客
05-31 846
今天讲课的时候，讲到了html中的标签的显示模式，大致分为块级标签和行内标签。那么初学者在刚使用标签的时候会发现有些属性在一些标签上不起作用，比如宽、高、水平居中等，其实这个属性的使用只有在块级标签上使用才起作用。个人认为这个也是初学者非常容易忽略的地方，所以我就把它记下来！比如会有一种情况，给p标签水平居中有作用，但是给font加水平居中属性就没作用(如下)：XML/HTML Code复制内容到...
HTML中行内元素（内联标签）与块级元素（块级标签）的区别
qq_36608036的博客
11-10 869
HTML中行内元素与块级元素的区别 1.行内元素与块级函数可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display：inline，块级元素display：block。 2.行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；块级元素却总是会在新的一行开始排列，各个块级元素独占一行，垂直向下排列，若想使其水平方向排序，可使用左右浮动（float：left/right）让其水平方向排列。 3.行内元素不可以设置宽高，宽度高度随文本内容的变化而变化，但是可以设置行高（l
html中行和块级标签的区别,css行内元素和块级元素的区别是什么？
weixin_35651102的博客
06-30 239
行内元素和块级元素的区别是什么？下面本篇文章就来给大家介绍一下行内元素和块级元素的区别。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。块级元素和行内元素的定义块级元素？总是在新行上开始；高度，行高以及外边距和内边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度。它可以容纳内联元素和其他块元素行内元素？和其他元素都在一行上；高，行高及外边距和内边距不可改变；宽度就是它的文...
HTML 块标签，行内标签，行内块标签以及之间的相互转换
热门推荐
zilaiye1314的博客
09-22 1万+
参考文献： http://www.cnblogs.com/792155879a/p/5680444.html http://blog.csdn.net/yudiandemingzi/article/details/54613234            HTML 块标签，行内标签，行内块标签以及之间的相互转换 ++++++++++++++++++++++++
块状标签与行内标签
m0_65050963的博客
12-09 457
常见的块状标签: 标题(~h6>)、段落()、水平线()、列表(、、、、、）、表格()、层()以及表单()等。 常见的行内标签: 图像()、范围()、换行()以及超链接()等。 行内元素与快状元素从直观上存在以下3点区别： (1)排列方式不同。行内元素按照从左到右的方式进行排列，多个行内元素显示在同一行，只有当一行排列完举后，才会开始一个新行。块状元素各占据一行，则按照自上而下的方式进行排列。 (2)内嵌元素不同。块状元素可以包含行内元素和块状元素。行内元素不能包含块状元素，只能包含文本或者其他行内元
HTML标签块级元素与行内块元素区别，以及一些特殊元素的使用！
gfhdgo的博客
08-03 399
一、HTML简介 HTML不是一个编程语言，它是一门超文本标记语言。很多才学习前端的小伙伴总是将html认为是一门编程语言。它的作用是在于告诉浏览器如何构造你的页面。它可以由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 HTML特点 超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网 （WWW）盛行的原因之一，其主要特点如下： 1.简易性：超文本标记语言...
浅谈html标签的显示模式(块级标签,行内标签,行内块标签)
12-14
- 行内块元素如`<img>`和`<input>`，它们结合了行内元素和块级元素的特点，可以设置宽度和高度，同时能和其他行内元素在同一行显示。不过，行内块元素之间可能存在间距问题，需要额外处理。 - 可以通过CSS的`...
详解HTML常用的标签中行内元素和块级元素
09-28
在HTML中，标签元素被分为块级元素和行内元素两大类，这种分类方式决定了元素在页面上的显示和行为特性。块级元素和行内元素的不同主要体现在它们的布局方式上，以及如何与周围的元素交互。 首先，块级元素（block ...
HTML块级元素、行内元素和行内块元素
jiuyue_77的博客
10-24 1732
HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。
HTML行级标签和块级标签
qq_38577700的博客
08-24 668
一，块级标签 独占一行，不和其他元素待在同一行 能设置宽高,如果不设置宽度，那么宽度将默认变为父级的100% 常见的块级标签：div，p，h1-h6，ul，li，dl，dt，dd 二，行级标签 能和其他元素待在同一行 不能设置宽高,默认的宽度就是文字的宽度 常见的行级标签：a ，span，strong，u，em 三，行内块标签 能和其他元素待在一行 2 能设置宽高 常见的行内块标签：img，input，textarea 在HTML的角度来讲，标签分为： 文本级标签：p , spa
行级标签和块级标签的区别
Nightliar的博客
02-07 8875
一、块级标签 1.总是在新行上开始，占据一整行。 2.高度，行高以及外边距和内边距都可控制。 3.宽带始终是与浏览器宽度一样，与内容无关。 4.它可以容纳内联元素和其他块元素。 二、行级标签 1.和其他元素都在一行上。 2.高，行高及外边距和内边距部分可改变。 3.宽度只与内容有关。 4.行内元素只能容纳文本或者其他行内元素。
块级标签和行内标签
weixin_63331779的博客
12-08 2009
块级标签与行内标签 块级标签 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.范围
关于HTML块级元素、行级元素的概念和区别
黑蜀黍的博客
11-06 1318
一、从概念的角度说一下块级元素和行级元素 1.块级元素，一般都是从新行开始，它可以容纳行级元素和其他块元素，常见块级元素比如div/p等。“form”这个快元素比较特殊,他只能来容纳其他块元素 2.行级元素：也叫做内联元素，一般都是语义级别的基本元素，内联元素已办只能容纳文本或者其他内联元素。 块级元素（block element）和内联元素（inline element）都是html规范中...
【HTML5】不同-块级&行级
GUIDM的博客
04-29 518
hello兄弟们，出了期块级标签和行级标签的blog，简单地介绍了常用的元素。 这篇就小小的汇总一下，他们的区别 块级标签自动换行，前后隔一行；行级标签不会自动换行，从左往右依次显示。 块级标签的宽度默认是100%；行级标签的宽度由文字内容撑开。 块级标签可以设置宽度，高度，边距等距离；行级标签不能设置宽度，高度，边距等属性。 ...
块级标签与行内标签总结
m0_65041040的博客
12-08 618
目录 一.块级标签 二.行内标签 三.区别 四.展示 一.块级标签： 标题(〈h1〉～〈h6〉） 段落（〈p〉） 水平线（〈hr/〉） 列表（〈ul〉 〈ol〉 〈li〉 〈dl〉 〈dt〉 〈dd〉） 表格（〈table〉） 层（〈div〉） 表单（〈form〉） 二.行内标签 图像（〈img〉） 范围（〈span〉） 换行（〈br/〉） 超链接（〈a〉） 三.区别 1.排列方式不同：行内元素只有当一排全部占满过后才会自动换行，块状元素各占据一行 2.内嵌元素不同：块状元素内部可以包含行内元素和块状元素，
行标签与块标签
qq_20179227的博客
08-17 3525
行标签与块标签 行标签和块标签是HTML页面标签的两种属性，都是属于css样式。 行标签：表示这种标签在页面中只占其本身大小，而在样式中对其宽和高的设置是无效的，这种标签是可以在一行中排列显示的，也叫做水平分布。 行标签包括：a、span、label、button、input。 当HTML代码这样写的时候 <a href="#">a标签</a> <sp...
Html中的行级元素和块级元素的区别
tanxinji的博客
11-16 1540
对于行级元素和块级元素的区别。 某标签是块级元素时，可以设置宽高，并且不能和其他标签在一行;某标签是行级元素时，不可以设置宽高,可以和其他标签在一行。
前端基础(二)_HTML常用标签（块级标签、行级标签、行块级标签）
最新发布
见贤思齐焉，见不贤内自省
12-13 5006
HTML常用标签（块级标签、行级标签、行块级标签）
HTML标签：块级元素、行内元素与行内块元素解析
"09学院门户网站.pdf - 介绍HTML中的标签显示模式，包括块级元素、行内元素和行内块元素的特性和用途。" 在网页设计中，理解HTML标签的显示模式至关重要，因为这直接影响到网页布局和内容的表现方式。本资料详细...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值