前端：谷歌浏览器（如果出现下载未响应，请关闭搜狗输入法，前端的工具有（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>