html的下一级是什么,html基础知识2-什么是块级、行内、行内块标签

html标签的分类

上面我在html基础知识-简介一节中主要介绍了html的简介和标签,本节主要是介绍html的布局特性分类;主要把分为三种:

1.块级标签

什么是块级元素?官方解释是:单独占据一整行的标签,对高度、宽度、行高以及顶和底边距都可设置的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽;,如图

9fd83774323e?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

块级元素

我们可以看到这个是网页中显示的效果,div 和p都是块级标签;很显然,它在浏览器中的显示是单独占据一行;块级标签有这些:div p ul li table td th h1-h6....

2.行内标签

什么是行内元素?可以多个标签存在一行,不能直接设置行内标签的高度、宽度、行高以及顶和底边距,完全靠内容撑开宽高;如图:

9fd83774323e?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

行内元素

浏览器中使用的是span 和 a标签,两个显示在同一行;类似这样的行内标签主要有:a、span、em、strong、b、i、u、label、br...

3.行内块标签

其实行内标签大多数情况下,很多人把他划分到行内标签,我把它单独提取出来;它具备行内和块级元素的特性;这里我不在解释,记住就可以了,例如:input   img..

注意:以上的标签都有各自的特性,比如默认情况下,块级标签可以设置高宽,行内标签不可以等等;这些特性会影响到布局的结果;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值