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 文件的扩展名为html 或者 htm

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

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

例如: 内容体

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


一条水平线

HTML不区分大小写 建议小写

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

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

字体标签和格式标签

字体标签

字体标签,修饰文字样式

第二个

size:大小 最小1  最大7

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

face: 字体

H5 文档声明

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

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

< &|t;

> >

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

版权符号  ©;

HTML 注释

图片标签

src: 图片的路径(必有属性)

width:图片宽度

height: 图片高度

默认单位是px(像素) width="200px"

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

路径的写法

内网路径  

    绝对路径:不建议使用

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

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

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

上午   

前段基础 

软件架构   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 文件的扩展名为html 或者 htm

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

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

例如: 内容体

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


一条水平线

HTML不区分大小写 建议小写

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

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

字体标签和格式标签

字体标签

字体标签,修饰文字样式

第二个

size:大小 最小1  最大7

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

face: 字体

H5 文档声明

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

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

< &|t;

> >

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

版权符号  ©;

HTML 注释

图片标签

src: 图片的路径(必有属性)

width:图片宽度

height: 图片高度

默认单位是px(像素) width="200px"

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

路径的写法

内网路径  

    绝对路径:不建议使用

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

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

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

互联网路径?

src="https://dss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=3898709406,858372587&fm=85&app=63&f=JPEG?w=121&h=75&s=FAA024C5BE5379D4EC0DC19C03008013

       

       网页标题

       

       

       

        去底部

        去指定位置

       

这是一个好歌

       


       

山海

我看着 天真的我自己

出现在 没有我的故事里

等待着 我的回应

一个为何至此 的原因

他明白 他明白 我给不起

于是转身向山里走去

他明白 他明白 我给不起

于是转身向大海走去

我听着那少年的声音 在还有未来的过去

渴望着 美好结局

却没能成为自己

他明白 他明白 我给不起

于是转身向山里走去

他明白 他明白 我给不起

于是转身向大海走去


友情链接:A链接|

友情链接:A链接|

C链接

B链接|

C链接

去顶部|

联系我们

你可能感兴趣的:(2020-03-05)