Web基本概念和HTML

一、Web

1、Web(网）应用：网站（广义PC、手机app)

2、浏览器（Browser）/用户代理（User Agent）/Web客户端（Web Client)：IE、Chrome、Firefox、腾讯浏览器、360浏览器.....

3、Web服务器（Web Server) / HTTP服务器（HTTP Server)：Apache、Tomcat、Netty、Httpd、Nginx

B/S：Browser/Server 浏览器/服务器模式        C/S：Client/Server  客户端/服务器模式

4、资源

 

5、URL

URL：唯一的一个资源（网址），在浏览器中输入一个URL

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

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

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

4）渲染（展示）这些资源，资源有各种类型；

在浏览器中看到了网页的效果；

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

URI：Unique Resource Identifier（唯一资源标识符）

URL：Unique Resource Location（唯一资源定位符） 俗称网址

 6、URL基本格式

1）网络上的电脑（主机）很多，如何确定唯一的主机

通过ip地址（domain域名)        eg:192.168.1.3/127.0.0.1

2)主机上还有很多的程序（进程），如何确定唯一的程序

通过port（端口）        eg：:3306 、:998、:80

3）怎么确定是具体哪个资源

通过资源路径（path）         /login

http://www.baidu.com:80/s         http://www.baidu.com/s

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

静态资源： 提前把内容写好，直接输出；

动态资源：根据运行时条件，生成内容；

7、web应用下的资源们

从概念上讲，这些web资源相互独立；但实践中，为了完成一个业务动作，这些资源之间是需要相互配合的；

web应用总是有一个自己的主入口：通常（但并不是必然）这个资源的路径是 / ，可以省略，或者index.html  index.php 

8、HTTP：Hyper(超级） Text（文本） Transfer（传输） Protocol（协议）

 二、HTML

1、HTML、CSS、JS（JavaScript） 三种资源类型；三个都是文本资源，因为文本的格式不同

HTML：提供文本的内容和框架，哪些是标题、哪些是段落

CSS：样式、排版类

JS：做一些动态（是发生在浏览器上的动态）的内容

HTML：Hyper(超) Text（文本）Makeup（标记） Language（语言）

2、关于HTML转义（escape）字符

1）为什么需要转义：因为针对类似<或者>这些字符，HTML中规定了其作用，所以如果只是想取该字符的本意时，就需要转义了

2）具体怎么转义：基本格式就是&的形式

3）常见的转义字符有

http://tool.oschina.net/commons?type=2