关于web的基础简介

web简介

Web （网）应用：网站（广义pc、手机app）

浏览器（browser）/用户代理（user Agent）/Web客户端（Web Client）

——IE Edge Chorme Firefox 腾讯浏览器 等等

Web服务器 （web server）/HTTP 服务器 （HTTP Server）：

——————Apache\Tomcat\Netty\Nginx\Httpd

在理论上，浏览器和服务器运行在不同的电脑上 而在基础的阶段可以让其都存在一台电脑上。

关于资源可以理解为一组文件

 

所谓的web开发应用，开发一组资源（表现一组文件）

点击一下 Chrome 上的开发工具 ，并且观察资源怎样在一个网站中起作用的

————————URL：唯一的一个资源

每一个资源都需要在网络中存在一个唯一的标识

每一个资源都有一个唯一的URL

URI:Unique Resource Identifier(唯一资源定位符)

URL:Unique Resource Location（唯一资源定位符）

俗称为网址

 

URL的基本格式

1.网络上的主机很多，一般通过域名 via ip（domain） ——192.168.1.3/127.0.0.1

2.主机上还有很多的程序，程序的确定 via port （接口） ：3306

3.对于资源的确定 via 资源路径 （path）

/login

百度安全验证http://www.baidu.com:80/s

百度安全验证http://www.baidu.com/s

省略了 ：80端口 ，因为 ：80就是http协议的默认端口

在浏览器中输入了一个URL

1）根据URL，去Server获取唯一的资源

2）浏览器分析该资源，可以让浏览器访问更多的资源

3）浏览器按照一定的规则去整合这些资源

4）对这些资源进行渲染

——————综上所述就形成了网页中的效果

 

在理论中 ，生成方式和资源类型完全是两回事，但是在实践中，css和js往往采用静态的

方式（但其实并没有要求必须如此），

——静态资源 提前将内容写好，直接输出（提前将包子做好）

——动态资源 根据运行是条件生成内容（例如有人来买包子，你当场做好）

关于web的资源

从概念上讲，这些web资源相互独立，但实践中，为了完成一个业务动作，这些资源

之间是需要相互配合的

web应用总是有一个自己的主入口：通常（但不是必然）这个资源的路径是/，

可以省略，或者 index.html index.php index.xxx

 

————HTTP: Hyper（超级） Text（文本） Transfer（传输） Protocol（协议）

 

关于web开发三剑客： HTML CSS JS

关于后端：作为后端只需要把资源的内容，通过网络传递浏览器即可，这些格式之所以可以生效

，是因为浏览器认识这些格式，在起作用

 

关于HTML的语法

tips：关于浏览器的刷新：让浏览器重新加载当前的资源，使得可以看到资源变化的情况

快捷键：F5 不删缓存的刷新

Ctrl +R 、 Ctrl + F5 删除缓存的刷新（建议大家使用最后的两个 ，保证可以看见最新的修改变化）

————————————————————————————————

关于HTML的结构有些类似 XML

常见标签（输出内容的标签）

<h></h>    <!-- 标题 -->
<p>
    
</p><!--段落-->
<br><!--换行-->
<strong></strong><!--强调-->
<em></em><!--强调-->
<del></del><!--删除-->
<ins></ins>   <u></u><!--插入-->
​
​
<img  src=" 代表图片资源的URL"><!--  图片-->
<audio></audio><!--声音-->
<video></video><!--视频-->

关于HTML的转义字符

查寻转义字符的网站：在线工具 —— OSCHINA.NET社区https://tool.oschina.net/

关于<img>的两种使用

1.路径

 

2.两个资源配合而成

<img>的重要性

src="......" 图片源 ，当你src指定的资源无法被浏览器打开时（无效资源），浏览器

alt= "...." 帮助有视觉障碍的用户，阅读出图片内容

<img src = "..."

width = "指定图片的宽度：直接跟数字，不加单位，默认单位是像素"

height= "指定图片的高度"

只指定宽度时，高度可以按照图片比例自适应