售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 行业新闻

网页中插入图片

网站编辑:小润 | 发表时间:2019-01-18 15:50:30

在页面中插人图片


 
当前Web上应用最广泛的三种图像格式为JPEG,PNG和GIF。当前的浏览器都可以查看这三种格式的图像,但应该选择质量最高、同时容量最小的格式。
 
(I)JPEG格式。JPEG格式适用于彩色照片,JPEG支持数百万种色彩。JPEG是质量有损耗的格式,在压缩时一些图像数据被丢弃了,这降低了最终文件的质量。然而,图像数据被抛弃得很少,不会在质量上有明显的不同。同时JPEG不支持透明度。

(2) GIF格式。图形交换格式GIF是网页图像中很流行的格式。虽然它仅包括256种色彩,但GIF提供了出色的、几乎没有丢失的图像压缩。并且,GIF可以包含透明区域和多帧动画。它靠水平扫描像素行、找到固定的颜色区域进行压缩,然后减少同一区域中的像素数量。因此,GIF通常适用于卡通、图形、Logo、带有透明区域的图形、动画等。
 
(3) PNG格式。其和GIF格式一样,通常用于保持大盆纯色图案或有透明度的标志之类。对于连续的颜色或重复图案,PNG的压缩效果比GIF更好。在GIF格式中,一个像素要么是透明的,要么是不透明的,PNG则支持alpha透明,即可以半透明。所以具有透明背景的图像使用PNG可以让边缘更平滑、避免锯齿状。
 
在页面中插入图片时,要使用img元素标签。
 
img元素标签的语法为:
 
< img属性=,’属性值”/>
 
 说明:
 
(1) img元素为空元素,在HTML文件中没有终止标签,但在XHTML中必须在起始标签的右括号前加一个“/”作为结束,或将img元素也加上终止标签。
 
(2) HTML5中img的必要属性为src和alt。 src是指定图片来源的URL, alt则指定图片无法显示时的替代文字。
 
(3) HTML5中删除了HTM L4中img元素的name, longdesc, align , lxxler, hspace, vapace属性。
 
在页面中插入图片的步骤如下:
 
(1)在HTM L代码中,将光标移到要放置图片的位置。
 
(2)输入<Img scr”image. url">,其中image. url指示图像文件在服务器上的位置。
 
(3)输入一个空格和/>。
 
插入图片:
 
<body>
 
<h3>上海网站建设</h3>
 
<img src="img/素材1 . JPg "/>
 
<p>润壤科技是业内领先的互联网服务提供商,致力于向客户提供精品网站建设、舆情监控系统、企业情报系统、城市应急管理系统、网站运营等卓越服务!</p>
 
</body>
 

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130