前端（一）-CSDN博客

本文链接：https://blog.csdn.net/qq_44837990/article/details/102940391

前端（一）

一、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.非封闭类的标记 也称为空标记 单标记  <标记名/>或者<标记名>

属性和值

属性

用来修饰元素的标签

语法

这是一个段落标签

示例

在这里插入图片描述

标准属性

通用属性页面上所有的标签都会具有的属性
如：
id 页面元素独一无二的标识
class 类名
style 定义元素的样式
title 鼠标移入到元素上所显示的内容

示例

title 在这里插入图片描述
！！注释：
注释是不会被浏览器所解释执行
用法：

注意：注释是不能嵌套注释只认识开头和结尾注释是不能位于 <>标签中

三、HTML文档结构

第一行：文档的类型声明
作用：指定文档的版本和类型
<!DOCTYPE html>：标识这个文件是一个HTML5的版本
head ：网页的头部：作用定义页面中的全局信息
<meta charset=“utf-8” />：指定文档的字符集
<title></title>：文档的标题

示例

title标题
在这里插入图片描述

四、特殊字符

无论多少空格都会被解释为一个空格，要想增加空格只能使用&nbsp ;

五、文本标记

加粗 : 删除线: <s>
斜体: 上标 : 
下划线: 下标:

示例

原效果：
在这里插入图片描述
加粗：

删除线：

斜体：

上标：

下划线：

下标：

六、标题元素

作用：
以标题的形式显示文本
表现方式：
1.垂直空白距离
2.不同的标题字体大小并不相同范围：h1-h6 从大到小超过这个范围将没有大小效果
3.独占一行

示例

在这里插入图片描述

七、段落元素

作用：在页面中表示一段独立的文本
表现方式：具备垂直空白独占一行

八、换行标签

作用：换行

示例

在这里插入图片描述

九、分割线

<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