Html + css + js
页面 结构 行为
标签
；成对存在的名称
整个页面需要标签的嵌套和组合
标签注意
1：标签名放在<>内
2：标签成对存在
3:标签可以嵌套
4：结束标签由/
<div> </div>
Div 开始div 结束
最基本的标签结构
Html head body
<!doctype html> 声明文档
<html>
<head> </head> head放的是一些配置信息
<body> <body> 页面上能看到的东西放在body里
</html>
Dw 2017 快捷键
设置快捷键 CTRL + u
设置标题 Cter +1 <h1>标题一 </h1>
设置注释 Cter+/ 标题的特点 默认加粗 放大 占一行可以设置6个标题
< b></b> 加粗
<i></i> 斜体
<u></u> 下划线
<br> 换行
<!-- --> 注释以介绍为主
<Hr> 分割线
<center></center> 居中
Firebug
控制台
资源
列表 表格
快捷操作
按住Ctrl不放 +鼠标左键可以编辑多个未知内容
按住alt不放 +鼠标左键上下拖动可以编辑垂直行内容
Ctrl+d 复制光标所在行粘贴在下一行
Ctrl+/ 添加注释
列表 分为有序列表和无序列表
有序列表前加编号
无序列表前加符号
<ol></ol>有序列表
<ol>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ol>
<ul></ul>无序列表
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
表格 组合标签
<Table> table 代表表格，标签 后面跟的东西为标签属性
<tr> tr 代表行
<td></td> td 代表单元格
</tr>
<Table>
Borde=1 borde 代表单元格边框 =1代表边框宽度
主要是外部边框，单元格边框为1
Width=100 width 代表宽度 不设置代表自适应
直接设置一个数字代表像素100px为100像素，百分比相对与副标签“100%”
表格属性
<Th> </th> 代表表头
换行中间加<tr hight =”20”></tr>
Cellpadding=“0” 边距的距离
Cellspacing 单元格间距
Width 宽
Height 高
Colspan=“2” 向右合并
Rowspan=“2” 向下合并“里面数字包含本身单元格
Align‘ 内容剧中
Dgcolor 改变颜色
Height=”50“ 高度设为50
； 空格
<!--a标签-->
<div style=”100px”
Height:=100px
Background:ffffff 颜色
Rgba:255255255 颜色
相对路径
/代表根目录
../上一级目录
./自身目录（可以省略）
#代表id选择器
<a href = “ ”>跳转到aa.html “”内为路径
a标签三个功能
1.页面跳转
<a href = “ ”>跳转到aa.html “”内为路径
2.锚连接
<a href=”#abc”>跳转到标题4
Id=abc
3。功能连接（下载等）
<a href=”wrod”>下载</a>
能打开则直接打开，打不开则直接下载
p标签
图片标签
<img src=“” alt=“” title“”> src代表路径 alt 图片的替换文字
图片能打开则显示src路径图片，打不开则显示alt替换文字，title：鼠标停在图片上时显示的注释
框架 ifamre
在页面里面单独一块区域显示另一个页面
Ifamre：引用别的页面在这个页面显示
<ifamre scr=”..” frameborder=”0”></ifamre>
<div> 行标签，默认占一行,不允许不在标签内内容显示同一行
<Span></span> 行内标签
</div>