前端：谷歌浏览器（如果出现下载未响应，请关闭搜狗输入法，前端的工具有（webstrom和hbuilder）,其他的开发工具（微信小程序专用工具-官网下载））
后台：Java，jdk,ecilpse(解压版)，idea，服务器（tomcat）
数据库：mysql
微信小程序开发：需要掌握HTML,掌握JavaScript，掌握AJAX+JSON
Html4页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> </title> </head> <body> //网页内容 </body> </html>HTML5页面
<!DOCTYPE html> <html> <head> <meta charset="utf-8">//设置网页编码，UTF-8是简体中文 <title> </title> </head> <body> //网页内容 </body> </html>常用的网页标记： H标记：标题标记，将被修饰的内容显示为标题的级别
<h1>普通文本</h1> <h2>普通文本</h2> <h3>普通文本</h3> <h4>普通文本</h4> <h5>普通文本</h5> <h6>普通文本</h6>总结：标题标记数字越大字体越小，标题标记默认占用一行（块级标记），被修饰的内容字体加粗带有换行功能
P标记：将被修饰的内容显示为一个段落
<p>被修饰的内容</p>补充：段落与行的区别：段落存在间距，行没有间距，一般在存在大量文本的地方都会使用段落标记。
换行标记：br,所有的功能性标记，在页面画出一条水平线
img标记：图片标记，功能性标记，用于在页面中插入一张图片，具有默认效果，是行级标记（一行可以显示多个）
<img src=”图片地址”>效果：如果没有显式的定义图片宽高，那么将按照图片本身大小显示，图片存在边框，
图片常用属性：width,height,alt(图片不能正常显示时的替换文本)
改变标记默认效果通过标记属性来完成： 修饰性标记语法：<标记名 属性=”值”……>被修饰内容</标记名> 功能性标记语法：<标记名 属性=”值”…/>
网页中不识别文本编写的换行和空格，换行只会在标记之后添加一个空格，不会真正换行，只能通过标记< br/>换行和使用& nbsp;添加空格 网页中只能使用英文符号
A标记：超链接标记，网页中的超链接特点：鼠标放在超链接文本上时光标会变为小手，点击时会打开新的网页或文件 语法：< a href=”连接地址”>超链接文本 常用属性：target：设置超链接打开方式，默认是在当前窗口打开，值为_blank表示在新窗口打开
A标记特殊使用：锚点（类似于书签效果-返回顶部） 使用步骤： 1.在网页上定义一个锚点：语法：< a name=”自定义的锚点名”>,锚点就是需要跳转的地方 2.在需要使用锚点的地方通过超链接连接锚点：< a href=”#锚点名”>超链接文本
Ul/OL/DL标记：列表标记，必须结合< li>< /li>列表项标记使用 效果：默认存在外边距和内补白
<ul> <li>第一项</li> <li>第一项</li> <li>第一项</li> <li>第一项</li> </ul> <ol> <li>第一项</li> <li>第一项</li> <li>第一项</li> <li>第一项</li> </ol> <dl> <dt>自定义列表</dt> -----列表标题 <dd>第一项</dd> <dd>第一项</dd> <dd>第一项</dd> </dl>Table/TR/TD/Thead/Tbody/Tfoot标记：表格标记 Table是表格 Tr是行 Td是单元格（列）
三行两列表格 <table> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table>Th:特殊单元格标记，一般用于表头（表格第一行中），字体默认加粗和居中显示
<table border="1" width="500px" height="200px"> <tr> <th>表头单元格1</th> <th>表头单元格2</th> </tr> <tr> <td>普通单元格</td> <td>普通单元格</td> </tr> <tr> <td></td> <td></td> </tr> </table>Thead/Tbody/Tfoot:对一个表格进行分组，方便控制和数据获取
Table标记常用属性： border边框，值为数字 width：宽度，值为像素值 height：高度，值为像素值 align：设置表格水平对齐方式，值：left right center（居中） cellpadding：设置内补白（从四周补充指定值的空白） cellspacing：设置单元格之间的间隔
<table border="1" width="500px" height="200px" cellpadding="20px" cellspacing="20px">Tr标记常用属性： Align：设置当前行的文本水平对齐方式 Td标记常用属性： Align：设置当前单元格的文本水平对齐方式 Colspan：跨列，设置单元格水平合并 使用方式：在需要进行合并的单元格中的第一个单元格（从上往下，从左往右数第一个）中使用colspan=”需要合并的单元格数量”，然后将被合并单元格删除 Rowspan：跨行，设置单元格垂直合并 使用方式：在需要进行合并的单元格中的第一个单元格（从上往下，从左往右数第一个）中使用rowspan=”需要合并的单元格数量”，然后将被合并单元格删除
提示：colspan和rowspan可以同时作用于一个单元格
Form/INPUT/Select/textarea标记：表单标记 表单标记是用于进行数据收集和数据发送的特殊标记，一般用于需要用户输入的页面中（如：注册页面，登录页面，有搜索框的页面） 语法：
<form action=”数据发送后端java地址” method=”表单数据发送方式”> 各种用于数据收集或发送的表格控件 </form>说明： action：设置数据发送地址，目前使用# method：设置数据发送方式，值：get和post，区别post较安全，get速度快 提示：表单的功能实现必须通过其内部定义的表单控件来完成 常用表单控件： 输入控件:， 注意：所有的输入控件都应该设置一个name属性，值自定义有实际意义的单词 常用输入控件类型： Text：文本框，在文本框可以通过属性placeholder设置提示文本 Password:密码框，在密码框可以通过属性placeholder设置提示文本 Radio：单选按钮，如果想要多个单选按钮组合为一组单选（多个中选择一个），那么给所有单选按钮设置值一样的name属性 Checkbox:复选框 File：文件上传按钮 Button：普通按钮，没有任何意义的按钮，其功能实现必须依赖于JavaScript，通过设置该控件的value属 性定义按钮显示文本 Submit：提交按钮，具有数据发送功能的按钮，点击时会将表单中所有输入的数据发送到action指定的地 址，该按钮具有默认显示文本（不同浏览器显示不同），通过设置该控件的value属性定义按钮显 示文本
下拉列表控件：通过在select标记内部使用option（下拉列表项）标记定义下拉列表
<select> <option>四川</option> <option>云南</option> <option>广东</option> ……… </select>文本域控件：
<textarea cols="显示文本的列数，如20" rows="显示文本的行数，如10"> 协议文本............................ </textarea>HTML5新增表单输入标记类型：参照下面
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form action="#" method="get"> 颜色框：<input type="color" name="color"/><br/> 日期框：<input type="date" name="date"/><br/> 日期时间输入框：<input type="datetime" name="datetime"/><br/> 日期时间选择输入框：<input type="datetime-local" name="datetime_local"/><br/> 邮箱框：<input type="email" name="email"/><br/> 数字框：<input type="number" name="number"/><br/> 电话号码输入框：<input type="tel" name="phone"/><br/> 滑动框：<input type="range" name="range"/><br/> <input type="submit" value="提交"/> </form> </body> </html>