color="red" size=7 face="楷体"
color表颜色 size表字体的大小 face表字体类型
<hr/>标签换行
<h1>-<h6>依次减小
 表空格符号
<!-- -->表注释标签
<img>图片标签（里面有这些属性：src（有两条路径 1：互联网路径 2：内网路径（有相对路径：从地球出发和绝对路径：从自己的脚下出发 ） width height）
列表标签（ul=无序列表 (定义列表) li(列表条目) ol=有序列表 (定义列表)）
超链接标签<a href="填写跳转的地方 也可以跳到图片（外网要加http://）"><a/>注意：a标签里要有内容 必须有href属性 也可以放图片
表格标签<table border(加边框) width(设置宽度)></table> 1:定义表格 2：定义表格中的一行（<tr><tr/>）3: 在表格一行中定义单元格（<td><td/>）
<th>和<td>的区别在于<th>内容居中加粗 单元格合并<td colspan(跨列合并单元格="2" 合并完之后要删掉)><td/>
<td rowspan(跨行合并单元格="2" 合并完之后要删掉)><td/>
块标签有<div>(块级)和<span>(不会换行）
写表单步骤：1：定义一个表单<form action(提交到哪里去/ method(用何种方法提交"get""post"))><form/> 2：在表单里定义对应的表单输入项<input type=text password密码框 radio单选框 checkbox复选框
submit提交按钮 reset重置按钮 file附件框用于文件上传 hidden隐藏域 buttom普通按钮 check默认选一个 readonly数据值无法更改 disabled不可用不可提交>
<select multiple(多选提交)>(选择框标签) <option value>这里内容是选择的东西<option/><select/> <textarea>（文本域）
提交中文要使用到url编码（有普通的十进制变为十六进制，然后以百分号来进行拼接）
css的左右排列利用float属性 要使两个盒子在左边挨着就要两个盒子都左浮动
display是可以使div由块级元素变成行内元素
css和html的外部结合方式 <link rel="syslesheet" type="text/css" href="css文件路径" />
JavaScript是由ECMAScript（规定了JS的语法和基本对象） DOM（处理网页内容） BOM（与浏览器交互）来组成的
如何外部引用JS到html中来<script src=""><script/> 当加src之后就不要在script里写script代码
script放在body结束之前
变量的声明 var 变量名=值 不能用JavaScript关键词来做变量名，如function、this、class
基本数据类型：string boolean number(数字) null(空的) undefined(未定义类型) alert(typeof (变量名))--可以查找变量名使用的哪个类型
应用数据类型：所有类型对应的都是对象var str=new string();也可以var str=new string;(js独有的方式)
运算符：===(全等)--比如值相同类型不相同就不是全等 &&(and) ||(or) !(not)
正则对象：常用的对象有new RegExp("表达式")==不常用，var reg=/^表达式$/ ==常用。 /表达式/==普通方式，一般用于查找东西
正则对象方法：test方法可以指定返回值为true和flase，符合上面的正则就返回true，则flase。
JS数组对象：创建四种方式--var arr=[1,2,3]; var arr=newArray();--默认长度为0 var arr=newArray(4);--数组长度是4 var arr=newArray(1,2);--数组元素是1和2
Array对象属性：length--返回数组中元素的一个数目。
Array对象方法：Join()--把数组的所有元素放在一个字符串里，元素通过分隔符进行分隔。reverse()方法--颠倒数组中元素的顺序。
pop()方法--删除并返回数组的最后一个元素。push()方法--向数组的末尾添加一个或多个元素，并返回新的长度。
全局函数：eval(string)函数--计算javascript字符串，并把它作为脚本代码来执行。
url编码--encodeURL(主要对中文进行编码) url解码--decodeRUL URI带有资源码。
字符串转为数字：parselnt()方法--转为整数，不存在四舍五入和parseFloat()方法--转为浮点数
自定义函数：函数格式--function 方法名(参数列表 ){ } 如果方法重名就会去调用最后一个方法，不像java那样存在方法重载。
自定义对象：对象格式--function 对象名(参数列表 ){ }--new people() 属性--this.name="张三"; 1.有构造参数赋值2.创建对象后，调用属性进行赋值。
对象直接量：var 对象名={属性名1：“属性值1”}。
window代替了BOM对象：alert()方法--警告框 confirm()方法--确认框 setInterval()方法--循环定时器
clearInterval()方法--清除定时器 setTimeout()方法--一次性定时器
location对象：herf属性--可以返回完整的URL，跳转路径。
DOM对象：html文档会形成一个DOM对象。特点：都有一个节点--每个节点都是节点对象--节点关系是父子关系
获取元素对象的四种方式：通过document.获取对象 1.getElementById()--通过Id获取对应元素
2.getElementByName()--通过name获取符合要求的所有属性(用在有name属性，比如input)
3.getElementByTagName()--通过元素的元素名获取符合要求的所有属性(用在li无序)
4.getElementByClassName()--通过class获取符合要求的所有属性
元素对象常见属性：1.value--获取元素对象的value 2.className--获取元素对象的class属性值--修改元素样式
3.checked--获取元素对象的checked属性值 4.innerHTML--获取元素对象的内容体。 注意：若要追加内容--对象.innerHTML+=",要加的内容"
JS事件：可以表单提交，鼠标点击。onclick--点击事件。
JS事件驱动机制（警察抓小偷案例）：1.事件源(按钮)--专门产生事件的组件 2.事件(点击)--由事件源所产生的动作或事情 3.监听器(run()方法)--专门处理事件源所产生的事件
4.注册/绑定监听器(onclick="run1()")--让监听器时刻监听事件源是否有指定的事件产生，如果事件源产生指定事件，则调用监听器处理
焦点事件：1.onblur--获取焦点事件 2.onfoucs--失去焦点事件
域内容改变事件：onchange--值改变时就会触发。
加载完毕事件：onload--加载完毕时触发。
表单提交事件：onsubmit--表单的提交按钮被点击的时候触发。
键位弹起事件：onkeyup--键盘键位弹起时触发事件。
鼠标事件：onmouseover--鼠标移入某个元素会触发。 onmouseout--鼠标移出某个元素会触发。
JS的绑定方式：window.onload = function () {}----可以绑定多个加载完毕
bootstrap--基于HTML，css，javascript的前端框架
响应式布局--兼容多个终端（手机、ipad、pc） device-width设备宽度 initial-scale=1（初始化设置）mininitial-scale（最小缩放级别）
布局容器：container--居中两端留白。container-fluid---类似于100%的宽度，占据全部视口。list-inline--将所有元素置放于一行。
btn btn-default btn-lg(最大按钮)--按钮的特效 btn-default--默认按钮、btn-success--绿色按钮、btn-danger--红色按钮。
navbar-inverse--导航条背景图片黑色。
轮播图：data-interval--轮播图定时换图时间。如果有多个轮播图一定要修改id。
排版对齐方式：text-left--内容居左、text-center--内容居中、text-tight--内容居右
表单元素：label--专门提示信息。
用户校验：has-error--检擦用户输入是否正确
分页条：在li里加active--属于激活状态
栅格系统：把一行分为12列。行样式--row。 列样式--col-屏幕尺寸-占用列数。先定义一个表格--再定义行--再定义列。
lg--pc大屏、md--pc小屏、sm--平板屏幕、xs--智能手机
列偏移：col-lg-offset-4----向右偏移四格
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
