- 互联网的原理
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,不懂感恩心态的朋友,就不要找我索取了,谢谢