HTML中的图像和链接

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lx_ros/article/details/88859235

1.创建Web图像时应记住的6个要素:格式与下载速度(GIF、JPEG有损、PNG)、颜色(GIF\PNG8只有256种颜色)、大小(控制在几百个像素宽)、透明度(索引色透明、alpha透明)、动画。留意SVG图像格式。

2.图像压缩工具(image optimization tools)

3.图像是页面内容使用<img>标签,是设计的一部分应放在css文件中。通过widthheight属性改变浏览器中图片显示的大小时,并不会改变加载速度,因为用的是同一个文件。Retina显示屏。

4.为网站添加图标favicon,16x16像素。ICO格式图像编辑器(xiconeditor.com,获取ICON图像:h5bp.com等)。

5.每个链接都有一个URL地址(由href指定)和一个标签。这个例子中的标签是文本,不过标签也可能是图像或它们的组合,还可以设置i块级链接。href是hypertext reference的缩写,超文本引用

6.创建锚并链接到锚,将用户跳至网页的特定区域。给标签创建id,并在href中写为#id,引用其他页面时,href写为page.html#anchor-name

猜你喜欢

转载自blog.csdn.net/lx_ros/article/details/88859235
今日推荐