Web前端 ——Html基本概念

2021-10-02 12:17:36

**web概念概述**

javaweb：使用JAVA语言开发基于互联网的项目

**软件架构：**

**1..c/s：**clinet/server 客户端/服务器端；

在用户本地有一个客户端，在远程有一个服务器端；

优点：1.用户体验好

缺点：1.开发、安装、部署、维护比较困难

**2.b/s**： browser/server 浏览器/服务器端

只需要一个浏览器，用户通过不同的网址（URL），访问不同的服务器端程序

优点:1.开发、安装、部署、维护比较方便

缺点：1.如果应用过大，用户的体验较差

? 2.对硬件要求过高

**B/S架构：**

**资源的分类：**
1.静态资源：

使用静态网页开发技术发布的资源；（HTML，CSS,JavaScript）

特点：所有用户访问得到的结果是一样的；

如果用户请求静态资源，那么服务器会直接将静态资源发给浏览器，浏览器中内置了静态资源的解析引擎，可以展示静态资源

2.动态资源;

使用动态网页技术发布的资源；（jsp/severlet）

特点:不同用户访问得到的结果不一定一样的；

如果用户请求的是动态资源，服务器会将动态资源转化为静态资源，再将静态资源发送给浏览器

静态资源：

1.HTML：用于搭建基础网页，展示页面内容

2.CSS:用于美化页面，布局页面

3.JavaScript：控制页面元素，让页面有一些动态效果

## HTML

最基础的网页开发语言

1.概念：Hyper Text Markup Langue 超文本标记语言

超文本：超[文本是用[超链接]的方法，将各种不同空间的文字信息组织在一起的网状文本

标记语言：由标签构成的语言<标签名称> 如：html 、xml

2.一个简单的html

语法：

1.html文档后缀名为 .html或者htm

<html>

    <head>
        <title>title</title>
    </head>
    
    <body>
        <font color=‘red‘>  hellow word </font></br>
    </body>
<html>

2.标签分类;

 1.围堵标签：有开始标签和结束标签。如：<html>  <html>
?
2.自闭合标签：开始标签和结束标签在一起。如：</br>

3.标签可以嵌套，但是不能你中有我、我中有你

4.在开始标签中可以定义属性，属性由键值对构成，值要用引号引起来；

5.标签不区分大小写，但是建议使用小写

码农公寓