(备注:凡是利用圆括号括起来的一般就是注释或者英文解释,用webstorm写程序时一定要注意字符一定要在英文状态下输入!)
1.浏览器:
定义:是安装在电脑里面的一个软件, 能够让将网页内容呈现给用户查看,并让用户与网页交互的一种软件。
常用的有IE、谷歌、火狐、 safrri、欧朋浏览器。
2.服务器:
服务器也是电脑,只不过是比我们的电脑配置更高的电脑,并且24小时不断电,不关机的计算机
服务器是专门用于存储数据电脑, 访问者可以访问服务器,获得服务器上存储的资源
服务器一旦关机,访问者就无法访问。
3.浏览器请求数据的过程:
1).按下回车时浏览器根据输入的URL地址发送请求报文
2).服务器接收到请求报文,会对请求报文进行处理
3).服务器将处理完的结果通过响应报文返回给浏览器
4).浏览器解析服务器返回的结果,将结果显示出来
4.请求过程验证
1).利用chome浏览器打开一个网页
2).打开开发人员工具
3).打开Network查看请求报文和响应报文
4.1请求报文
一个HTTP请求报文由请求行(request line)、请求头部(header)、空行和请求数据4个部分
4.2响应报文
一个HTTP响应报文由响应行、响应头、响应体组成
5.URL
定义:
1).我们在浏览器的地址栏中输入的地址其实就是URL
2).URL格式:
127.0.0.1/index.html (浏览器会自动补全http:和:80)
http://127.0.0.1/index.html(浏览器会自动补全:80)
http://127.0.0.1:80/index.html(完整格式)
协议类型://ip地址:端口号/资源路径/资源名称
3).URL拆分
网络协议类型 http://
服务器IP地址 127.0.0.1
服务器端口号 :80
资源路径 网页在服务器上的路径
资源名称 index.html
6.URL拆分后每一部分的作用
6.1服务器IP地址 和 服务器端口号它们两的作用:
告诉浏览器要去什么地方才能找到对应的服务器, 也就是告诉浏览器服务器的详细地址
服务器IP地址相当于现实生活中的地址; 例如:广州市天河区棠安苑
服务器端口号相当于现实生活中的门牌号码; 例如: 9栋909室
那么如果将地址和门牌号码结合在一起, 就是我的详细地址
7.纯文本文件
定义:我们Windows电脑上有一款默认安装好的软件叫做记事本. 这款软件就是专门用来打开纯文本文件的, 所以只要能够被记事本打开, 并且能够正常显示的文件都是纯文本文件
.html的文件可以被记事本打开, 并且能够正常显示,所以.html文件是一个纯文本文件
8.什么是HTLM
HTML是HyperText Markup Language的缩写, 就是超文本标记语言
9.
HTML发展史
IETF简介
IETF是英文Internet Engineering Task Force的缩写, 翻译过来就是”互联网工程任务组”
IETF负责定义并管理因特网技术的所有方面。包括用于数据传输的IP协议、让域名与IP地址匹配的域名系统(DNS)、用于发送邮件的简单邮件传输协议(SMTP)等
W3C简介:
W3C是英文World Wide Web Consortium的缩写, 翻译过来就是W3C理事会或万维网联盟, W3C是全球互联网最具权威的技术标准化组织.
W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners-Lee
W3C负责web方面标准的制定,像HTML、XHTML、CSS、XML的标准就是由W3C来定制的。
10.HTML的基本结构
(DTD文档声明)
HTML在现今属于什么发展时期?
html标签
作用:
用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档
注意点:
其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间
head标签
作用:
用于给网站添加一些配置信息
例如:
指定网站的标题 / 指定网站的小图片
添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息)
外挂一些外部的css/js文件
添加一些浏览器适配相关的内容
注意点:
一般情况下, 写在head标签内部的内容都不会显示给用户查看, 也就是说一般情况下写在head标签内部的内容我们都看不到
title标签
作用:
专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题
注意点:
title标签必须写在head标签里面
body标签
作用:
专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)
注意点:
虽然说有时候你可能将内容写到了别的地方在网页中也能看到, 但是千万不要这么干, 一定要将需要显示的内容写在body中
一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签
head内部标签
meta标签:
1.为什么会有乱码现象?
因为我们在编写网页的时候没有指定字符集
2.如何解决乱码现象?
在head标签中添加, 指定字符集
GBK(GB2312)和UTF-8区别
GBK(GB2312)里面存储的字符比较少, 仅仅存储了汉字和一些常用外文
体积比较小
UTF-8里面存储的世界上所有的文字
体积比较大
企业开发中仅仅是中文就用GBK(2312),其他一律使用UTF-8.
HTML标签分类:
单标签
只有开始标签没有结束标签, 也就是由一个<>组成的
双标签
有开始标签和结束标签, 也就是由一个<>和一个组成的
并列关系
嵌套关系
什么是DTD文档声明?
由于HTML有很多个版本的规范, 每个版本的规范之间又有一定的差异. 所以为了让浏览器能够正确的编译/解析/渲染我们的网页, 我们需要在HTML文件的第一行告诉浏览器, 我们当前这个网页是用哪一个版本的HTML规范来编写的. 浏览器只要知道了我们是用哪一个版本的规范来编写之后, 它就能够正确的编译/解析/渲染我们的网页.
注意事项:
声明必须是 HTML 文档的第一行,位于 标签之前
声明不是 HTML 标签
声明没有结束标签
声明对大小写不敏感
这个声明浏览器会看, 但是并不是完全依赖于这个声明, 浏览器有一套自己的默认的处理机制
不写也能运行
H5网页里面用H4也能运行
HTML5之前有2大种规范, 每种规范中又有3小种规范:
HTMLStrict (严格的)
HTMLTransitional(过度的,普通的,宽松的)
HTMLFrameset(带有框架的页面)
XHTMLStrict (严格的)
XHTMLTransitional(过度的,普通的,宽松的)
XHTMLFrameset(带有框架的页面)