2024年鸿蒙最全【前端寻宝之路】学习和总结HTML的标签属性(2)，2024年华为HarmonyOS鸿蒙面经

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上鸿蒙开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

文章目录

• • Dom树

• 段落标签:p是双标签
• 换行标签:br是单标签

• Img标签
• • 属性1:

• 属性2

• a标签
• • herg属性

Html:html文件根标签
Head:编写页面相关的属性
Title:页面标题
Body:页面内容展示

---

Dom树

• 所有的标签都是html子标签
• Head和body是兄弟标签
• Head和title父子标签

每一个标签相当于一个对象,我们可以通过代码拿到这些对象,然后对这些对象进行增删查改.

---

快速生成代码框架 Shift+!+Enter 生成代码框架的含义

---

标题标签:h1-h6 有六个,从h1-h6,数字越大,则则字体越小.

注释:ctrl+/ 我们可以通过快捷键:Fn + F12 查看到页面的源代码.

---

段落标签:p是双标签

---

换行标签:br是单标签

• Br是break的缩写,表示换行.
• Br是一个单标签(不需要结束标签)
• 

换行标签和段落标签的区别:换行标签换行后的间隙比段落标签小.

格式化标签

• 加粗:strong标签 和 b标签
• 斜线:em 标签 和 I 标签
• 删除线:del 标签 和 s 标签
• 下划线:ins 标签 和 u 标签

Img标签

属性1:

Src属性 Img标签必须搭配着src使用(指定图片路径)

属性2

• alt:替换文本,当文本不能正确显示的时候,会显示一个替换的文字.(alt后面的文案,只有当图片加载出错的时候才会展示,如果图片加载成功,这个文案就不会展示)
• title:提示文本,鼠标放到图片上,就会有提示.

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

**

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！