一.开发环境
服务器环境：WampSewer PHP开发工具 :phpstorm vscode mysql工具：navicat 帮助工具：手册
二.Web前端基础
HTML（超文本标记语言 静态网页语言）：
- 一种用于创建网页的标准标记语言， 运行在浏览器上，由浏览器来解析
- 它不是一种编程语言，而是一种标记语言
- 标记语言是一套标记标签
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容（HTML的框架）
- HTML文档也叫做 web 页面
HTML文档的后缀名 两种后缀名没有区别，都可以使用：
- .html
- .htm
标签语法：用<>括起来 双标签：<标签名>...</标签名> 单标签：<标签名/>
- 标签对中的第一个标签是开始标签，以开始标签起始。第二个标签是结束标签，以结束标签终止。开始和结束标签也被称为开放标签和闭合标签。
- 元素的内容是开始标签与结束标签之间的内容
- 某些 HTML 元素具有空内容
- 空元素在开始标签中进行关闭（以开始标签的结束而结束）
- 大多数 HTML 元素可拥有属性（属性是 HTML 元素提供的附加信息 属性值应该始终被包括在引号内 双引号是最常用的，也可使用单引号）
HTML属性：
- HTML 元素可以设置属性
- 属性可以在元素中添加附加信息
- 属性一般描述于开始标签
- 属性总是以名称/值对的形式出现，eg：name="value"
在某些个别的情况下，比如属性值本身就含有双引号，那么必须使用单引号，eg：name='Angelia "Snowdrop" Zheng'
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"/> 定义网页编码格式为 utf-8
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<p> 元素定义一个段落
<h1> - <h6> 标签定义HTML 标题（Heading)的 <h1> 定义最大的标题 <h6> 定义最小的标题
<hr> 标签在 HTML 页面中创建水平线
<p>标签定义HTML 段落(<p>这是一个段落</p>即可换段）
<br /> 标签换行 （<br /> 元素是一个空的 HTML 元素，由于关闭标签没有任何意义，因此它没有结束标签）
<a> 标签定义HTML 链接：在 href 属性中指定链接的地址 target 属性，定义被链接的文档在何处显示 （链接的打开方式） id 属性，id属性可用于创建在一个HTML文档书签标记
<img> 标签定义 HTML 图像：<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，需要使用源属性（src），src 指 "source"，源属性的值是图像的 URL 地址 alt 属性用来为图像定义一串预备的可替换的文本（图片加载失败时的提示信息） height（高度） 与 width（宽度）属性用于设置图像的高度与宽度 title：文字提示属性 border:边框线粗细
<b> 加粗 <i> 斜体 <strong>强调加粗 <em>强调斜体
<del>删除线 <front>字体设置
. 当前目录 .. 上一级目录 ./ 相对路径 / 绝对路径
<table> 标签定义表格 caption 表格标题 tr 行标签 th 列头标签 td 列标签 表格的边框使用 border 属性进行定义
<head> 元素：<head> 元素包含了所有的头部标签元素。在 <head>元素中可以插入脚本（scripts）, 样式文件（CSS）及各种meta信息。
可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, <base>
<base> 元素：<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接
<link> 元素：<link> 标签定义了文档与外部资源之间的关系，<link> 标签通常用于链接到样式表
<style> 元素：<style> 标签定义了HTML文档的样式文件引用地址，在<style> 元素中也可以直接添加样式来渲染 HTML 文档
<meta> 元素：meta标签描述了一些基本的元数据，元数据不显示在页面上，但会被浏览器解析。META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据
<script> 元素：<script>标签用于加载脚本文件 eg： JavaScript
HTML 框架：通过使用框架，可以在同一个浏览器窗口中显示不止一个页面
HTML 可以通过 <div> 和 <span>将元素组合起来
HTML 列表：
HTML 支持有序、无序和定义列表：无序列表使用 <ul> 标签，是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记 有序列表使用 <ol> 标签，每个列表项始于 <li> 标签，列表项目使用数字进行标记
HTML 自定义列表：自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 <dl> 标签开始，每个自定义列表项以 <dt> 开始，每个自定义列表项的定义以 <dd> 开始
HTML 表单用于收集不同类型的用户输入 表单使用表单标签 <form> 来设置 表单是一个包含表单元素的区域 表单元素是允许用户在表单中输入内容，eg:比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等 多数情况下被用到的表单标签是输入标签（<input>） 输入类型是由类型属性（type）定义的
form标签常用属性：
- action属性：提交的目标地址（URL）
- method属性：提交方式：get（默认）和post get方式是URL地址栏可见，长度受限制，相对不安全 post 方式是URL地址不可见，长度不受限制，相对安全
- enctype属性:提交类型
- target属性：在何处打开目标 URL
- name属性：为表单起个名字
<input>表单项标签 定义输入字段，用户可在其中输入数据 常用属性：
type:表示表单项的类型：值如下
- password:密码输入框
- checkbox:多选框 注意提供value值
- radio:单选框 注意提供value值
- file:文件上传选择框
- button:普通按钮
- submit:提交按钮
- image:图片提交按钮
- reset :重置按钮，还原到开始（第一次打开时）的效果
- hidden:主表单隐藏域，要是和表单一块提交的信息，但是不需要用户修改
- name ：表单项名，用于存储内容值
- value：输入的值 定义input元素的默认值
- size：输入框的宽度值
- maxlength：输入框的输入内容的最大长度
<select>标签 创建下拉列表：
- name属性：定义名称，用于存储下拉值
- size: 定义菜单中可见项目的数目
- disabled: 当该属性为true时，会禁用该菜单
- multiple:多选
<option>下拉选择项标签，用于嵌入到<select>标签中使用：
- value属性：下拉项的值
- selected属性:默认下拉指定项
<textarea>多行的文本输入区域：
- name：定义名称，用于存储文本区域中的值
- cols:规定文本去内可见的列数
- rows:规定文本去内可见的行数
- disabled:是否禁用
- readonly:只读
<button> 标签定义按钮 ：可在button元素中放置内容，eg:文档，图像 这是该元素与由input元素创建的按钮的不同之处
HTML 是一种在 Web 上使用的通用标记语言 HTML 允许格式化文本，添加图片，创建链接，输入表单，框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示