初步了解相关知识
关于端口（port）：一个端口同一时间只能被一个进程监听，但是一个进程可以监听多个端口
URL的标准格式：协议名称：//主机/资源路径？查询字符串#文档片段
一般协议最常见的为http与https协议，前者标准端口为80，后者为443，https是关于http的一个安全加密协议
当我们输入URL寻找资源的时候，先找到主机，再找到端口，最后找到资源，并且一次请求/相应只能处理一个资源。
关于资源的分类：分为静态资源与动态资源，静态资源为提前生成好的内容，当用户请求需要时，直接拿出给用户，而动态资源则为运行时生成的内容，原本该资源不存在，只有当用户申请需要时，才生成。
但是对用户来说，是无法知道该资源是请求时生成的还是原本就有。
在IDEA 的Spring工程中，放静态资源的根路径在src/main/resources/static目录下
而资源根据内容的格式不同，也可以看作不同类型（有非常非常多类型），而常见的类型有：
1.html 格式：超文本标记语言
2.css 格式：层叠样式表
3.JavaScript 格式：JS脚本，运行在游览器的一门语言
4.多媒体格式：图片：jpg、gif等 音频：mp3等 视频：flv等
5.纯文本格式：txt
6.结构化格式：json等
从web的前端来了解web：先了解html、css喝JavaScript的使用
HTML 超文本标记语言
1.所谓超文本，就是比一般文本能力更强，可以有超链接，可以进行标记。
2.HTML中的标签存在规定，并非任何标签都可以，一般来说存在开始标签与闭合标签，部分存在单一标签。
IDEA自动生成的HTML文件格式已经完成：
并且我们可以看出该结构是一颗树形结构
并且标签是允许有属性存在的，放在开始标签中，基本格式为key=value，等号不要加任何空格，value用单引号/双引号引上，例如
我们通过游览器自带的开发者工具可以看出HTML的结构
永远不要使用IDEA右上角的快捷打开打开HTML文件
因为此处打开只是连接了IDEA准备的临时web服务器，只能展示静态资源，无法展示动态资源。
查看标签如何使用的网址：https://developer.mozilla.org/zh-CN/
一些常见标签：
1.文本类型的标签
标题类型：<h1>...</h1>一级标题.............<h6>...</h6>六级标题
<p> 段落标签
特别的HTML内的换行与空格最终都显示一个空格
HTML中有些标签自带换行，一般称为块级标签（block），而有些标签不带换行，一般称为内联标签（inline）
<h1>...</h1>和<p>都是自带换行的
单一标签<b>作用为换行，很少用。
2.多媒体的标签
<img>单一标签，其关键属性是src = ”图片资源的路径“。如果路径不正确或不支持访问，则不会正常显示。具体为：<img src = ".....">
插入一个图片资源：此时就是HTML资源与图片资源相整合来达到效果，此时就存在两个资源。
关于资源路径：路径的本质是描述树上的某个结点。那么就存在相对路径与绝对路径。
假设我们现在查找一个图片资源 rc.jpg 那么：
绝对路径：从根目录出发，找到该资源结点。例如 https://127.0.0.1:8080/img/rc.jpg
当使用绝对路径时，可以省略协议，可以省略主机，省略后根据HTML的资源路径补充。
相对路径：不从根结点出发，从任意结点出发，寻找该资源，难点在于要弄清楚起点在哪。例如：../../img/rc.jpg 其中 .. 的意义为返回父节点，所以要弄清楚起点在哪。另外 . 表示在当前结点不动。
我们还可以引入外部资源，在图片引入的URL中填入外部链接即可<img src = "外部链接">，此时必须写完整路径，只能省略协议号。（如果该资源有防盗链机制，那么就无法索引）
相同的
3.锚点/超链接 标签
<a> anchor
使用为：<a herf = "www,baidu.com">显示内容</a> 其中显示内容显示在页面上，点击显示内容会跳转到herf标注好的地址上去。也就是说，点击显示内容，跳转到www,baidu.com
它还有一些其他的关键字：
web应用是必须多个资源配合完成的，并不要求资源都来自一个web服务器。
