HTML&CSS常用标签详细汇总

软件架构

C/S: Client/server 客户端/服务器端

在用户本地会有一个客户端的程序,在远程有一个服务器端程序。

例如,QQ,当你在QQ用户端程序输入用户名密码时,服务器端会判断你给出的数据是否存在。

优点:用户体验较好。用户将需要的数据提前下载到本地,客户端程序运行会更顺畅。

缺点:开发,安装,部署,维护较困难。

B/S :Browser/Server 浏览器/服务器端

只需要一个浏览器,用户通过不同的URL可以访问不同的服务器程序。

优点:开发,0安装,部署,维护相对简单。

缺点:对硬件要求过高,如果应用过大,用户的体验可能会受到很大的影响。

  B/S架构详解:

资源分类:

静态资源:

静态资源分类:

1.HTML:用于搭建基础网页,展现页面中的内容。

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

3.javascript:控制页面的元素,让页面有一些动态的效果(并不是动态资源)

静态资源定义:使用静态网页开发技术发布的资源。

静态资源特点:

1.所有用户访问,得到的结果是一样的。

2静态资源.如:文本,图片,音频,视频,HTML,CSS,JAVAscript

3.如果用户请求的是静态资源,那么服务器会直接将静态资源发给浏览器,浏览器内置了静态资源的解析引擎,可以展现静态资源。

动态资源

动态资源定义:使用动态网页技术发布的资源

动态资源特点:

1.所有用户访问,得到的结果可能是不一样的(原因:用户访问时,会从服务器的数据库拿到数据)

2.动态资源如servlet/jsp

3.如果用户请求的是动态资源,那么服务器会执行动态资源,并将其转换为静态资源,再发送给浏览器。

 示意图如下:

HTML

HTML:Hyper Text Markup Language 超文本标记语言

超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。

标记语言:

1.由标签构成的语言。如html,xml

2.标记语言不是编程语言。编程语言具有很强的逻辑性,可以控制它是否执行,标记语言没有逻辑性,只要写上内容就会执行。

HTML基础语法:

语法:

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

标签分类:

1.围堵标签:有开始标签和结束标签。如<html></html>

2.自闭合标签:开始标签和结束标签在一起,如<br/>

标签可以嵌套:但是需要正确嵌套,不能"你中有我,我中有你"

在开始标签中可以定义属性。属性是由键值对构成,值需要用引号(单双都可以)引起来。

html的标签不区分大小写,但是建议使用小写。

 文件标签:

构成html最基本的标签

html: html文档的根标签

head: 头标签,用于指定html文档的一些属性,引入外部的资源。

title: 标题标签

body: 体标签

meta :用charset 说明编码

<!DOCTYPE html>:声明这是一个html5文档。

注释:<!

  • 2
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值