首页 > Web开发 > 详细

HTML初步学习6

时间:2015-09-29 23:35:53      阅读:289      评论:0      收藏:0      [点我收藏+]

这次开刀的是图像,学完就关电脑

先来看看常用图形的种类:

GIF——LZW压缩,十一压缩相同颜色的色块来减少图像的大小,但是LZW压缩不会造成任何品质上的损失,压缩效率也高,而且平台移植性好,所以适合互联网,但是,但是,但是,只能处理256色,所以用来做商标 标题或者<256色图像

JPEG——嗯,还不错

PNG——非破坏性网页图像文件格式,也很不错

以后看见再加。。。

1:背景图(可见HTML初步学习2

不过,如果想调整背景图大小,那么就不能用HTML初步学习2的方法,用下面这个仁兄的:

技术分享
  1 <html>    
  2 <head>    
  3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    
  4 <title>hello world</title>    
  5 </head>    
  6 <body>    
  7 <div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">    
  8 <img src="pictures/background.jpg" height="100%" width="100%"/>    
  9 </div>    
 10 </body>    
 11 </html>
背景图适应大小

2:图像大小调整

技术分享
  1   <img src="images/man2.jpg">
  2   <img src="images/man2.jpg" height="160"/>
  3   <img src="images/man2.jpg" width="160"/>
  4   <img src="images/man2.jpg" height="160" width="80"/>
  5   <img src="images/man2.jpg" height="200" border="4"/>
  6 
大小

效果:

技术分享

3:图像的间距及位置

4:超链接

HTML初步学习6

原文:http://www.cnblogs.com/puluotiya/p/4847509.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!