H5基础-2

一、列表标签

无序列表

<ul>

<li>列表项内容</li>

<li>列表项内容</li>

</ul>

有序列表

<ol>

<li>列表项内容</li>

<li>列表项内容</li>

</ol>

定义列表

<dl>

<dt>名词、术语、图片</dt>

<dd>说明</dd>

</dl>

应用场景：商城的二级导航+图文列表

二、图片标签

<img src="图片地址" alt="图片的替代文本" width="宽度" height="高度">

注意：1.多种图片格式都支持 2.设置宽度，高度会等比例变化，反之亦然。

三、路径

绝对路径：从盘符或者协议出发

相对路径：相对于当前文件所在的位置

同级：直呼其名

上级：../

下级：/

当前：./

四、超链接：从一个位置跳转到另一个位置

<a href="链接跳转的地址" target="打开页面的方式_self和_blank">被标记为链接的内容</a>

另：_self---当前标签页打开 _blank---新的标签页打开

五、PS的基础使用

1.把单位修改为像素：编辑---首选项---单位与标尺---修改单位为像素

2.放大、缩小：alt+滚轮滚动

3.添加、取消参考线：ctrl+h

整体移动页面：按住空格---抓手工具

图片类型：

gif:动图

svg:矢量图---放大不会失真

png:带透明格式的图（用于切带圆弧的图、小图标）

jpeg(jpg):可以降低/提高压缩级别，会填充透明为白色

切图：

JPEG:

A.选中切片工具的一切

B.ctrl+alt+shift+s保存成web所有格式

C.按住shift键，点选所有切的图案，然后选择图片存储格式

D.确定---选择仅限图像+所有用户切片---保存

PNG:

快速定位到图层：移动工具状态下---按住alt键---鼠标单击右键，选中图层---隐藏不相关图层