前端（一）
一、Web基础知识
Web的作用：将信息和服务器进行连接和交互，然后传值给客户端和浏览器，使用户能清晰的看到生成的图形数据
Web工作原理：
1.结构
B/S结构是浏览器结构，能够方便开发者以及企业做数据的增删改查，但是由于限制用户的体验并不好
C/S结构是客户端窗体结构，能够将模型进行美工化，是用户看上去感觉非常的舒服，但是对于开发者来说，自身
的操作以及修改数据是不太便捷的
2.安全性
由于B/S是基于浏览器的结构，在进行数据的交互时，速度会非常的快速便捷，但是浏览器的防护系统很容易被
攻破，以致于对企业自身造成相当严重的影响，而C/S是基于客户端的结构，在安全性能上面能够更有效的防止
来自外界的入侵，可以使得企业的损失率达到最小。
二、HTML快速入门
HTML：
HTML又名超文本标记语言，能够使得文本以外的东西具象化的呈现在眼前，它具有特定的语言规范。HTML是
网页设计的语言，由HTML进行语言的编写工作。
HTML开发工具：
主要开发工具有DW，Hbuild，记事本以及超级记事本也能当作HTML的开发工具，只不过不太方便。
HTML的运行工具是各类浏览器，主流浏览器是谷歌，火狐等。
HTML基础语法
标记语法
HTML中，标记必须用<>将标记括起来
标记分为两类：1.封闭类标记 <标记名>内容</标记名>
2.非封闭类的标记 也称为空标记 单标记 <标记名/>或者<标记名>
属性和值
属性
用来修饰元素的标签
语法
<p align=“center”>这是一个段落标签</p>
示例
标准属性
通用属性 页面上所有的标签都会具有的属性
如：
id 页面元素独一无二的标识
class 类名
style 定义元素的样式
title 鼠标移入到元素上所显示的内容
示例
title
！！注释：
注释是不会被浏览器所解释执行
用法：
<!-- 内容 -->
注意：注释是不能嵌套注释 只认识开头和结尾 注释是不能位于 <>标签中
三、HTML文档结构
第一行：文档的类型声明
作用：指定文档的版本和类型
<!DOCTYPE html>： 标识这个文件是一个HTML5的版本
head ：网页的头部：作用 定义页面中的全局信息
<meta charset=“utf-8” />： 指定文档的字符集
<title></title>： 文档的标题
示例
title标题
四、特殊字符
无论多少空格都会被解释为一个空格，要想增加空格只能使用  ;
五、文本标记
加粗 : <b> 删除线: <s>
斜体: <i> 上标 : <sup>
下划线: <u> 下标: <sub>
示例
原效果：
加粗：
删除线：
斜体：
上标：
下划线：
下标：
六、标题元素
作用：
以标题的形式显示文本
表现方式：
1.垂直空白距离
2.不同的标题字体大小并不相同 范围：h1-h6 从大到小 超过这个范围将没有大小效果
3.独占一行
示例
七、段落元素
作用：在页面中表示一段独立的文本
表现方式：具备垂直空白 独占一行
八、换行标签
<br />
作用：换行
示例
九、分割线
<hr />
作用：在页面中显示线条
属性：
size: 尺寸的大小
width：宽度
align：线条的水平对齐方式
color：颜色
。。。
示例
扩展
十、快捷键
复制 ：ctrl + c
粘贴 ：ctrl + v
保存 ：ctrl + s
剪切 ：ctrl + x
全选 ：ctrl + a
撤销 ：ctrl + z
反撤销 ：ctrl + y
提示代码 ：alt+/
格式化代码 ：ctrl + shift + f
（ 第一步：全选
第二步：调整输入法 美式键盘
第三步: ctrl + shift + f）
返回桌面 ：win +d
切换窗口 ：alt+tab
窗口化切换： win+tab
关闭窗口：alt+f4
查找和替换： ctrl+f
运行 ：ctrl + r
全部保存 ： ctrl + shift+s
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
