2020-03-05

付思源
上午

前段基础

软件架构 A ： C/S 客户端/服务器：特点 1 软件使用前必须得安装 2 软件更新时，服务器和客户端得同时更新

3 C/S 架构的软件不能跨平台使用 4 C/S 架构的软件客户端和服务器通信采用的是自有协议，相对来说比较安全

B ： B/S 浏览器/服务器：特点 1 软件不需要安装，直接浏览器访问指定的网址即可

2 软件更新，客户端不用更新 3 软件可以跨平台，只要系统中有浏览器就可以使用

4 B/S 架构的软件，客户端和服务器之间通信采用的是通用的HTTP协议，相对来说不安全

软件开发流程网页设计师根据需求设计网页--前端工程师将设计做成静态网页（访问接口）--后台工程师将静态网页修改成动态网页（后台值提供接口）前后都会前+后= 全栈工程师

W3C标准一个网页分三个部分组成 1 结构：HTML用于描述页面的（超文本标记语言）

2 表现：CSS 负责页面的样式，美化页面

3 行为：JAVASCRIPT 负责页面的行为

HTML（）超文本标记语言

文本：相当于记事本里写的文字，用于展示信息

超文本：超越了文本仅仅展示信息的功能范畴，泛指图片、有样式的文字、点击跳转页面的文字

语言：工具

标记：标签

HTML 是由标签所组成的语言，能展示超文本效果

HTML 是用来写网页的，是设计页面的基础

下午

HTML 语言的特征

HTML 代码是由头和体组成

<html>跟标签

<head>中存放的都是网页的说明性内容，例如标题

HTML 文件的扩展名为html 或者 htm

HTML 文件有浏览器直接解析执行，无需编译，直接由上到下一次执行解析

HTML 标签通常由开始标签和结束标签组成

例如： 内容体

没有内容体制标签叫做空标签（自结束标签）例如 换行标签

<hr/> 一条水平线

HTML不区分大小写建议小写

标签属性：属性名="属性值"

HTML 标签建议包裹嵌套，不建议交叉嵌套

字体标签和格式标签

字体标签

字体标签，修饰文字样式

第二个

size:大小最小1 最大7

color 字体颜色使用英文例如red，使用#ff00ab

face: 字体

H5 文档声明

<!DOCTYPE html>

为了避免进入怪异模式，一定要写文档声明，放在最上

实体的语法： &实体的名字;

< &|t;

> >

空格   HTML源码中的多个空格会合拼成一个，一颗永 写多个空格

版权符号 &copy；

HTML 注释

<img/>图片标签

src：图片的路径（必有属性）

width：图片宽度

height：图片高度

默认单位是px（像素） width="200px"

百分比设置，死父类的百分比，是动态改变的width="50%"

路径的写法

内网路径

绝对路径：不建议使用

src="盘/文件名/图片名"

相对路径：从引入者所在的目录出发，建议使用

src="../图片" ../表示上一层目录 ./表示当前目录

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<a href="#bbb" >去指定位置</a>

<h1>这是一个好歌</h1>

<hr/>

我爱你

无畏人海的拥挤

用尽余生的勇气

只为能靠近你

哪怕一厘米

是我落下的险棋

不惧岁月的更替

往后的朝夕

不论风雨

是你就足矣

看了太多情人分分合合

爱其实很脆弱

像温室里的花朵

你这么说

我其实很忐忑

若我没有许过承诺

你还爱我吗

听夜空的流星

陨落的声音

这愿望让你听

我爱你