前端学习笔记壹-入门概念（个人自用）

1.学习目的

主要学习pc端网站布局（前端必备），为JavaScript打基础。

2.学习路线

HTML5基础（20%）——>CSS3基础（50%）——>H5C3提高（10%）——>实战演练：品优购网站开发（20%）。

其中，前两个大课时可以理解为打基础，而后面的H5C3的学习则是进一步学习HTML5新增的标签和CSS3样式。

特点：有一定兼容性，可以更好地与未来接轨。

注：作为刚刚开始学习的小白，现在的我对上述名词还是一脸懵的，什么HTML5，CSS3，完全没有概念。感觉刚开始学的时候道阻且长啊2333。等作者学成归来或明白时，就回来把这一句划掉。

---

3.HTML简介

学习目标：

（1）网页的基本组成是什么？

（2）什么是HTML？

（3）Web标准的三大组成部分？

---

3.1.网页

3.1.1. 什么是网页

首先，我们要先明白网站与网页的关系：

网站是在因特网上根据一定规则，使用HTML等制作的，用于展示特定内容的网页集合；

网页则是一种需要用浏览器来阅读的HTML格式的文件，是网站的“一个元素”。

因此我们可以知道：网页是构成网站的基本元素，它一般是由图片、链接、文字、声音、视频等元素组成的以.htm或.html后缀结尾的文件，因此俗称为HTML文件。

3.1.2.什么是HTML

HTML指的是超文本标记语言（Hyper Text Markup Language），它不是一种编译语言，而是一种用来描述网页的标记语言。

而标记语言是由一系列的标签组成的，也可叫做标签语言。

---

注：

超文本的含义有两种解释：

1）可以在编辑时加入图片、视频等内容，超过了一般的文本内容限制。

2）可以在文件之间跳转，与世界各地主机的文件连接，又称超级连接文本。

---

3.1.3.网页的形成

人员：前端开发人员——>（浏览器）——>用户；

过程：前端人员开发网页代码——>浏览器渲染——>用户使用；

3.1.4.小总结

1）网页是图片、链接、音频、视频等元素组成的一个.html文件。

2）HTML其实就是一种编写网页会用到的标记语言。

---

3.2.Web标准（重点）

3.2.1.什么是Web标准？

由W3C（万维网联盟）和其他组织制定的一系列标准的集合。

因为内核的不同，同样的代码在不同浏览器中的页面或排版就可能有所差异，为了提升用户的体验，让网页在不同的浏览器中都可以正常显示，就是Web标准的作用。

3.2.2.Web标准的组成

指结构、表现、行为三个方面。

结构（最重要）：对网页的组成元素进行整理和分类（文字和图片等的添加），现阶段主要学的是HTML。

表现：只有结构的话太乱（就像网不好的时候加载出的网页，一大列的文字标签），表现就是用来对网页进行排版，修饰的工具（CSS）。当此步完成后，一个外观正常的网页就做好了。若想让网

页可以交互，则需要“行为”。

行为：让网页产生交互效果，现阶段指Javascript。

---

Web标准建议：结构，表现，行为相分离。

人话：结构写到HTML文件，表现写到CSS文件，行为写到Javascript文件。

作者看的课：06-HTML标签导读_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV14J4114768/?p=7&spm_id_from=pageDriver&vd_source=78587989d4c05e2642fc9d83aa0c593c

时间：2022.12.14