day1-HTML基础知识

最近在学习HTML，在简书也发现了很多大神，目前跟着江哥在学习，自己整理笔记。第一天的内容主要介绍HTML的入门知识，主要包括浏览器，网页访问原理，网址具体意义，以及网络协议，采用What-Why-How的模式进行介绍。本人使用的是Mac Pro所以如果有什么笔记中有什么错漏，或者提问技术问题都可以留言，大家进行经验分享 ---- 喵

Part1：什么是浏览器

• 安装在电脑中的一个软件（实现特定功能）

浏览器的作用

• ①将网页渲染出来给用户查看
• ②让用户通过浏览器和网页交互

世界上主流浏览器

浏览器名称	浏览器内核
IE（Internet Explorer）	Trident
Chrome	WebKit / Blink
Firefox	浏览器Gecko核
Safari	Webkit
Opera	Presto

• 最流行的五款，它们有各自的内核（渲染引擎--决定浏览器如何显示网页内容以及页面格式信息）

Part2：什么是服务器

• 超级计算机，配置高，24小时不断电不关机
• 专门存储数据，访问者可以访问数据（不关机情况下）

Part3：浏览器访问网页原理✨✨✨

• 当我们访问网页的时候，系统会帮我在指定的地方创建一些缓存文件夹（专门存储网页数据）
• 小结
  • ①当我们利用浏览器访问网页时，有真实的物理文件传输；浏览器会将网页上的内容保存到本地文件夹中（专业术语：缓存），然后在渲染出来给用户查看
  • ②第二次打开网页时会比第一次访问时速度快，因为已经缓存该网页到本地
  • ③缓存文件夹中有图片，也有.js .css .html等文件；网页越复杂，组成该网页的各式文件就越多

Part4：什么是URL

• 在浏览器中输入的网站地址，就是一个URL
  • http://www.baidu.com
  • http://127.0.0.1/index.html（浏览器会自动添加：80）
  • http://127.0.0.1:80/index（完整格式）

解剖URL

• http:// --- URL协议类型
• 127.0.0.1 --- 服务器IP地址
• :80 --- 服务器端口号
• index.html --- 需访问的资源名称
• 小结：
  • 所以服务器IP地址和端口号就是为了告诉浏览器我们需要访问的那台服务器的详细地址是什么
  • 所以显示内容由访问的资源名称对应文件决定

Part5：什么是HTTP协议

• HTTP：Hypertext Transfer Protocol超文本传输协议
  • 协议：规范或约束某一类事物
  • 协议内容：浏览器和服务器之间如何进行数据传输

知识补充

1. 如何查看文件拓展名

• 文件夹--> 点击--> 查看 勾选查看扩展名 --- 不同系统略微不同，可以自行百度
• eg：.html --- 一个网页

2. 电脑上的同个文件可以同时被多个软件打开，不同软件打开效果会不同

• .html用浏览器打开就是一个网页，不可编辑；.html用记事本打开则是代码，可编辑

3. 什么是纯文本文件？

• 记事本：用来打开纯文本文件（能够被记事本打开，并能够正常显示的文件）
  • eg：.html文件