Web前端开发必学，html的介绍及常用标签，2024最新中高级前端面试题目

HTML文档结构基本由以下四部分组成:

（1）文档声明：标志是： ，声明这是一个HTML文档。

（2）html标签对：标志是： ，标签的作用相当于程序在告诉网页浏览器，整个网页是从这里开始的，然后到结束。

（3）head标签对：标志是：，head标签是页面的头部。

（4）body标签对：标志是：，body标签是页面的身体，一般网页绝大多数的标签代码都是在这里进行编写。

常用标签：

标签和 标签：

和 是没有语义的，它们就是一个盒子，用来装内容的。

这是div标签

这是span标签

特点：
1）

标签用来布局，但是现在一行只能放一个

。
2） 标签用来布局，一行上可以多个 。

图像标签：

在 HTML 标签中， 标签用于定义 HTML 页面中的图像。

img 是单词 image 的缩写，意为图像。src 是标签的必须属性，它用于指定图像文件的路径和文件名。

代码示例:

标签必需的属性:

alt：规定图像的替代文本。
src：规定显示图像的 URL。

url可以使用绝对路径或者相对路径：

• 绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。
• 相对路径：是从代码所在的这个文件出发，去寻找目标文件的，而我们这里所说的上一级 、下一级和同一级就是 图片相对于 HTML 页面的位置。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。

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

、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
[外链图片转存中…(img-0GLTRv3w-1712453948194)]