- 互联网的原理
1.1 概述
html：就是用来制作网页。
互联网原理：上网即请求数据。
用户通过在浏览器上输入一个网址，通过HTTP协议向服务器发送请求，服务器做出响应，将相关的网页数据传输到本地计算机，在浏览器上渲染出来。
数据：文字、图片、视频、音频等。
1.2 服务器
服务器：sever
作用：存放我们的数据。
服务器必须24小时在线，掉线了数据访问不到，就不能正常访问网页。
可以通过个人的计算机里面的一些软件（ftp）来远程控制服务器。
1.3 浏览器
浏览器：browser。
作用：HTTP请求的发起、接收，都是由浏览器来完成的。
浏览器有很多厂商提供，全球五大浏览器：
IE、谷歌（Chrome）、火狐（Firefox）、苹果（Safari）、欧朋（Opera）。
从服务器接收的数据会存放在一个临时的文件夹。接收我们缓存的数据。
临时文件夹作用：第二次访问同一个网站速度会变快，因为第一次浏览的时候，大部分文件已经缓存的本地。
1.4 http
HTTP：Hypertext Transfer Protocol，超文本传输协议。
HTTP协议包含了请求和响应两个部分。都是要依赖浏览器。
HTTP请求发送的方法：直接输入网址，点击超级链接。
请求：request，浏览器根据网址向对应的服务器发送请求。
响应：response，服务器根据请求响应文件，将页面传输给客户端，在浏览器中进行网页的渲染。
访问页面时，会同时发出多个http请求，包含网页的图片、视频、音频等文件。
2.1 纯文本
扩展名.txt。
显示文件扩展名的方法：
最简单的纯文本就是记事本文件/文本文档。
word文档和纯文本的区别：
word文档：扩展名.doc。可以保存文档的格式，文件的大小要远远大于纯文本文件的大小。它的文件大小不但是文字内容的大小还包括文件的格式。
纯文本文件：.txt。不可以保存文档的格式。虽然可以设置文档的格式，但是不能保存只是便于本机查看。文件大小就是内容大小。
2.2 html
html,css,js都是纯文本文件。
html文件的扩展名是.html
可以直接用最简单记事本进行编辑。
我们前端开发目前使用的sublime进行编辑。
html就是用来制作网页的。
html:超文本标记语言。HyperText Markup Language。
我们html是用文本来标记文本。用的这个文本叫做超文本。
|
我们语言有语义，可能是标题可能是段落。计算机不认识我们语言，所以我们用超文本标记。超文本不会渲染在页面上。
html只负责语义，不负责样式。
|
小测试：h1标签他的用作？
h1标签只负责标题的语义。文字加粗，字号变大，不是h1控制的，是css控制的。
2.3 sublime
2.3 sublime
我们使用的sublime是集成了各种插件的傻瓜版。
ctrl + N ：新建文件
ctrl + S :保存文件
ctrl + shift + 上箭头 ：该行上移
ctrl + shift + 下箭头 ：该行下移
标签关键字 + tab：快速速写标签对
html：xt + tab：快速生成html骨架
p*数量+tab：快速生成一定数量的同种标签。
ctrl +c :复制
ctrl + v: 粘贴
ctrl+X：删除光标所在行
tab：缩进。
shift+tab：撤销缩进。
三、html基础
3.1 html骨架
|
head部分是对html进行一些配置信息。
body部分是html的主体部分，现在在网页中的内容。
3.2 DTD
|
DTD：文档类型定义。
作用：规定我们书写的html 使用的是哪一种规范。
html的语言规范是w3c组织规定。
中文网址：http://www.w3school.com.cn/
html1-html5版本。
html4版本进行了样式和结构的分离。html4是XHTML1.0版本的升级。XHTML1.0版本要求：标签名必须用小写字母。属性名必须用双引号包裹。结束标签必须有关闭符号。
以上两个版本还有3个小规范：
strict: 严格版，该规范要求不能使用废弃标签font，b,i, u等，不能使用框架集。
transitional：通用版,可以使用废弃标签，但是不能使用框架集。
frameset: 框架集版，能够使用框架集。
html:xt 表示：xhtml transitional
3.3 html标签
|
html标签是一对标签，包括开始标签和结束标签。
html标签表示我们整个网页。
html标签有一个属性，xmlns表示命名空间。因为我们网页的样式是给不同用户看，命名空间规定了我们标签的含义。
lang：是language的简写，表示语言。en:表示编码是英文。
3.4 head标签
head标签也双标签。
作用：对html文件进行配置。
|
字符集设置：
|
字符集设置是配置我们书写的html使用的字符集。
中文字库：
UTF-8：表示国际标准字库，包含了所有国家的语言，一个汉字占3个字节。
GBK/gb2312：中文字库。包含了所有的中文简体，大部分繁体字，片假名，符号等。一个汉字占2个字节。
书写网页时使用哪种字符集：看情况而定。
如果书写的是外文网站，使用UTF-8。
如果网站中有大量中文，同时要求加载速度更快，使用GBK。
注意：我们设置的字符集要和软件保存的类型一值。
|
还可以设置网页标题：设置网页标题可以提高搜索引擎优化（SEO）。因为爬虫在搜索时，会着重网页标题。
3.5 body标签
body标签内部是html标签书写的网页结构。
想要资料的就加我q3252897743，不懂感恩心态的朋友，就不要找我索取了，谢谢