Web的基本概念

介绍关于Web的基本概念和常识

Web（网）应用:网站（广义 PC、时机app）
浏览器（Browser）/用户代理（User Agent）/Web客户端（Web Client）
             IE、Edge、Chrome、Firefox、腾讯浏览器、360浏览器.....
Web服务器（Web Server）/HTTP 服务器（HTTP Server）
              Apache、Tomcat、Netty、Nginx、Httpd
URL:唯一的一个资源
在浏览器中输入了一个URl
1）根据URL，去Server获取唯一的资源
2）浏览器分析该资源，可以让浏览器 访问更多的资源
3）浏览按照一定规则整合这些资源
4）渲染（展示）这些资源
在浏览器中看到了网页效果
每个资源都需要在网络中存在一个唯一的标识
每个资源都有一个唯一的URl
URI：Unique Resource Identifier（唯一资源定位符）
URL：Unique Resource Location（唯一资源定位符）俗称的网址

提前把内容写好，直接输出（提前写好红楼梦）                  静态资源
根据运行时条件，生成内容（有人来买书时，当场写）        动态资源
理论上，生成方式和资源完全两回事，但实践中，css和js往往采用静态方式（但其实并没有要求必须如此）

三大资源类型；三个都是文本资源，以内文本格式不同
HTML：Hyper（超）Text（文本）Markup（标记）Language（语言）
提供文本的内容和框架  那些是标题、那些是段落
CSS：
样式、排版类
JS：做一些动态（时发生在浏览器上的动态）的内容
作为后端只需要把资源的内容通过网络传递浏览器即可这些格式之所以能生效，是因为浏览器认识这些格式，在起作用

HTML
常见标签（输出内容的标签）
<h>系列 标题
<p>   段落
<br>  断开（换行）
语义标签
<strong>、<b>   强调  默认样式  加重
<em>  、<i>        强调  默认样式 斜体
<del>、<s>          删除  默认样式 中间横线
<ins>、<u>          插入  默认样式  下横线
多媒体标签
<img>    图片     <img src="代表图片资源的URL">
<audio> 声音
<video> 视频
 <img> 的重要属性
   src=“...” 图片源，当你src指定的资源无法被浏览器打开时（无效资源）
   alt=“...”  帮助视觉有障碍的用户，阅读出图片内容
<img src="..." alt="这是一个海贼王的图片">
width=“指定图片宽度：直接跟数字，不加单位，默认单位是像素”
height=“指定图片高度”
只指定宽度时，高度可以按照图片比例自适应