什么是浏览器？
- 浏览器是安装在电脑里面的一个软件， 能够让将网页内容呈现给用户查看，并让用户与网页交互的一种软件。
不同的浏览器有不同的浏览器内核， 浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容，从而导致了浏览器兼容性问题出现 - IE内核 Trident
- 谷歌内核 WebKit / Blink
- 火狐内核 Gecko
- Safarri内核 WebKit
- 欧朋内核 Presto
什么是服务器
什么是服务器？
- 服务器也是电脑，只不过是比我们的电脑配置更高的电脑，并且24小时不断电，不关机的计算机
- 服务器是专门用于存储数据电脑， 访问者可以访问服务器获得服务器上存储的资源
- 服务器一旦关机，访问者就无法访问。
浏览器请求数据的过程
浏览器请求数据的过程
1.按下回车时浏览器根据输入的URL地址发送请求报文
2.服务器接收到请求报文，会对请求报文进行处理
3.服务器将处理完的结果通过响应报文返回给浏览器
4.浏览器解析服务器返回的结果，将结果显示出来
什么是HTML？
HTML其实是HyperText Markup Language的缩写, 超文本标记语言
网页的基本格式
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
html标签
作用:
用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档
- 注意点:
其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间
head标签
作用:
用于给网站添加一些配置信息
例如:
指定网站的标题 / 指定网站的小图片
添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息)
外挂一些外部的css/js文件
添加一些浏览器适配相关的内容
- 注意点:
一般情况下, 写在head标签内部的内容都不会显示给用户查看, 也就是说一般情况下写在head标签内部的内容我们都看不到
title标签
作用:
专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题
- 注意点:
title标签必须写在head标签里面
body标签
作用:
专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)
- 注意点:
虽然说有时候你可能将内容写到了别的地方在网页中也能看到, 但是千万不要这么干, 一定要将需要显示的内容写在body中
一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签
meta标签
在head标签中添加<meta charset="GBK" />, 指定字符集
DTD文档声明
什么是DTD文档声明?
由于HTML有很多个版本的规范, 每个版本的规范之间又有一定的差异. 所以为了让浏览器能够正确的编译/解析/渲染我们的网页, 我们需要在HTML文件的第一行告诉浏览器, 我们当前这个网页是用哪一个版本的HTML规范来编写的. 浏览器只要知道了我们是用哪一个版本的规范来编写之后, 它就能够正确的编译/解析/渲染我们的网页。
DTD文档声明格式:
<!DOCTYPE html>
WebStorm中快捷键：
创建文件：Ctrl+Alt+insert
书写标签：标签名称+Tab
跳到本行最前面：home
跳到本行最后面：end
复制光标所在行：Ctrl+D
删除光标所在行：Ctrl+X
多行编辑：Alt+按鼠标左键下拖
给文字添加标签：Ctrl+Alt+T
