第一天笔记

前端基础 

软件架构   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 文档声明

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

格式化标签

换行标签

段落标签，划分段落，自动段前和段后有空行

aligh ：段落内容的对齐方式  

默认是left左对齐

right右对齐

center居中

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

< &|t;

> >

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

版权符号  ©；

HTML 注释

图片标签

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

width：图片宽度

height： 图片高度

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

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

路径的写法

内网路径  

    绝对路径：不建议使用

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

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

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