2024年Web前端最全HTML基础标签汇总，阿里前端p7面试

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

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

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

一级标签

二级标签

三级标签

四级标签

• 加了标题的文字会加粗，字号也会依次变大

• 一个标题独占一行

2.段落标签

段落标签

• 可以把HTML文档文档分割为若干段落

• 文本在一个段落这种会根据浏览器窗口的大小进行自动换行

3.换行标签

• <br /> 是个单标签

• <br /> 标签只是简单的开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距

4.文本格式化标签

用于为文字设置粗体、斜体、下划线等效果

| 语义 | 标签 |

| — | — |

| 加粗 | <strong></strong> |

| 倾斜 | <em><em> |

| 删除线 | <del></del> |

| 下划线 | <ins></ins> |

5.盒子标签

我是一个块元素

我是一个行内元素

• <div></div>一行只能放一个

• <span></span>一行可以放多个

6.图像标签

| 属性 | 属性值 | 说明 |

| — | — | — |

| src | 图片路径 | 必须属性 |

| alt | 文本 | 替换文本（当图片不能显示时候显示的文字） |

| title | 文本 | 提示文本（鼠标放到图像上，显示的文字） |

• src是<img>标签的必须属性，它用于指定图像文件的路径和文件

7.超链接标签

AcWing

| 属性 | 作用 |

| — | — |

| href | 用于指定链接目标的url地址，是必须属性 |

| target | 用于指定连接页面的打开方式，_self为默认值，_blank为在新窗口中打开 |

8.特殊字符

| 特殊字符 | 描述 | HTML代码 |

| — | — | — |

| | 空格号 |   |

| < | 小于号 | < |

| > | 大于号 | > |

| & | 和号 | & |

| “ | 引号 | " |

| ® | 已注册 | ® |

| © | 版权 | © |

• 空格、小于号、大于号 这三个符号较为常用

9.表格标签

姓名 性别 年龄 张三 男 15 李四 男 15 王五 男 15

• table 用来定义表格的标签

• th 用来定义表格中的表头，表头单元格里面的内容加粗居中显示

• tr 用来定义表格中的行，必须嵌套在<table></table> 标签中

• td 用来定义表格中的单元格，必须嵌套在<tr></tr> 标签中

10.列表标签

| 标签名 | 定义 | 说明 |

| — | — | — |

| <ul></ul> | 无序列表 | 里面只能包含li，没有顺序，li里面可以包含任何标签 |

| <ol></ol> | 有序列表 | 里面只能包含li，有顺序 |

| <dl></dl> | 自定义列表 | 里面只能包含dt和dd，dt和dd里面可以放任何标签 |

• 无序标签
• 无序标签
• 无序标签
• 有序标签
• 有序标签
• 有序标签

• 自定义标签
  自定义标签
  自定义标签

  11.表单标签

  一个完整的表单通常由表单域，表单控件（表单元素）和提示信息3部分组成

  1. 表单域

  • 表单域是一个包含表单元素的区域

  • <form></from>标签用于定义表单域，会把它范围内的表单元素信息提交给服务器

  | 属性 | 属性值 | 作用 |

  | — | — | — |

  | action | url地址 | 用于指定接收并处理表单数据的服务器程序的url地址 |

  | method | get/post | 用于设置表单数据的提交方式，其取值为get或post |

  | name | 名称 | 用于指定表单的名称，以区分同一个页面中的多个表单域 |

  2.表单元素

  ①input输入表单元素

  input是个单标签，type 属性设置不同的属性用来指定不同的控件类型(文本字段、复选框、单选按钮、按钮等)

  

  <input> 标签的一些其他常用属性

  

  • name 和 value是每个表单元素都有的属性值，主要给后端人员使用

  • name 是表单元素的名字，要求单选框和复选框要有相同的name值

  • checked 属性主要针对于单选框和复选框，主要作用是一打开页面，就可以默认选中某个表单元素

  ②文本框与密码框

  账号：

  密码：

  • type 属性设置为text 是文本框

  • type 属性设置为 password 是密码框

  ③单选框和复选框

  性别：男 女

  选课：物理 化学 生物

  • type 属性设置为 radio 是单选框

  • type 属性设置为 checkbox 是复选框

  • name是表单元素的名字，要求 单选框和复选框要有相同的name值

  ④button和文件域

  文末

  篇幅有限没有列举更多的前端面试题，小编把整理的前端大厂面试题PDF分享出来，一共有269页

  

  

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

  type 属性设置为 radio 是单选框

  • type 属性设置为 checkbox 是复选框

  • name是表单元素的名字，要求 单选框和复选框要有相同的name值

  ④button和文件域

  文末

  篇幅有限没有列举更多的前端面试题，小编把整理的前端大厂面试题PDF分享出来，一共有269页

  

  

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