HTML学习1互联网的原理 HTTP HTML初步认识

互联网的原理

​ 上网就是请求数据
​ 网页上的内容，怎么就被我们看见了？什么是上网？
​ 我们打开IE浏览器，看几个网页。结果，缓存这个文件夹中又多了很多的内容

​ 缓存-----第一次打开网页的时候，好慢好慢。到了我们第二次打开网页的时候，比第一次的速度快了好多

​ 通过这个实验，目前为止，我们可以得出结论，上网的时候，是有真实的、物理的文件传输的！
​ 所以我们经常感觉第二次打开网页，比第一次快，这是因为第一次打开网页的时候，所有的图片都已经存过来了。
​ 所以现在也能够解释，为什么每次都用360能清理一堆垃圾，释放很多硬盘空间。

​ 我们发现，浏览了一个360首页，就出来那么多的文件，所以现在我们的幼小的心灵中，就要有一个初步的认识，网页不是一个文件，而是一堆文件。

​ 我们可以回答刚才的问题了，“上网”究竟是是什么？答案：上网就是请求数据，就是文件传输。
服务器上存放着网页的相关文件，包括html文件、css文件、js文件、图片等。当我们打开浏览器，输入网址，我们的计算机就会对这些文件发出HTTP请求。
​ 服务器收到请求之后，会把这些文件通过HTTP协议，传输到我们的计算机中（保存到了刚才那个临时文件夹中）。这些文件，将在我们计算机本地的浏览器中，进行渲染、呈递。

服务器
服务器就是计算机，只不过比咱们用的笔记本的配置牛逼了很多，并且24小时不断电，不关机。
服务器上存储着网页的相关文件。一旦有访问者浏览网站，服务器就将发送这些文件给访问者。
服务器一旦关机，网站就无法访问了。
服务器的更多知识，我们在Ajax课上将深入学习。基础班我们只需要知道，上述知识即可。
浏览器
浏览器是安装在客户的电脑里面的，是一个软件，能够让用户上网。
浏览器有版本之分，有浏览器兼容问题。不同的浏览器内核（在课堂上使用谷歌）

页面分为html、css、js

HTTP

​ 超文本传输协议，Hypertext Transfer Protocol。
​ 这是一个文件的传输协议，我们上网的时候，所有的文件都是通过HTTP这个协议，从服务器上传输到客户的电脑里面的。
​ 网页是真实物理的文件。并且一个网页是很多的物理文件组成的：
​ html文件、图片文件、js文件、css文件。
​ 这些文件要通过特殊软件才能上传到服务器上。然后就能让用户看了。
​ 用户通过浏览器，访问网址，服务器上面的文件就会通过http请求悄悄地传输到用户的电脑中的临时文件夹中，
​ 在用户的电脑中执行、渲染、呈递

HTML初步认识

​ 认识什么是纯文本文件txt（纯文本文件、只有文件没有样式）
​ windows中自带一个软件，叫做记事本。记事本保存的文档格式就是txt格式，就是英语text的缩写。
​ 术语上，称呼这个文件叫做“纯文本文件”。
​

	只能保存文本内容，是无法记录文本样式的。
		纯文本文件就是这样的文件：
		1） 只有文本，没有样式；
		2） 用记事本等纯文本编辑器可读，不是乱码
		html、css、js都是纯本文的。
		
	HTML是负责描述文档语义的语言
		HTML是英语HyperText Markup Language的缩写，超文本标记语言。
		.html就是网页文件的格式。
	
	现在，来制作我们人生中第一个网页，
		新建一个txt文件，也就是说，html本质上和txt没有任何区别，他们都是纯文本文件。
		我们强行把这个文件的拓展名，从txt更改为html，我们会发现小图标就变成浏览器的小图
	用记事本可以编辑它。浏览方式编辑器里面编辑 → 保存ctrl+s → 浏览器里面刷新F5
	纯文本txt文件是不能描述文档的语义的，文档中不知道谁是主标题，谁是副标题，谁是段落。所以html应运而生。
	html的特点：无论有换行或者空格也好，都会缩进为一个空格

​ ​ 下面就是一个html文件的演示，就是通过html标签对儿，来给文本增加语义：

<h1>Angelababy简介</h1>
<h2>基本信息</h2>

<p>杨颖（Angelababy），1989年2月28日出生于上海，13岁时移居香港，中国影视女演员。</p>

<p>2009年主演电影《全城热恋》。2012年，凭借爱情片《第一次》获得第十三届华语电影传媒大奖“最受瞩目女演员奖”。2013年1月，《南都娱乐周刊》举办新生代四小花旦的评选活动，杨颖以总分70分的综合得分与刘诗诗、杨幂、倪妮共同当选为新一代“四小花旦”；同年在徐克导演的影片《狄仁杰之神都龙王》中担任女主角，并且获得第21届北京大学生电影节最受欢迎女演员奖；4月，Angelababy主演电视剧《大汉情缘之云中歌》。2014年加盟综艺节目《奔跑吧兄弟》并主演电影版；同年主演顾长卫导演的电影《微爱之渐入佳境》，票房突破2.8亿。2015年5月参演好莱坞电影《独立日2》；7月，主演电影《摆渡人》。
</p>

<h2>早年经历</h2>

<p>1989年2月28日，Angelababy出生在上海，中文名杨颖。杨颖自小随家人到上海定居，在上海的演艺学校学演戏及跳舞。13岁时，杨颖回香港加入了Talent Bang，还担任Viva Club Disney主持。</p>

<h2>个人生活</h2>

<p>2015年5月27日，黄晓明和Angelababy（杨颖）在青岛民政局领证完婚。</p>

<p>2015年10月8日，黄晓明和Angelababy在上海展览中心正式举办婚礼。上午8点，Angelababy工作室曝光了一两人的婚纱照，照片中，两人以巴黎地标建筑为背景，浪漫亲吻。</p>

​

html提供了很多标签对儿，可以给文本增加不同的语义。比如：
	<h1>  </h1>标签对儿，主标题。
	<h2>  </h2>标签对儿，二级标题。
	<p>   </p> 标签对儿，普通段落。	

​ 现在的业界的标准，网页技术严格的三层分离：html就是负责描述页面的语义；css负责描述页面的样式；js负责描述页面的动态效果的。
​ 所以，html不能让文字居中，不能更改文字字号、字体、颜色。因为这些都是属于样式范畴，都是css干的事儿；html不能让盒子运动起来，因为这些属性行为范畴，都是js干的事儿。
​ html只能干一件事儿，就是通过标签对儿，给文本增加语义。这是html唯一能做的。

<h1>Angelababy简介</h1>
<h1>  起始标签
</h1> 结束标签