《网页前端开发之HTML5》 -01课程简介、网页简史、HTML简介

本文为b站视频《尚硅谷前端基础教程（含css3+html5）》课堂笔记整理，笔记以代码形式呈现，包含网页渲染后截图并整理成文字版本便于观看。

---

 

一、课程简介

1.软件的分类

        系统软件：Windows、Linux、macOS

        应用软件：office、QQ

        游戏软件：绝地求生、王者荣耀

2.软件的组成

通常情况下，现在的软件一般由两个部分组成：客户端、服务器

【类比】服务员（客户端）与厨师（服务器）

        客户端：用户通过客户端来使用软件

                文字客户端：古老的方式，通过命令行来使用软件

                图形化界面（C/S架构）：通过点击拖动等来使用软件

                网页（B/S架构）：通过访问网页来使用软件所有的网站都属于这个范畴

        服务器：服务器负责在远程处理业务逻辑

                开发语言：Java、PHP、C#、Python、Node.js

3.网页的优点：

        不需要安装

        无需更新

        跨平台

4.网页中使用的语言：

        HTML、CSS、JavaScript

二、网页简史

1.浏览器和网页

        有了浏览器我们只需要一个网址便可以访问任何的网站

        而浏览器中所显示的内容正式我们所说的网页

        网页原本的样子：

        

        

        浏览器渲染之后的样子：   

          

        前端工程师负责编写网页的源代码

        浏览器负责将网页渲染成我们想要的样子

2.浏览器的问题

        市面上存在有很多不同的浏览器

        在万维网初期，网页编写并没有标准

        相同的代码在不同的浏览器中显示的有可能不同

3.W3C的建立

        1994年，万维网联盟（W3C）建立，它的出现为了制定网页开发的标准，以使同一个网页在不同的浏览器中有相同的效果。

4. 网页的结构

        一个网页主要由三部分组成：结构、表现、行为。

        结构：HTML用于描述页面的结构

        表现：CSS用于控制页面中元素的样式（字体颜色、大小等，所有能看见的）

        行为：JavaScript用于响应用户操作（交互）

三、HTML简介

1.HTML

        超文本标记语言（使用纯文本编辑器所写的东西，例：记事本，只能写字，不能是图片、视频，甚至字号、字体颜色也不能换，即只能存储数据，不存储格式）

        使用记事本编写网页：保存后文件后缀名改为“.html”

        

        

        

        负责网页的三个要素之中的结构

        HTML使用标签的形式来标识网页中的不同组成部分