web阶段总结-课堂笔记

一、html
(一)文字排版
1．标题标签h1~h6★
独占一行
默认加粗
内置字号，h1最大，h6最小
2．横线标签hr
color: 横线的颜色
size:横线的粗细
width:横线的长短
align:横线的水平位置 left/center/right
3．换行标签br★★
4．段落标签p
(二)图片标签img★★★
src: 图片的路径
width：图片显示的宽度
height:图片显示的高度
title：鼠标悬浮提示
alt：图片加载不出来的时候，给出的提示信息
(三)清单和超链接
1．清单标签
 无序清单：ul
type: 清单项前边的标记类型。circle/disc/square
 有序清单：ol
type:清单项前边的序号类型。1/a/A/i/I
 清单项标签：li
2．超链接标签a★★★★★
href:跳转的路径
target：新页面在哪显示 _self/_blank/framename
(四)表格标签★
 table 表格整体
width:表格的宽
border：是否有边框线0/1
align:表格整体的水平位置
 tr 行
height：行高
align：行内所有单元格内容的水平位置
 td 单元格
align：单元格内容的水平位置
colspan：跨列合并，值是合并单元格的个数
rowspan：跨行合并，值是合并单元格的个数
 th 表头单元格，用法和td完全一样，只是自带样式：加粗，水平居中
 caption：表格的标题

合并单元格的步骤：
1. 确定用哪个属性：跨行用rowspan，跨列用colspan
2. 确定属性加在哪：要合并的单元格里第一个单元格上
3. 确定属性的值：要合并几个单元格，值就是几
4. 删除被合并掉的单元格
(五)框架标签
用来切分页面的
 frameset
rows：要上下分行。比如：rows=”100,*”表示上下分成两行，上边行高100，下行高剩余全部。分成几份，就必须有几个frame
cols：要左右分列。用法与rows完全一样
 frame
src：要嵌套的页面的路径
name：当前框架的名称。可以给a标签的target属性来用，在指定的frame里显示新页面
(六)表单标签★★★★★
1．form 表单标签
name:表单的名称
action：表单提交的路径
method：表单提交的方式。get/post

 get提交和post提交的区别（面试题）：★★★★★
1）get提交参数在地址栏显示；post提交参数在请求体里提交，不在地址栏显示
2）get提交不安全；post提交相对安全
3）get提交参数有长度限制(IE限制2083)；post理论上没有限制
2．input 输入项标签
(1)type
 text: 文本框
 password：密码框
 radio：单选按钮。name相同的radio属于同一组，是互斥的
默认值设置：在需要默认选中的选项上，增加属性：checked=”checked”
 checkbox：复选框。name相同的checkbox属于同一组，方便后台接收数据
默认值设置：在需要默认选中的选项上，增加属性：checked=”checked”
 button：普通按钮。没有绑定任何事件
 submit：提交按钮。把按钮所在的表单提交
 reset：重置按钮。把按钮所在的表单数据，重置为默认值
 image：图片提交按钮。功能和submit完全 一样
 file：文件选择框。默认提交的是文件名称
 hidden：隐藏域。不会显示到页面上的表单项，但是如果有name，数据可以提交
(2)name
如果表单项的数据需要提交，就必须有name属性
(3)value
作用随type不同而改变：
 text：value是默认值
 password:value是默认值
 radio：value是一个选项的值，如果选项被选中，这个值会被提交
 checkbox：value是一个选项的值，如果选项被选中，这个值会被提交
 button：value表示按钮上的提示信息
 submit：value表示按钮上的提示信息
 reset：value表示按钮上的提示信息
 image：value没有实际用处
 file：value是无效的
 hidden：value表示隐藏域的值
(4)readonly
固定值readonly，表示值不可更改，但是数据可以提交
(5)disabled
固定值disabled，表示值不可更改，而且不能提交数据
3．select 下拉框标签
(1)select下拉框标签
name：如果数据要提交，就必须有name
multiple：固定值multiple，表示可以多选
(2)option下拉选项标签
value：选项的值。如果选项被选中，就会提交这个选项的value值
selected：固定值selected。表示这个选项默认被选中
4．textarea 文本域标签
name：如果数据要提交，就必须有name

注意：value属性对于文本域是无效的。文本域的默认值，是在标签体里设置的，表单提交的时候，提交的也是标签体的内容
二、css
(一)怎样引入css
1．内嵌样式

我是div

2．内部样式
在head里增加子标签style，把样式代码写在style的标签体里
3．外部样式
在head里使用link标签引入外部文件

(二)怎样选择html标签
1．基本选择器
(1)标签选择器 标签名称{样式名:值…}
(2)id选择器 #id值{样式名:值…}
(3)class选择器 .class名称{样式名:值…}
2．层级选择器
父选择器 后代选择器…{样式名:值…}
注意：空格表示后代，而不是上下级父子关系
3．属性选择器
基本选择器[属性名=”值”] {样式名:值…}
(三)怎样修饰html
三、JavaScript
(一)引入方式
1．内部

//js代码

2．外部
使用script标签引入外部文件

(二)ECMAScript（基本语法规范）
1．变量定义
js里所有变量定义都使用var
2．数据类型
(1)原始数据类型
 boolean
 number
 string
 null
 undefined
(2)引用数据类型
1. Array
1）创建数组
var arr = new Array()
var arr = new Array(3);
var arr = new Array(“a”,”b”,”c”);
var arr = [“a”,”b”,”c”]
2）循环遍历
for(var i=0; i