web前端介绍

WEB前端介绍

HTTP：Hypertext Transfer Protocol,超文本传输协议。
HTTP协议包含了请求和响应两个部分。都是要依赖浏览器。

请求：request，浏览器根据网址向对应的服务器发送请求。

响应：response，服务器根据请求响应文件，将页面传输客户端，在浏览器中进行网页的渲染。

发送HTTP请求的方法：直接输入网址，点击超级链接。

访问页面时，会同时发出多个http请求，包含网页的图片、视频、音频等文件。

浏览器控制台

打开控制台的三种方式：

1.浏览器->右键->检查

2.Ctrl+Shift+l

3.F12(+Fn)

浏览器控制台介绍：
Elements : 查看html基本结构，html标签和html属性

Styles: css样式所在

Computed: 计算后的样式

Console: 控制台，是用来调试JavaScript代码的

Sources: 查看资源文件，如htm、css、js、图片文件等等

NetWork: 网络请求

HTML与纯文本

纯文本

最简单的案例:记事本文件就是纯文本文件。扩展名是.txt。

特点:纯文本文件里面只保存文字内容。

与Word文档对比:

Word文档:不止保存文本内容，还保存样式。同样的内容，大小要远大于txt文件。

txt文件:只保存文本内容，不保存样式。大小只是文字内容的大小。

txt文件它只能在同一个电脑修改样式，便于本机查看，但是保存的时候，不保存样式。

HTML

html: Hypertext Markup Language。超文本标记语言。作用:用来制作网页。

超文本: Hypertext (超出 了文本的范畴)

html语言用文本来给文本添加语义，用到的文本就叫做超文本。在网页里面不显示

标记: Markup (也叫标签) ，w3c组织规定一些具 有特殊意义的字符(英文单词) ;标记存在

的意义是提供了语义化

语言: Language,语言规范，所有标签用的都是英文。

语义:人类的语言有标题和内容。计算机不认识我们人类的话。

html标签作用:给我们的文本增加语义。

标签本身就是超文本。