您的位置:首页 > 大数据

大数据正式7

2017-11-15 11:13 176 查看

大数据正式7

互联网架构

客户端

Android端

浏览器

...

服务器

静态web资源

HTML

CSS

JavaScript

flash

...

动态web资源

.NET、c#微软

PHP

Servlet/JSP

...

数据库

SQL Server 微软

Oracle 甲骨文

MySql

DB2 IBM

Sqlite

...

连接互联网架构

客户端与服务器---HTTP

服务器与数据库---DB

框架

B/S:Browser Server浏览器服务器模型--京东,淘宝,webQQ,页游

优点

1. 不需要下载客户端程序
2. 浏览器直接访问
3. 服务端升级


缺点

1. 浏览器局限性
2. 页面展示差
3. 对网速依赖很高


C/S:Client Server客户端服务器模型--QQ,飞秋,LOL

优点

1. 客户端可以任意设计
2. 页面展示能力强
3. 对网速依赖低


缺点

1. 第一次使用需要下载
2. 升级操作频繁


HTML

什么是html

超文本标记语言,它规定了自己的语法规则,用来表示比“文本”更丰富的意义,比如图片,表格,链接等。浏览器软件知道HTML语言的语法,目前互联网绝大部分网页是拿HTML写的

html的结构

文件名:xxx.html或xxx.htm

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Hello China</title>
<meta name="generator"      content="EverEdit" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
中国,我爱你!
</body>
</html>


解释

1. <!DOCTYPE HTMNL>:html5的文档声明
2. <html>:所有html都要这个标签,表示文档的开始和结束
3. <head>:用来存放基本信息,标题和编码等
4. <body>:存放页面数据,在页面可以显示
5. <title>:指定网页的标题
6. <meta charset=UTF-8>:指定浏览器的解码格式


HTML语法

html是一门标记语言

<meta/>
<br/>
<hr/>
...


注释

<!-- 注释内容 -->


空格:在网页中连续的空白字符会被当成一个空格来显示,下面为单独的空格

 


换行

<br/>


xml与HTML的区别

1. xml:区分大小写,标签不能交叉嵌套,一定要有关闭标签;用户可以自定义标签。
2. html对语法非常不严格--可以大小写混用,标签可以没有结束标签;标签预定好的,不允许用户自定义


HTML标签

HTML文档可以包含不同的内容:文本,链接,图片,列表,表格,表单

标签

font(文本)

属性size(1~7),face,color(#000000~#ffffff)

hn(标题)

属性align(left,center,right)

ul(列表)li(子项)

属性type(disc,cicle,square)

img(图片)

属性src,width,hight,alt,border

a(超链接)

属性href,title,target(_self,_blank,_top)

table(表格)tr,th,td,caption(子项)

table属性border,cellspacing,cellpadding,bgcolor,width,align

tr属性bgcolor,align

td属性bgcolor,align,width,height,colspan,rowspan

form(表单)

浏览器向服务器发送数据的两种方式

1. 超链接http://www.baidu.com?username=peng&password=123
2. 表单向服务器发送数据


属性action,method(GET,POST)

表单中的项

1. input(输入框)
1. 属性type(text,password,radio,checkbox,submit,button,hidden)
2. 通用属性:readonly,disabled
2. textarea(文本域)
1. 属性cols,rows
3. select(下拉选框)option(子项)
1. select属性name,size,mutiple


div,span,p

这三个标签可以看做是一个容器,可以包裹其他,形成一个组,通过css样式对这一组的内容统一设置样式

div独占一行,可以把文档分割为独立的、不同的部分

p独占一行,前后创建一些空白,段落标签

块级元素:独占一行(div,p,hn,hr)

行内元素(span,input,font...)

补充

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: