html标签及其作用

日期：2026-03-12 19:41:23 作者：创始人浏览：0

html中img标签的作用

HTML里的标签就是网页放图片的，用src指定图片位置，宽高可以调。

alt写图片说明，方便读屏软件读，提高无障碍。

图片大了用CSS调整，不要直接改宽高。

响应式网页，图片大小会根据屏幕自动变。

懒加载可以优化页面加载速度。

路径错了图片不显示，alt文本会出来。

SEO做关键词优化，但别乱堆砌。

旧属性如border已经不常用，用CSS做。

图片标签用对，页面好看又快，用户也开心。
你自己掂量。

HTML常用标签

哎哟，说起HTML标签，那可是咱们做网页的基础啊。
比如说那个标签，它就像网页上的门，能带我们跳转到其他地方。
记得有一次，我在2 01 8 年给一个电商网站做页面，就用百度这样的标签，用户一点击就能直接跳转到百度。

还有那个标签，它就像是网页上的眼睛，能展示图片。
我之前在2 01 9 年给一个旅游网站做页面，图片都是用这样的方式嵌入的。
有个小技巧，你给图片加个alt属性，万一图片加载不出来，用户也能看到替代文字，这样对视力不好的用户友好。

再说说标签，它就像网页上的表格，能展示数据。
我2 01 7 年给一个公司做年报页面，表格就是用

、、

、

这些标签做出来的。
记得当时还用了

标签给表格加了个标题，让页面看起来更专业。

每个标签都有它的作用和用法。
比如说标签的href属性，可以指定链接的目标，是跳转到另一个网页，还是打开一个新窗口，或者直接下载文件。
还有标签的src属性，就是告诉浏览器图片在哪里，是本地路径还是网络地址。
至于标签，它的border、cellpadding、cellspacing属性，都是用来调整表格的外观，让表格看起来更整齐。

总的来说，这些标签虽然简单，但用得好，能让网页看起来更美观，功能更强大。
不过说实话，当时我刚开始学的时候，也觉得挺复杂的，慢慢实践多了，也就明白了。
就像那个标签，看似简单，但用得好，能让用户体验大大提升。

常见的html标签及作用

哎哟，说到HTML标签，这可是前端开发的老本行了。
咱们就聊聊这些标签，怎么用，怎么组合，怎么让网页看起来不那么单调。

先说结构标签，这可是网页的骨架。
比如说，你做个网页，得有个头（head），里面放个标题（title），告诉浏览器这网页是啥内容。
还有字符编码声明（meta charset），这得写上，不然中文可能显示不出来。
这头信息是给浏览器看的，用户是看不到的。
然后就是body，这可是正文了，所有的文字、图片、链接都在这里面。

再来说文本标签，这主要是为了让文本看起来更舒服。
比如，你写个段落（p），浏览器会自动给你留个间距，看起来不那么挤。
标题（h1 ）到（h6 ）就是为了让内容分层次，h1 是最重要的，h6 是最不重要的。
还有加粗（b）、斜体（i）、下划线（u），这些都是为了强调某些内容。

链接标签就简单了，你想让人点到哪儿就去哪儿，就用标签。
给个href属性，写上网址，用户一点就跳过去了。
还有个标签，这玩意儿主要是为了在CSS里加样式，或者用JavaScript玩点花样。

图像标签，这可是网页的颜值担当。
你把图片的地址写进标签的src属性里，就能把图片放网页上了。
alt属性也很重要，万一图片加载不出来，用户也能知道图片是啥。

表单标签，这主要是为了收集用户信息。
你做个表单（form），里面放个输入框（input），用户可以填信息。
还有密码框、复选框、单选按钮，这些都是表单里常用的元素。

媒体标签，这主要是为了丰富用户体验。
你放个视频（video）或者音频（audio），用户就能在网页上看到听到更多东西。

表格标签，这主要是为了展示数据。
你做个表格（table），用行（tr）和单元格（td）来组织数据。
表头（th）就是用来标明列的。

最后，还有其他一些标签，比如保留文本格式（pre）、画个分割线（hr）、分组内容（div）或者调整小段文本（span）。

总的来说，这些标签就像是乐高积木，你把它们组合起来，就能搭出各种各样的网页。
掌握这些标签，你就能在前端开发的道路上越走越远。
说实话，我当时也没想明白这些标签的用法，都是一点点摸索出来的。
不过现在，我对这些标签的用法已经烂熟于心了。