当前博客:45-快码FOF中文编程网页布局之元素显示模式

249 次浏览【转载需注明来源】

博客作者:【快码FOF编程】

个性签名:寒窗苦读十年一朝凤舞九天

在之前的博客中,同学们学习了很多的html基础标签,那么这些标签其实总共就分为两大类;分别是:块元素和行内元素。

块元素和行内元素的相关标签都有自己独立的特点,它们特点的不同主要在于显示的不同。

1、区别介绍

块元素:主要显示模式是独占一行,例如:<区块>标签等,使用块元素类型的标签有一个需要注意的点【文字类标签不允许在内部放置块元素标签】。

错误示例:

<段落>
    <区块></区块>
</段落>

行内元素:主要显示模式是可以同行显示,行内元素也称之为:內联元素

行内元素知识点:行内元素直接设置宽高是无效的,它的默认宽度就是本身内容的宽度,行内元素只能容纳文本或其他行内元素

2、常见元素

块元素常用标签:<标题1>~<标题6>、<段落>、<区块>、<有序列表>、<无序列表>、<列表项>等,大家平时看见独占一行的标签,都属于块元素。

行内元素常用标签:<超链接>、<重要文本>、<粗体>、<删除文本>等,大家平时看见可以在同一行中显示的标签,都属于行内元素。

45-快码FOF中文编程网页布局之元素显示模式