HTML5之img标签
来源:互联网 发布:只有我知在哪里看 编辑:程序博客网 时间:2024/05/22 04:29
1.语法结构
<img src="图片路径" width="" height="" alt="" />
2.img的属性
- src属性:必要属性,指定图片的来源和路径
- alt属性:当图片无法显示时替代文字
- width、height属性,指定图片的高度和宽度,单位是像素或者百分比。
- title属性:属性值是字符串。
代码示例:
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>less07 img</title></head><body><h1 align="center">扣扣头像</h1><hr><p align="center"><img src="小耳朵.jpg" alt="小耳朵" width="200" height="200" title="小耳朵"> <img src="man.jpg" alt="man" width="200" height="200" title="man"><img src="夏目.jpg" alt="夏目" width="200" height="200"><img src="美女.jpg" alt="美女" width="200" height="200"></p></body></html>
效果图:
注:图1图2使用了title属性,当鼠标放在这两张照片上会出现title中的内容。
阅读全文
0 0
- HTML5之img标签
- HTML5学习_day03(1)--块级内敛标签之img
- html之img标签
- html5 标签img学习(待更新)
- html5学习记录04:图片<img>标签
- 前端html之img标签
- html5 a标签,img标签,em和i标签,strong和b标签,q标签
- HTML5 img
- HTML5 之标签实验室、HTML5标签总结
- HTML5解析--img标签--alt和title差别
- html5 之 output标签
- HTML5标签之<meta>
- HTML5参考手册之标签
- html5 之canvas标签
- html5之video标签
- html5之keygen标签
- HTML5之<del>标签
- Html5基础之标签
- 6/30作业:接口的基本语法
- 指针还是引用
- Visual Studio + VAssistX常用快捷键
- 基于ATtiny85轻松制作一款智能手表
- Cococs2d-x 之文件操作
- HTML5之img标签
- Undefined symbols for architecture arm64
- dubbo直连
- 线段树(1)
- 中文内容转码UTF8解决方案
- Unity3D热更新基础:C#与Lua相互调用
- Java趣味小程序:打弹珠
- Python在人工智能时代的作用
- Oracle 实例名/服务名(SID/Service_Name)的区别