本帖最后由 13333114253 于 2018-12-17 15:32 编辑
1).软件架构
1.C/S(Client/Server) 客户端/服务器端
在本地有一个客户端访问远程服务端 QQ.迅雷...
优点:
1.用户体验好
缺点:
1.开发,安装,部署,维护 麻烦
2.B/S(Brower/Server) 浏览器/服务器端
只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务器端程序
优点:
1.开发,安装,部署,维护 简单
缺点:
1.如果应用过大,用户体验差
2.对硬件要求高
3.依赖于服务器
资源分类(服务器)
静态资源:数据全部都是写死的 //不能改
用户访问,得到的结果都是一样的
如 : 文本,图片,音频,视频,HTML,CSS,JavaScript
如果用户请求的是静态资源,服务器会直接将静态资源发送给浏览器,浏览器内置了静态资源解析引擎
动态资源:数据全部都是数据库来的 //涉及到数据交互
用户访问,得到的结果可能不一样
如果用户请求的是动态资源,服务器会执行动态资源,转换为静态资源,在发送给浏览器
HTML:搭建页面
CSS: 样式
JavaScript:动起来
HTML :最基础的网页开发语言
***Hyper Text Markup Language 超文本标记语言
标记语言不是编程语言
<html>
<head>
<title> 标题 </title>
<meta charset = "utf-8" />
</head>
<body>
具体内容
</body>
</html>
1.1标签的功能
1.2标签内置的属性
1.3标签怎么设置值
标签:
1. 双边和单边标签
1.围堵标签,有开始和结束 <html></html>
2.自闭和标签 <br /> <hr />
<font color = "red">内容</font>
ps:
内容--->展示
color---->属性名称
red------>属性值
2. 行内标签和块级标签
行内标签:只占内容大小<font></font>
块级标签:单独占一块(多行)<p /> <center></center>
标签可以嵌套:
正确嵌套,不能你中有我,我中有你
在开始标签里可以定义属性,属性是由键值对构成,值需要用引号(单双都可以)
注释:
<!-- -->
标签分类:
1.文件标签:构成html最基本的标签
html:html的根标签
head:头标签.用于指定html文档的一些属性,引入外部的资源
title:标题标签
body:体标签
<!DOCTYPE html>:
特殊字符:
空格
< <
> >
2.文本标签:
<h1> to <h6> 标题文字大小,1--->6 文字越来越小
<p> 段落标签
<br /> 换行
<b> 文字加粗
<i> 定义斜体文本
<s> 加删除线的文本
<u> 加下划
<font>
size: 1-7 越来越大
color:颜色 rgb(值1,值2,值3):范围0-255 #值1值2值3 00--FF之间
width:宽度 px,%
face:字体
<center> 文本居中
3.*图片标签: 展示图片
<img src = "" width = "" height = "" alt = "" />
src 路径 ./代表当前的目录 ../代表上一级目录
width 和 height 最好只能存在一个
4.**列表标签:
***无序 (无编号)type disc圆点 circle squre方框
ul
li
有序 (有标号)
ol type属性 start 从什么开始
li
列表的嵌套(内容都在 li 中) ul li ul li
5.***超链接标签:
<a href="要跳转的链接地址">内容</a>
href:指定访问资源的URL 本地路径/互联网路径
target:指定打开资源的方式 _blank 打开本页面 _self本页面内打开
6.div和span: 没有样式
div: 每一个div占满一行 块级标签
span:文本信息在一行展示,行内标签 内联标签
7.******表格标签:(对页面进行布局)
<table> 定义表格
<thead> 表头 ||<tbody> 身子 ||<tfoot> 表尾
<tr>定义行
<th>定义表头单元格 (居中加粗)
<td>定义单元格
rowspan:合并行
colspan:合并列
<caption> 表的标题
border 边框 width 宽度 bgColor: 背景色 align 对齐方式
cellspacing 单元格与单元格之间的距离 cellpadding定义内容和单元格的距离
合并单元格(合并行,合并列)
表格的嵌套
<table>
<tr>
<td>
<table>
<tr>
<td>
|
|