2024年Web前端最全HTML快速入门，2024年最新web前端面试基础

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

5.HTML5开发工具简介

二、HTML5的文档结构元素

1.HTML元素

2.HTML元素的属性

3.HTML的字符实体

4.HTML标记的书写规范

5.HTML文档的基本结构元素

1.头部内容

2.主体内容

三、HTML5的基本页面元素

1.文本元素

段落标记和换行标记

标题标记

块标记和

2.列表元素

有序列表标记

无序列表标记

自定义列表

3.超链接元素

超链接属性

超链接类型

超链接路径

基准URL标签

4.图像元素和多媒体元素

图像标记

多媒体文件标记

滚动文字设置

1.前端开发三种语言

---

HTML5                                        网页的结构

CSS3                                         网页的表现

JavaScript                                   网页的行为

2.前端开发三种框架

---

VUE.JS       React         Angular

3.HTML含义

---

HTML是英文HyperText Markup Language的缩写，即超文本标记语言。

4.HTML5特性

---

1. 良好的语义特性

2. 强大的绘图功能

3. 增强的音视频播放和控制功能

4. HTML5的数据存储和数据处理的功能

5. 获取地理位置信息

6. 提高页面响应的多线程

7. 文件API

5.HTML5开发工具简介

---

文档编辑工具Nodepad++等

可视化网页开发软件Dreamweaver CS6

集成开发环境WebStorm和IntelliJ IDEA

vscode（推荐）

二、HTML5的文档结构元素

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

1.HTML元素

---

HTML元素指的是从开始标记（start tag）到结束标记（end tag）的所有代码。其内容是开始标记与结束标记之间的内容。

2.HTML元素的属性

---

属性用来说明元素的特征，属性的格式通常为“属性/值”对。

3.HTML的字符实体

---

字符实体有三部分：一个符号 (&)，一个实体名称，以及一个分号 (😉

空格  &nbsp；     小于号&lt；   大于号&gt；

4.HTML标记的书写规范

---

所有标记要用尖括号（< >）扩起来；

标记和属性名不区分大小写，建议统一小写；

空格和回车是无效的，需要使用HTML实体；

标记中不能有空格，如把

采用标记嵌套方式可以为同一个内容应用多个标记；

书写注释，方便程序开发。

5.HTML文档的基本结构元素

---

........ 文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。 即当前页面采取的是 HTML5 版本来显示网页. 和标记表示该文档是HTML文档。 和标记表示文档头部信息。 和标记是网页的主体信息

1.头部内容

标记是所有头部标记的容器，它是开始标签后出现的第一个标签，以开始，以结束，开始和结束之间可以包含标题信息、元信息、定义CSS样式和JavaScript脚本代码等。 标记中的内容，一般不会显示在网页上。以下是中所包含的标记。

1.标题

2.元信息标记

标记可提供相关页面的元信息(meta-information)，有以下4种使用方法

• 字符集charset属性

规定 HTML 文档应该使用哪种字符编码

    

• 关键字描述

向搜索引擎说明网页的关键字

• 页面描述

对一个网页概括的描述

• 页面跳转

<meta http-equiv= “Refresh” content= “时间间隔的秒数；url=要跳转的网站”

3.标签

为页面上的所有链接规定默认地址或默认目标

<basehref= “http://www.baidu.com”>

4.标签

链接外部文件，例如样式表等

2.主体内容

即body元素包含文档的所有内容（比如文本、超链接、图像、表格和列表）等等。HTML 5增加了article、section、nav、aside、header、footer等布局元素，以实现更好的语义解释。

三、HTML5的基本页面元素

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

1.文本元素

---

段落标记

和换行标记

段落标记

来描述段落。网页显示时，包含在

标记对中的内容会显示在一个段落里。另起一行使用换行标记
。

标题标记

n取1-6，h1最大，h6最小

块标记

和

是一种块（block）容器，默认的状态是占据一行，而 是一个行间(inline) 容器，其默认状态是行间的一部分。

2.列表元素

有序列表标记

1.        
2. 列表信息
3.        
4. 列表信息
5.        
6. 列表信息
7.        
8. 列表信息
9.         ...   

type属性可以修改有序列表序号的样式

属性值          说明

1              数字1、2…

a            小写字母a、b…

A            大写字母A、B…

i             小写罗马数字i、ii、iii…

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

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

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

、B…

i             小写罗马数字i、ii、iii…

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

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

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！