首页 > 代码库 > 20170724课堂笔记

20170724课堂笔记

# 回顾

### HTML\CSS\JavaScript
*html 负责结构
*css 负责样式
*JavaScript负责逻辑

### HTML基础
*标签/元素/ 单标签/双标签
*属性
*注释
*格式

### 结构标签
*dtd声明 <! Doctype html>
*html标签 双
*head标签 双
*body标签 双 bgcolor background link alink vlink text

### 头部标签
*tittle 双 标题
*meta 单 name/content http-equiv/content charset
*字符集编码
*页面跳转
*关键字/描述
*link 单 href/rel
### 格式标签
*br 单 换行
*hr 单 分割线 width/size/noshade/align
*pre 双 原样输出
*P 双 段落
*hn 双 标题
*center 双 局中(不建议使用)
———————————————————————————————————————————
# 今日新学

# html实体
*“&nbsp;” 空格
*“&lt;” <
*”&gt;” >
*”&qunt” “引号
*“&copy” ??
*“&yen” 人民币Y
*“&times” ??
*“&divide” ?
*“&reg” ??
#列表标签
*ul 双 无序列列表 属性 type(disc(默认)/square/circle)
* li 双 列表项 属性 type 值同上
* ol 双 有序列表 属性reversed(降序)type(1/a/A/I)start(值数字) * dl 双 定义列表
* dt 双 列表项目的标题
* dd 双 列表项目的描述
# 文本标签(双)

*en 强调 表现为斜体字
*strong 强调 表现为加粗体
*cite 引证 距离 书名 电影名
*dfn 定义项目
*kbd 键盘按键
*abbr 定义缩写 配合title
*bdo 配合dir属性(ltr,rtl)改变文字书写方向
*code 定义代码
*var 定义变量
*del 已经删除的 删除线
*ins 当前的 下划线
*sup 上标文字
*sub 下标文字
*q 引用 短
*blockquote 引用长
*address 定义地址
*b 加粗 强调
*i 斜体 科学专业术语
*u 下划线 定义与其他文本不同风格的文本

#超链接

### URL
*统一资源定为符
*万维网的每一个文件都有一个URL

### a标签
*href 值 URL
*target 新网页从那个窗口打开 _self / _blank
*titel 提示
*download 下载H5新增

### 路径
*相对路径 ./ ../
*绝对路径

### 锚点
*“<a name=“锚点的名字”></a>”
*使用超链接“#”跳转到制定锚点

#图像

### img标签 属性
*src
*alt 图片无法显示时显示的文字
*title
*borber 值 数字
*width 图片宽度
*height 图片高度
*usemap

### 常见的图片格式
*jpg/jpeg
*gif
*png

### 图片热点 图片映射
*map id/name
*area shape(circle rect poly) href titel target

20170724课堂笔记