[TOC]
# 案例1:常用标记
![](https://img.kancloud.cn/de/bf/debf854943f9f2ade853e4e8c1a66f8c_498x377.png)
# 案例2:容器标记
![](https://img.kancloud.cn/58/d0/58d01e090717dd520346113a2e306633_391x127.png)
> 1. 学号和姓名是共用一行
> 2. 张三李四独占一行
> 3. 学号所占空间为文字空间
> 4. 张三所占空间为一行
![](https://img.kancloud.cn/d1/86/d186f56bd44be0cee3ab8b52bfc37261_433x130.png)
# 案例3:排版标记
![](https://img.kancloud.cn/56/ab/56ab953c36b327ca574d3105c4d43e77_339x44.png)
# 案例4:特殊字符
![](https://img.kancloud.cn/ed/33/ed33535b504c1e58e89818f1e82e35ee_855x414.png)
# 案例5:特殊排版标记
![](https://img.kancloud.cn/97/9b/979b697c7c875d4a1eb6385ed2065694_549x241.png)
# 案例6:常见长度单位
![](https://img.kancloud.cn/27/50/2750f66bed98f3b07b11ed7170b068c2_582x340.png)
- 目录
- 1课程介绍
- 2HTML
- 2.1概述
- 2.2常用标签
- 2.3列表标记
- 2.4超链接与图
- 2.5表格
- 2.6表单
- 2.7frameset
- 3CSS
- 3.1样式表
- 3.2选择器
- 3.3样式
- 3.4浮动和定位
- 3.5布局案例
- 3.6CSS3
- 3.7选修
- 4JavaScript
- 4.1JavaScript基础
- 4.2JavaScript变量及函数
- 4.3JavaScript常见对象及操作
- 4.4JavaScript操作DOM&BOM
- 4.5JavaScript事件响应
- 5Ajax
- 5.1Ajax基础
- 5.2Ajax&XML
- 5.3Ajax&JSON
- 6HTML5
- 6.1新标签及媒体
- 6.2Canvas绘图
- 7jQuery
- 7.1jQuery&DOM
- 7.2jQuery&Ajax
- 7.3jQuery动画