文档介绍：ps操作
Ctrl+r 调出标尺的快捷键
按住空格键鼠标单机拖动画布
切片工具
网页的结构划分- 逐级划分原则
画布的缩放,alt加滑轮
切片的选择工具,按住ctrl键+鼠标左键
选择工具移动标尺线
HTML标签(留4面,2页)
html 超文本标记语言–所有网页标签的一个容器
head 网页的头部信息,(去放用户看不到的东西。)
body 网页的主体区域(游览器窗口中显示的内容)
meta 网页的元信息(声明网页的编码类型)
title 网页的标题
div 俗称为盒子(指搭建网页结构)
默认宽度是100%;
高度默认为0,会根据内容自适应
默认独立成行(垂直分布)
img标签:图片标记(单闭合标记)
<img src=”图片的路径地址”/>
title=”我是鼠标划上去显示出来的字”
alt=”我是当服务器路径地址发生错误的时候显示”
特点:前景图是占位的,不会平铺,位置是放在结构中的,行级元素
br 换行标签–单闭合标签
h1~h6 标题标签级别是由高到低的
特征:自带加粗,字体大小,外间距,且是块级元素,独立成行,具有div的全部特征
p 段落标签
特征:具有div的全部特征,自带外间距。
ul 无序列表
li 列表项
语法格式:<ul>
<li></li>
<li></li>
</ul>
特点:ul,li具有div的全部特征,自带列表符,外间距,内填充。
Ol 有序列表
语法格式:<ol>
<li></li>
<li></li>
</ol>
去掉默认的列表符,ul { list-style:none; }
12、span 万能标签(行级元素)
13、a标签–超链接标签
格式:<a href=”链接地址”>文字或者图片</a>
特征:自带蓝色,下划线,访问过后变为紫色,如果为空链接,用#来占位。
注意:标签自带的属性特征无法在父级上改变(例如颜色与下划线)
14、dl 定义列表
<dl>
<dt>标题</dt>
<dd>子项</dd>
</dl>
dt和dd可以在dl里面拥有多个。属于块级元素,拥有div的全部特征。
15、<a name=”自定义名字”></a> 锚点技术
1、下锚(终点)跳转的目标位置
2、跳转链接<a href=”#锚点名”></a>
直接使用id选择器的方式下锚。
新窗口打开:<a href=”#” target=”_blank”></a>
16、form 表单标签–相当于表单控件的容器
<input type=””/> 单闭合标签(行级元素)
文本框 type=”text” name=”标识名” value=”初始值” placeholder=”初始值”
密码框 type=”password” maxlength=”限制用户输入字节数”
单选框 type=”radio” name=”起一个统一的名字,实现单选”
checked =“checked”(默认选择)
多选框 type=”checkbox”
按钮 button (单纯的按钮)
提交按钮 type=”submit” value=”提交查询”
重置按钮 type=”reset” value=”重置”
文本域<textarea> </textarea>实现多行文本的
Select 下拉列表
<select>
<option>列表项</option>
<option>列表项</option>
</select>
Selected=”selected”(默认选择)
Label 表单标注(绑定控件与文字的)
HTML5常用标签
兼容性
低版本游览器(ie7,8)基本不兼容
火狐,谷歌,opera欧朋,IE9+,safair苹果,兼容性比较好
二、HTML5的文档标准
<!doctype html> 声明文档类型
DW-新建– html – html5 (文档标准)
特点:标记可以大写(尽量用小写)
单标记可以没有闭合/
<img src=””/>
Html5 <img src=””>
header –网页头部区
nav –网页的导航
footer –网页的底部区域
section –文档章节(相对比较完整的一段内容)
article –网页的文章
aside –网页侧边栏(区域)
time –日期时间
hgroup –定义标题组的(已经被废弃)
video –视频标签
<video src=”视频路径地址” controls autoplay></vide