大数据正式7

最新推荐文章于 2023-06-07 16:25:40 发布

乘风御浪云帆之上

最新推荐文章于 2023-06-07 16:25:40 发布

阅读量256

点赞数

分类专栏：达内实训大数据学习痕迹

本文链接：https://blog.csdn.net/eieiei438/article/details/78538785

版权

大数据学习痕迹同时被 2 个专栏收录

102 篇文章 5 订阅

订阅专栏

达内实训

94 篇文章 7 订阅

订阅专栏

大数据正式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/>
...
```
注释
```

```
空格：在网页中连续的空白字符会被当成一个空格来显示，下面为单独的空格
```
&nbsp;
```
换行
```
<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...）

补充

乘风御浪云帆之上

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
大数据正式7

大数据正式7互联网架构客户端Android端浏览器...服务器静态web资源HTMLCSSJavaScriptflash...动态web资源.NET、c#微软PHPServlet/JSP...数据库SQL Server 微软Oracle 甲骨文MySq
复制链接

扫一扫