html行内元素和块状元素有哪些

你好,说到HTML元素的分类,得从2 002 年说起。
当时我在某个城市,刚刚接触网页设计。
那时,网页非常简单。
只需几个标签,您就可以在几分钟内创建一个页面。
当时我对内联元素和块元素完全搞不清了。

内联元素就像我们日常生活中的小对象,比如a标签,它是一个链接,span标签,它是一个容器。
他们不会占用专属队伍,也不会像我们排队买票那样拥挤在一起。
当时我尝试设置宽度和高度,但是啊,不行,它不服从,就老样子。
然而,它在水平边距下工作得很好。
和排队的人一样,可以左右移动,保持一定的距离。

我们来谈谈块元素。
像 div 标签、段落 p 标签、标题 h1 -h6 标签等大元素。
它们只占用一行,并且它们的宽度在排列时自动填充父元素,直到行满为止。
我当时设置了宽度和高度,效果很好。
就好像衣服是为每个团队成员量身定做的一样,所以每个人都可以穿得舒服。

后来我逐渐了解到还有按钮、iframe等特殊元素。
他们就像变色龙。
根据环境的不同,它可能会出现内联或块级。
即使在那个时候我也想知道该怎么办。
我必须仔细学习。

现在HTML5 已经出来了,添加了许多新的标签,例如文章和章节。
它基本上是块级的,但兼容性是一个问题。
当时我觉得HTML5 真是让人又爱又恨。

我们来谈谈字体和中心等废弃标签。
它曾经是网页设计的宠儿,但现在不再推荐,应该由 CSS 取代。
那时我还觉得世界变化太快了。

内联元素和块元素通常是网页设计中的两个强大工具。
如果正确使用,它们可以提高代码的可读性并提供样式控制的灵活性。
即使在那个时候,我也认为网页设计是一个非常大的话题。

HTML的标签分为哪几类

上周 你说 HTML 有两种类型。

内联元素。
它不会占据一行。
并排查看。
例如<跨度>。
宽度和高度没有用。

块元素。
拥有一条线路。
从新的一行开始。
例如


宽度和高度可供选择。

CSS 可以更改。
线路被封锁。
块状变为内联。
别打扰。

行内标签和块级标签的区别

上周我在一门网页设计课程中听到了类似的事情。
老师说:“内联标签和块级标签是HTML中的两种核心标签类型,它们在网页的结构中起着非常重要的作用。
”朋友问我,这两个标签有什么区别?
首先,它们的显示特性不同。

等块级标签将占据整个行宽度并从新行开始渲染。
您可以设置宽度、高度和边距。
等内联标签仅占据内容所需的宽度,并与其他内联元素对齐排列。
无法指定宽度、高度以及顶部和底部边距。

2 02 3 年我发现了一个有趣的现象,就是规则的设置和嵌套。
块级标签可以嵌入块级标签或内联标签,而内联标签通常只嵌入内联标签。
这让我认为如果内联标签嵌套在块级标签中,可能会发生解析异常。

从使用场景来看,块级标签适用于页面结构划分,如导航栏、内容块等,而行内标签则适用于文本样式调整或行内元素的布局。

另一个特别注意的是,像 <input> 这样的标签都是内联元素和块级元素。
它们可以排列在同一行,并且可以设置宽度和高度。
但是,它们受到间距属性的影响。

朋友听后点点头说:“哦,我明白了。
”然后他问我,“现代 CSS 可以改变标签的类型吗?”我回答道:“可以,比如用display:inline-block。
不过你还是要遵循HTML的语义。

算了,这就像学习一门新语言一样,需要不断的练习和掌握。
由你决定。

CSS块级元素与行内元素(内联元素)的区别和联系

哎呀,我当时正在写代码,当我看到块元素和内联元素的区别时,我就困惑了。
你说块元素这么嚣张的占一行,宽度能填满父元素的宽度。
这是多么的嚣张啊。
此外,您可以根据需要更改宽度和高度,多么自由。
可以水平或垂直设置边距和内边距,非常方便。

后来,我不得不转换一个内联元素。
嘿,我不得不使用 display:inline; 。
将行元素转换为内联元素是相当聪明的。
不过,行内元素并不像块元素那么霸道。
他们不能占据一行。
宽度和高度均受内容支持。
这受到其他人的很大限制。
如果边距设置为水平,则有效,但如果设置为垂直,则不起作用。
唉,有点令人沮丧。

让我再看看内联元素。
将它们转换为块元素也很方便。
显示:块; 一旦使用,就会改变一个人。
但是,它与块元素不同。
除了ins和del之外,其他内联元素都不能包含块元素,限制比较多。

当时我在某城市做一个项目,由于不懂标签嵌套的规则,导致页面布局出现了一点问题。
我当时很困惑。
但后来花了很多钱请教前辈,终于想通了。
唉,这个技术活还真是得一步一步来啊。