html之内联元素与块状元素

本文详细介绍了HTML中块状元素与内联元素的概念、区别及其相互转换的方法,包括常见块状元素如div、段落、标题等,以及常见内联元素如锚点、输入框、图片等。同时,阐述了如何通过display属性实现元素类型的转换,为网页布局提供了灵活的解决方案。

1、块状元素一般比较霸道,它排斥与其他元素位于同一行内,比如div,并且width与height对它起作用。


2、内联元素只能容纳文本或其他内联元素,它允许与其他内联元素位于同一行内,比如span,但,width与height对它不起作用。


3、当然,块状元素与内联元素是可以相互转换的,给块状元素设置 display:inline; 或 给内联元素设置 display:block; 即可转换。


4、常见的块状元素

  • div  -  块

  • p  -  段落

  • h1 ~ h6  -  大标题

  • table , form  -  表格,表单

  • ul , ol  - 非排序列表,排序表单

  • hr  -  水平分割线


5、常见的内联元素

  • a   -  锚点

  • span  -  内联块

  • br  -  换行

  • input  -  输入框

  • img  -  图片

  • select  -  项目选址

  • textarea  -  多行文本输入框


评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值