JavaEE day2 初识web与HTML

初步了解相关知识

关于端口（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服务器。