行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?

行内元素有哪些?

常用的行内元素:

  • a - 锚点
  • em - 强调
  • br - 换行
  • img - 图片
  • font - 字体设定(不推荐)
  • span - 常用内联容器,定义文本内区块
  • input - 输入框
  • label - 表格标签
  • select - 项目选择
  • strong - 粗体强调
  • textarea - 多行文本输入框

不常用的行内元素:

  • i - 斜体
  • b - 粗体(不推荐)
  • q - 短引用
  • u - 下划线
  • s - 中划线(不推荐)
  • tt - 电传文本
  • sup - 上标
  • sub - 下标
  • big - 大字体
  • dfn - 定义字段
  • bdo - bidi override
  • kbd - 定义键盘文本
  • cite - 引用
  • abbr - 缩写
  • code - 计算机代码(在引用源码的时候需要)
  • small - 小字体文本
  • samp - 定义范例计算机代码
  • strike - 中划线
  • acronym - 首字

块级元素有哪些?

常用的块级元素:

  • p - 标签定义段落
  • h1 - 定义最大的标题
  • h2 - 定义副标题
  • h3 - 定义标题
  • h4 - 定义标题
  • h5 - 定义标题
  • h6 - 定义最小的标题
  • ul - 定义无序列表
  • ol - 定义有序列表
  • li - 标签定义列表项目
  • dl - 定义列表
  • dt - 定义列表中的项目
  • dd - 定义列表中定义条目
  • hr - 创建一条水平线
  • div - 定义文档中的分区或节
  • form - 创建 HTML 表单

不常用的块级元素:

  • th - 定义表头单元格
  • td - 表格中的标准单元格
  • tr - 定义表格中的行
  • table - 标签定义 HTML 表格
  • thead - 标签定义表格的表头
  • tbody - 标签表格主体(正文)
  • tfoot - 定义表格的页脚(脚注或表注)
  • caption - 定义表格标题
  • pre - 定义预格式化的文本
  • legend - 元素为
  • fieldset - 定义一个框架集
  • fieldset - 元素定义标题
  • address - 定义地址
  • noscript - 定义在脚本未被执行时的替代内容
  • noframes - 为那些不支持框架的浏览器显示文本,于 frameset 元素内部

空(void)元素有哪些?

常见的空元素:

	<br><hr><img><input><link><meta>

鲜为人知的是:

	<area><base><col><colgroup><command><embed><keygen><param><source><track><wbr>

行内元素和块级元素有什么区别?

  1. 块级元素默认占一行高度,默认情况下宽度自动填满其父元素宽度
    行内元素不会独占一行,相邻的行内元素会排在同一行,其宽度随内容的变化而变化
  2. 块级元素可以设置宽高
    行内元素不可以设置宽高
  3. 块级元素可以设置 marginpadding
    行内元素水平方向的 margin-leftmargin-rightpadding-leftpadding-right 属性设置可以生效
    行内元素竖直方向的 margin-bottommargin-toppadding-toppadding-bottom 属性设置是无效的;
    行内元素的 padding-toppadding-bottom 从显示的效果上是增加的,但其实设置是无效的,并不会对它周围的元素产生影响
    注:有关该点,详情可参考 qq_37621289 的博文 给行内元素设置padding和margin是否有效
  4. 块级元素转行内元素:display:inline
    行内元素转块级元素:display:block
    行内元素或块级元素转行内块元素:display:inline-block
  • 9
    点赞
  • 72
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

C澒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值