html(二)页面中图片及多媒体的简单处理

1.图片分为矢量图和位图

矢量图不会失真,它是由数学描述的方式来记录图像内容

位图是由像素组成的,像素是很小的颜色块

位图常见格式为JPEG,PNG,GIF

JPEG后缀为.jpg,是经过有损压缩后的图片,适用于色彩丰富的图片

PNG后缀为.png,是一种无损压缩的图片,适用于对比强烈的图片

GIF后缀为.gif,是一种具有动画格式的图片

2.在页面中插入图像

<p align=center><img src="a.jpg" alt="无法显示"></p>

<img src="a.jpg" align="left">

3.设置图像和文本的对齐方式

<img style="vertical-align:text-top">  文本和图片上边缘对齐

<img style="vertical-align:middle">  文本和图片中部对齐

<img style="vertical-align:text-bottom"> 文本和图片下边缘对齐

<img style="vertical-align:baseline"> 文本基线和图片下边缘对齐

4.控制图像和文本距离

<img src="a.jpg" hspace=30>图像左右空出30像素

<img src="a.jpg" vspace=30>图像上下空出30像素

5.给图像添加边框

<img src="a.jpg" border=8>

6.添加水平线

<hr align="left" width="30" size="10">

7.添加页面背景

<body style="background-image:url(a.jpg);background-repeat:no repeat">

8.添加多媒体文件(midi,wav,au)
<embed src="a.wav" width="300" height="200" autostart="true" loop="true"> <embed>是多媒体标签,必须有width和height 属性autostart设置为true自动播放,false不自动播放,loop控制循环播放次数,若为true则无限播放,为false则只播放一次


9.添加背景音乐
<bgsound src="a.mp3" loop="2">
loop的值是循环次数,值若为-1则是无限循环

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值