前言
视频主要介绍的是前端语言三件套HTML、CSS、JavaScript
之前课内学过一门Java Web，主要讲的除了三件套还有javabean,MVC,servlet等
知识点
引用部分课内学习的笔记:
- HTML：超文本标记语言，符号标记语言 - CSS：层叠样式表，定义样式结构的语言 - JavaScript：脚本语言html文件基本结构
<head> 头部开始
…… 头部内容
</head> 头部结束
<body> 主体开始
…… 文件主体内容
</body> 主体结束
</html>
页面元素
标题列表
无序列表元素：
<UL>标记和<li>表项标记建立无序列表的格式为：
<ul type="符号类型"><li type="符号类型1" /> 第一个列表项 <li type="符号类型2" /> 第二个列表项 …
</ul>
文本段落
段落标记p，基本语法如下：
<p align=”对齐方式”>段落1内容
<p align=”对齐方式”>段落2内容
</p>
评论列表align属性用于定义段落的水平对齐方式，可分别取left（左对齐），center（居中），right（右对齐），默认值为left。
评论列表
<div>标记是一个区块容器标记，可容纳标题、段落、表格、图像等各种HTML元素。
基本语法如下：
<div>…</div>
<div>…</div>
<span>标记
与<div>标记一样，<span>标记也是一种容器标记。二者的区别在于，<div>是块级元素，它包含的元素会自动换行，而<span>是行内元素，在它的前后不会换行。<span>标记可以作为子元素包含在<div>标记中。
<img>标记
HTML利用图片标记<img>向网页中插入静态或者动态的图像，如插入评论列表中的评论人图标。```
<img>标记的格式如下： <img src="图片地址" >
输入表单
<form>标记
表单定义的格式如下：
<form name="表单名" action="URL" method="get|post">
<input type="表项类型" name="表项名" value="缺省值" placeholder="提示信息" required="required"/>
……</form>
name 表单名称
action 规定提交表格时，向何处发送表单数据
method 规定用什么方式发送表单数据
<input>标记
<input>标记用于定义表单中的输入控件，使用户能够使用文本、选择、按钮等多种方式输入信息。
type 设置输入控件的类型，如文本框text,密码框password 提交按钮submit隐藏域hidden复选框checkbox 文件域file
value 设置控制初值，告诉用户默认输入值或选择结果
checked 设置是否默认选中，默认未选中
name 指定输入控件名称
required 必填项目
新闻发布表单
下拉列表框需要使用<select>和<option>两个标记来定义。
定义形式如下：
<select name=“控件名” size=”大小” multiple >
<option value=”选项值”>选项名称</option>
<option value=“选项值” selected>选项名称</option>
</select>
多行文本框
``` <textarea>标记```用于实现一个多行文本框
定义形式如下：
<textarea name=“content” cols=“25” rows=“5”> 编辑框默认显示的内容</textarea>
其中cols设置输入域的列数，rows设置输入域的行数。
管理表格
<table>标记：用于设置表格的格式，如表格宽度、高度、边框线、边距、单元格间距等，表格边框线宽度用border指定，单位是像素，当值为0时不显示边框。
<tr>标记：用于定义表格中的一行
<td>和<th>标记：表格的单元格用标记定义，表头单元格也可以用标记定义。
表格的一般定义格式如下：
<tr> <th>表头1</th> <th>表头2</th> </tr>
<tr> <td>单元格1</td> <td>单元格2</td> </tr>
……
<tr> <td>单元格1</td> <td>单元格2</td> </tr>
</table>
功能菜单 <a>和</a>为超链接的标记，可以实现从一个页面到另一个页面的跳转。
超链接定义格式如下：
<a href="目标地址">超链接名称或者图片
</a>
CSS
基本CSS选择器
标记选择器
标记选择器是直接针对HTML标记定义样式。一个HTML标记名就可以作为一个样式选择器。基本格式如下：
HTML标记名{标记属性:属性值; 标记属性:属性值; 标记属性:属性值; ……;}
类别选择器
（1）基本格式如下： .
类别选择器名 {标记属性:属性值; 标记属性:属性值; 标记属性:属性值; ……;}
（2）使用：
在HTML标记中实用class选择器，需要将标记的class属性值设置为类别选择器名。
格式如下： <HTML标记名 class=”类别选择器名”>
ID选择器
（1）基本格式如下：
#ID选择器名{标记属性:属性值; 标记属性:属性值; 标记属性:属性值; ……;}
（2）使用：
使用ID选择器，需要设置相应标记的ID属性值为ID选择器名。格式如下：
<HTML标记名 id=”ID选择器名”>
伪元素选择器
伪元素选择器是指对同一HTML元素的各种状态来定义样式的一种方式。例如超链接存在正常超链接状态（link）、访问过后（visited）、光标移动到超链接文字上（hover）、选中超链接（active）等状态。要为每种状态设置不同的样式，就要用伪元素选择器，其定义的格式如下
HTML标记：伪元素｛样式｝
在HTML使用CSS的方法
（1）嵌入式
嵌入式是将样式表嵌入到HTML标记的属性中，把样式的定义直接作为标记的style属性值。格式如下：
<HTML标记 style=“属性名：属性值”>
（2）头部式
头部式是把样式定义在HTML页面的头部，用标记进行声明。这样定义的样式在整个页面中都可以使用。基本格式如下： 样式定义
（3）外部式
外部样式表是把样式定义保存在一个专门的文本文件中，这个文件的文件名由用户自定义，但扩展名必须是“.css”。外部式的最大优点是实现了CSS代码和HTML代码的分离。
定义好的CSS文件可以通过在HTML页面头部的标记将CSS文件链入HTML文件中， 格式如下：
jsp基本语法
数据类型
1数值型：number，包括整型int和实型float；
字符串型：string，字符串是用单/双引号括起来的字符或数值；
布尔型：boolean，其值为True或者False；
Undefined类型：已声明但没有赋值的变量，不能直接使用；
变量
JavaScript是弱类型语言，在声明变量时，不需要指定变量的类型，变量类型会根据所赋的值来确定。变量声明使用命令var来完成，格式如下： var 变量名[=值]；
流程控制
JavaScript的流程控制语句包括： 分支语句：if …else…、switch...case…； 循环语句：for、while、do...while；
程序结构和内置函数
在JavaScript中单条语句即可构成程序。但是通常为了使程序结构更好，一般会使用函数作为JavaScript程序的基本构成单位。 JavaScript的函数有自定义函数和内置函数两种。
对象
由属性和方法构成
属性：描述对象特征的一组数据
方法：操作对象特征的一组动作
三种类型 JavaScript内置对象 浏览器提供的对象 自定义对象
JavaScript内置对象
（1）Date对象：用于处理日期和时间，需要先创建才能使用。
（2）window对象：代表当前浏览器窗口所有 JavaScript 全局对象、函数和变量均自动成为 window 对象的成员。
（3）document对象：属于HTML DOM（Document Object Model，文档对象模型）。当网页被加载时，浏览器会创建当前页面的DOM模型。
事件驱动机制
事件驱动机制是事件发生者向事件处理者传递消息的一种机制。主要事件有标记事件、鼠标事件、键盘事件。
标记事件是标记状态或者内容的变化，比如点击按钮、做出选择、输入内容改变等，常用标记事件如下： onClick事件 onChange事件
