你的位置:首页 > 网页设计

[网页设计]今日课堂学习笔记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>

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