html标签分类有哪些

哎呀，当我第一次了解 HTML 标签时，我对它感到困惑。
记得那时候我每天跟着培训班，在电脑上写代码。
当时我对块级标签、内联标签、内联块标签感到困惑。

有一次，我们班的一个同学正在做一个网站。
创建列表并使用 HTML 和 标记。
结果，列表中的内容没有自动换行，而是全部压缩为一行。
我当时就很困惑，你是怎么做到的？后来我发现 和 是块级标签，默认情况下占一行，需要使用 CSS 进行修改。

还有一次，我帮朋友创建了个人博客。
我想在文章中添加一些链接，所以我使用了标签。
这样一来，链接和文字就被压缩在一起了，显得特别不方便。
我查了资料发现是内联标签，宽度和高度取决于内容。
后来我用CSS设置链接的宽度，解决了这个问题。

我再次帮助一家公司建立了他们的官方网站，他们想在网站上放一些图片，所以我使用了标签。
生成的图像看起来错误且非常混乱。
我去做了一些研究，发现它实际上是一个内联块帐户。
尽管可以配置其宽度和高度，但默认情况下它是左对齐的。
我使用 CSS text-align 属性使图像居中。

总之，这些标签的分类主要取决于它们在页面上的显示行为。
块级标签占据一行，内联标签在一行上，内联块标签可以有宽度和高度，并且可以在一行上。
一旦掌握了这些，构建网站就会变得容易得多。
我记得以前我在页面布局上花了好几天的时间，不太理解，但现在我一看就明白了。
哈哈，这也是一种体验！

HTML图片宽度怎么设置_HTML图片宽度设置详解

说实话，刚开始学习Web开发的时候，对于设置图片宽度我是很困惑的。
当时我找了一个教程，看到我使用了HTML的width属性。
结果很多照片直接放在页面上，宽度完全混乱。
后来我意识到这需要策略。

查看我之前的项目，有一个新闻页面。
我直接使用HTML来设置图像宽度。
一开始看起来还不错，但后来，随着手机用户数量的增加，图像可能会占满整个屏幕，或者像豌豆一样缩小。
这种经历是可怕的。
说实话，我当时心里很愧疚，当时并不明白响应式设计的重要性。

后来我改变了主意，开始使用CSS来控制它。
我记得以前有一个旅游网站。
我直接用 CSS 编写来适应它们：img { width: 1 00%;高度：自动；最大宽度：6 00px；这样，无论什么设备，图像宽度都可以随着容器的变化而变化，但不能超过6 00像素。
有趣的是，这个技巧确实有效，用户报告说该页面更加用户友好。

但是有了这个不够。
后来我们了解了srcset和sizes，这才真正掌握了响应式图像的精髓。
比如产品展示页的编码： 现在你就明白了；您将了解不同的设备可以加载不同尺寸的图像以优化性能。
我有一个客户使用此解决方案并减少了 3 0% 的带宽消耗。
My boss praised me for my technical knowledge.
但是这些技能不是一天就能学会的。
我记得第一次调试srcset时，在控制台玩了很长时间。
Data记得上传了一张6 00w的图片到iPhone 1 1 上，但后来发现手机还是卡住了。
我个人没有在这方面运行过高端旗舰机，但我建议检查最新设备的基准测试。

To put it bluntly, the key to defining image width lies in the flexible use of tools, while at the same time understanding the context in which the user is using the tool.现在写代码的时候，首先考虑移动端，然后使用percentage和max-width，最后使用srcset。
如此一步步进步，可以避免很多灾难。

HTML中如何限定多行文本域的大小

使用行和列来调整行数和列数。
例如，行=“3 ”列=“2 0”。
用CSS控制宽度和高度更加灵活。
例如，宽度=“2 00px”高度=“1 00px”。
使用适当的 CSS 使文本字段边界清晰。
CSS 调整占项目的 9 0%。
具体数值请参见设计稿。
尝试一下。

首先我们先看看html img图片如何等比例缩放：