HTML初学者笔记4

1.<img>标签

img向网页中嵌入一张图片。

注释:图片格式:jpg  png  gif  bmp  svg

img标签属性

src

上传图片的路径

alt

图片引入错误时代替的文字

width/height

设置图片的宽和高(单位px/10%)

border

设置图片边框(默认0,取值>=0)

align

根据图片周围文字来规定图片位置top  bottom  middle  left  right

title

图片标题(鼠标悬停在图片中时显示)

usemap

将图片设为客户端映射

2.<map>和<area>标签

map标签定义一个客户端图像映射,可点击图片指定位置区域。

map标签的属性

id

定义唯一的名字

name

引用img里面的usemap的值<img> 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。

area标签定义图像映射中的区域,area 元素总是嵌套在 <map> 标签中。

area标签的属性

alt

定义区域替换的文本

shape

点击区域的形状circle  rect  poly  default

coords

点击区域的取值

href

跳转文件的位置

3.多媒体标签<audio>和<video>

audio引入音频,video引入视频

audio和video的属性

controls

设置视频播放器或音频播放器的显示控制

src

引入音频或视频的位置

autoplay

表示视频或音频加载后自动播放

loop

表示播放结束后重新播放

muted

表示该输出静音

height/width

设置视频播放器的高和宽
<!DOCTYPE HTML>
<html>
<body>
      <audio src="./大柯 - 给某某 [mqms2].mp3" controls="controls" autoplay></audio> 
      <video src="./m1.mp4" controls="controls" autoplay muted></video>
</body>
</html>

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值