HTML行内元素和块级元素

本文详细解析了HTML中的行内元素和块级元素,包括span、a、img等行内元素及h1、p、div等块级元素的特点与区别。阐述了它们在网页布局中的作用,如共用一行、设置宽高及内外边距的效果。

HTML行内元素和块级元素(部分)

行内元素

行业元素标签:

  1. span 行内文本元素
  2. a 定义超链接
  3. b strong 加粗
  4. br 换行
  5. img 图片
  6. sup 上标
  7. sub 下标
  8. i em 斜体
  9. u 下划线
  10. input 文本框
  11. textarea 多行文本
  12. select 下拉列表…等

//注意:img是特殊的行内标签

块级元素

块级元素标签

  1. h1 h2 h3等标题
  2. p 段落
  3. ul 无序列表
    ol 有序列表
  4. table 表格
  5. form 表单
  6. div …等

html中常见的行内元素和块级元素如上所示!!!!

行内元素和块级元素的区别

行内元素:

  • 可以与其他行内元素一起共用一行
  • 设置margin外边距左右边距有效,上下边距无效果
  • 不可以设置宽高
  • 设置值padding内边距无效

块级元素:

  • 块级元素独自占用一行
  • 可以设置宽高
  • 可以设置margin以及padding
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值