第六章 图片标记

6.1 网页常用图片格式

目前,图片格式有GIF、JPEG、PNG、BMP、TIF多种格式

不同格式的图片的浏览速度是不一样的,以浏览速度的角度来看,目前适合在网上格式主要有JPEG、GIF和PNG3种

6.2 插入图片

基本语法:

<img src="图片文件路径">

6.2.1 设置图片大小

基本语法:

<img src="图片文件路径" width="宽度" height="高度">

6.2.2 设置图片提示文本

基本语法:

<img src="图片路径" alt="提示文本">

alt作用:
(1) 提示信息,鼠标移动,对网页上的图片做某些方面的描述说明
(2) 替换信息,当网页图片无法下载时,能让用户了解图片内容

注意: 在较高版本的浏览器,如IE8及以上版本的浏览器中,图片的提示信息设置必须使用title属性,而图片的替换信息则使用alt属性来设置

所以为了兼容各种浏览器,设置图片的提示信息替换信息时,因分别使用titlealt属性

6.2.3 设置图片与周围对象的间距

基本语法:

<img src="图片文件路径" hspace="水平间距" vspace="垂直间距">

6.2.4 设置图片的对齐方式

基本语法:

<img src="图片文件路径" align="对齐方式">

在这里插入图片描述

6.2.5 设置图片的边框

基本语法:

<img src="图片文件路径" border="边框宽度">

语法说明:“边框宽度”的单位是像素,最小值是1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值