2024年静态网页开发技术之HTML，web前端面试技巧和注意事项

文末

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。

前端面试题汇总

JavaScript

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

性能

linux

前端资料汇总

–>

标题1

标题2

标题3

标题4

标题5

标题6

标题7

3.6 iframe框架标签

---

iframe标签它可以在一个html页面上，打开一个小窗口，去加载一个单独的页面。

我是一个单独的完整的页面

3.7 div 、span、p标签

---

代码：

div标签1

div标签2

span标签1

span标签2

p段落标签1

p段落标签2

实现结果：

3.8 常用标签

---

很多时候，当下并不需要立马将知识牢记于心，而是通过后期的不断查阅来巩固。

常用标签参考网站【传送门】

4 特殊字符

=========================================================================

很多时候，我们想把 br 这个字符当成文本显示在网页上，可是HTML会认为这个字符是换行的意思，在Java或者Python等语言中，我们会利用转义字符来解决这个问题，而在HTML中，我们用实体名称来解决这个问题。即Markdown文本编辑器中换行等用的方式。操作方式：传送门

5 超链接

========================================================================

超链接的网站的需要在网址的开头写上//。

百度

百度_self

百度_blank

6 列表

=======================================================================

操作方式：【传送门】

• sharm
• zhao
• zhiming
• huge

• 7 表格

  =======================================================================

  操作方式：【传送门】

  8 图像

  =======================================================================

  见代码注释，其中还包括了相对路径和绝对路径。

  

  9 实战之表单设计

  ============================================================================

  9.1 需求

  ---

  创建一个用户信息注册的表单界面，其中包含用户名、密码、确认密码、性别（单选）、趣爱好（多选）、国籍（下拉列表）、隐藏域、自我评价（多行文本域）、重置、提交这些功能。

  9.2 思路

  ---

  一般我们在显示表单的时候，会把表单放在表格中，显得整齐。实现效果如下所示：

  

  9.3 实现代码

  ---

  实现原理以及步骤在代码注释中。

  用户注册

  用户名称： 用户密码： 确认密码： 性别：

  男

  女

  兴趣爱好：

  后话

  ---

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  对于面试，说几句个人观点。

  面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。
  其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

  所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。