今日课堂学习笔记01

离线编辑即页面在没有网络的情况下加载完成，就像软件，如手机的一些软件在没网的情况下界面也可以布局出来。

格式化标签

<b>字体加粗标签

<i>字体斜体标签

<sub>下标标签

<sup>上标标签

<del>删除标签 //这在商品特价时常使用

 

a标签

a标签是链接地址的，它有一个属性是href，这个属性的值是URL，而在同目录下直接文件名即可或./根目录下

例子:

<a href="a.html"></a>

<a href="./a.html"></a>

链接到到达下层目录的文件

<a href="dir/b.html">Click into</a>

<a href="./dir/b.html">Click into</a>

到达上层目录

<a href="../a.html">click into</a>

属性title和target，一个是提示，一个打开方式：_blank/_self/_top

外部链接

<a href="http://www.163.com">网易官网</a>

 

<a href="mailto:793338023.com">联系我们</a>

foxmail发邮箱的软件

 

skype手机调试

tel:15018878760

<a href="tel:15018878760">拨打</a>

<a href="sms:15018878760">发短信</a>

在移动端很有用。

锚点：

href="#name"

兼容：name="name"

锚点指的是跳转到页面内目的地址的。如一页内有很多章节，可以为每个章节设置锚点，跳转过去，还有回到顶部这个作用。

img标签 

img标签 设置宽度或高度就会自适应的缩放

alt="" 替代文字，可以做SEO搜索引擎

图像热区

超级不好调试的，会以目标图片的左上角为原点，就是占位大小不包括margin，占位大小有占位宽和站位高。

占位宽=width+border+padding;

站位高=height+border+padding;

而这个可以使用photoshop找到坐标，使用到标尺等工具。

<img src="img/0.jpg" usemap="#map1" />

<map name="map1">

<area shape="rect" coords="x1,y1,x2,y2" href="url" alt="替代文字">

</map>

如果图片很大，很长，只取某部分，那就使用图像热区。