# HTML5
```
* 基本代码：
* <html>
* <head>
* <title>title</title>
* <head>
* <body>
* <FONT color='red'>Hello world</FONT><br/>
* <FONT color='green'>HTML5</FONT>
* </body>
* </html>
```
## 1.标签学习
### 1. 文件标签：
html：根标签
head：头标签，指定html文档的一些属性，引入外部资源
title：标题标签
body：体标签
### 2.文本标签：
<! -- 注释内容 -->：注释
<br>：换行
h1 - h6：标题标签，自带换行
<p></p>：段落标签
<hr>：显示一条水平线
参数：color width size align
<b>：字体加粗
<i></i>：字体斜体
<font></font>：字体标签
属性：color size face
### 3.图片标签：
<img>：属性：src，./；代表当前目录 ../：代表上一级目录
### 4.列表标签：
<ol></ol>有序列表 <li>：里面的列表项 type：标签 start：开始项
<ul></ul>无序列表
### 5.链接标签：
<a ></a>：href：链接 target："_self"直接打开 "_blank"：新网页打开 里面也可以放图片和文字
### 6.特殊标签：
<span></span>：行内标签，用来包裹的，和CSS一起才有用
<div></div>：每一个div占满一整行，块级标签，也是和CSS一起使用
### 7.语义化标签：html5中为了提高程序可读性
<header></header>：头
<footer></footer>：脚
### 8.表格标签：
table：定义表格
width：宽度
border：边框
cellpadding：定义内容和单元格的距离
cellspacing：单元格之间的距离
bgcolor：背景色
align：对齐方式
tr：定义行
bgcolor：背景颜色
align：对齐方式
td：定义单元格
colspan：合并列
rowspan：合并行
th：定义表头单元格
<caption>：表格标题
<thead>：表示表格的头部分
<tbody>：表示表格的体部分
<tfoot>：表示表格的脚部分
### 9.表单标签：
概念：用于采集用户输入的数据，和服务器进行交互
from：用于定义表单，可以定义一个范围，范围代表采集用户数据的范围
action：指定提交数据的URL
method：指定提交方式
get：
请求参数会在地址中显示
请求参数大小是有限制的
不太安全
post：
请求数据会封装在请求体中
请求参数的大小没有限制
较为安全
name：表单中的数据想要被提交，需要指定name属性
### 10.表单项标签：
input：可以通过type属性值，改变元素展示的样式
type属性：
text：文本输入框，默认值
placeholder：指定输入框的提示信息
password：密码输入框
radio：单选框
要想让多个单选框实现单选的效果，多个单选框的name属性值必须一致
一般会给每一个单选框提供value属性
checked：可以指定默认值
checkbox：复选框
checked：默认值
file：文件选择框
hidden：隐藏域，用于提交一些信息
按钮：
submit：提交按钮
button：普通按钮
image：图片提交按钮
src：路径
label：指定输入项的文字描述信息
label的for属性一般会和input的id属性值对应。如果对应了，则点击label区域，会让input输入框获取焦点。
select：下拉列表
option：子元素，指定列表项
textarea：文本域
cols：指定列数，每一行有多少字符
rows：默认多少行
## 2.CSS：页面美化和布局控制
### 1.概念：
Cascading Style Sheets：层叠样式表，多个样式可以作用在同一个html元素上
功能强大
将内容展示盒样式控制分离
降低耦合度
让分工协作更容易
提高开发效率
### 2.CSS的使用：
内联样式：在标签内使用sytle属性指定css代码
内部样式：在head标签内，定义style标签，style标签的标签体内容就css代码
外部样式：定义CSS资源文件，在head标签内，定义link标签，引入外部的资源文件
### 3.CSS的语法：
格式：
选择器{
属性名1：属性值1；
属性名2：属性值2；
。。。}
选择器：筛选具有相似特征的元素
### 4.选择器：
基础选择器：
id选择器：选择具体的id属性值的元素
语法： #id属性值{}
元素选择器：选择具有相同标签名称的元素
语法：标签名称{}
id选择器要优先于元素选择器
类选择器：选择具有相同的class属性值的元素
语法：.class属性值{}
扩展选择器：
选择所有元素：*{}
并集选择器：选择器1，选择器2{}
子选择器：筛选选择器1元素下的选择器2元素
语法：选择器1 选择器2{}
父选择器：筛选选择器2下的选择器1
语法：选择器1>选择器2
属性选择器：选择元素名称，属性名=属性值的元素
语法：元素名称[属性名="属性值"]{}
伪类选择器：选择一些元素具有的状态
语法：元素：状态{}
如：<a>
状态：link 初始化 visited active hover：鼠标悬停
### 5.属性：有很多，建议看文档，这里只是了解一下
字体，文本
font-size
color
text-align
line-height
背景：
background
边框：
width height
盒子模型：
margin：外边框
padding：内边框
box-sizing border-box
float：浮动
left right
# 3.JavaScript：
## 1.概念：一门客户端脚本语言
运行在客户端浏览器中
脚本语言：不需要编译，直接被浏览器解析执行
用来增强用户和html页面的交互过程，控制html元素，增加动态效果
JavaScript = ECMAScript + javaScript（BOM+DOM）
## 2.ECMAScript：客户端脚本语言标准
### 1.基本语法：
与html结合方式
内部js：定义<script>，标签内容就是js代码
外部js：定义<script>，通过src属性引入外部的js文件
注释：
单行：//
多行：/* */
数据类型：
基本数据类型
number String boolean null undefined
引用数据类型
对象
变量：
Java是强类型语言，JavaScript是弱类型语言
强类型：在开辟变量存储空间时，定义了空间将来存储的数据类型
弱类型：在开辟变量存储空间时，不定义空间将来存储的数据类型
语法：var 变量名 = 初始化值；
typeof：获取变量的类型
运算符：
一元：++，--。注意：+：代表正号
其他和java差不多
### 2.基本对象：
Function：函数对象
创建：
var fun = new Function(形式参数列表，方法体)；不建议
function 方法名称(形式参数列表){
方法体}
var 方法名 = function（形式参数列表）{
方法体}
方法
属性：
length：代表形参个数
特点：
方法定义是，形参的类型不用写，返回值类型也不用写。
方法是一个对象，如果定义名称相同的方法，会覆盖
在js方法中，方法的调用只与方法的名称有关，和参数列表无关
在方法生命中有一个隐藏的内置对象（数组），arguments，封装所有可能的实际参数
调用：
方法名称（实际参数列表）
基本对象：
Array：
创建：
var arr1 = new Array(1,2,3);
var arr2 = new Array(5); 不赋值的话就为空，显示几个逗号
var arr3 = [1,2,3,4];
var arr4 = new Array();
方法：
join(参数)：将数组中的元素按照指定的分隔符拼接为字符串
push：向数组的末尾加一个或者更多的元素，并返回新的长度
属性：length
特点：
js中数组的类型可变
js中数组长度可变
Date：
创建：
var date = new Date();
方法：
toLocaleString();返回对应时间
getTime();获取毫秒值
Math：
方法：random ceil floor round
属性：Pi
Number
String
RegExp：正则表达式对象
创建：
var reg = new RegExp("正则表达式");
var reg = /正则表达式/;
方法：
test(参数)
Global：
特点：
全局对象，这个Global中封装的方法不需要对象就可以直接调用。 方法名();
方法：
encodeURI()：url编码
decodeURI()：url解码
encodeURIComponent()：url编码，字符更多
decodeURIComponent()：解码更多字符
parseInt()：字符串转数字，直到不是数字为止
isNAN()
eval()：讲JavaScript字符串，并把它作为脚本代码来执行
## 3.DOM：
功能：控制文档内容
获取页面标签（元素）对象：Element
domcument.getElementById("id值");
操作Element对象：
修改属性值
查看API文档吧
修改标签内容：
属性：innerHTML
功能：某些组件被执行了某些操作后，触发某些代码的执行
如何绑定事件：
直接在html标签上，指定时间的属性，属性值就是js代码
通过js获取元素对象，指定事件属性，设置一个函数
## 4.BOM：先略过了
## 5.Bootstrap_：先略过了
## 6.XML：先略过了
浙公网安备 33010602011771号