块状元素与行内元素

本文介绍了HTML中的常见块状标签和行内标签,包括标题、段落、列表、表格、层、表单等块状元素,以及图像、范围、换行和超链接等行内元素。同时,阐述了块状元素与行内元素在排列方式、内嵌元素和属性设置上的三个主要区别,帮助理解它们在网页布局中的应用。
摘要由CSDN通过智能技术生成

一:常见的块状标签和行内标签
1)块状标签:①标题〈h1〉~〈h6〉
②段落〈p〉
③水平线〈hr/〉
④列表 无序列表〈ul〉〈li〉
有序列表〈ol〉〈li〉
自定义〈dl〉〈dt〉〈dd〉
⑤表格〈tabie〉
⑥层〈div〉
⑦表单〈form〉
2)行内标签:①图像〈img〉
②范围〈span〉
③换行〈br/〉
④超链接〈a〉
二 :块状元素与行内元素的3个不同点:
①排列方式的不同: 内行元素按照从左到右的方式排列,多个内行元素显示在同一行,只能当一行排列完后,才能开始行的一行。而块状元素各占一行,按照自上而下的方式排列。
②内嵌元素不同: 块状元素可以包含行内元素和块状元素 ,行内元素不能包含块状元素,只能包含文本或其他行内标签。
③属性设置不同: 行内元素设置width属性、height属性时无效,但可以设置line-height属性。在设置margin属性、padding属性时,对于上下方向上的设置无效。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值