Html之图片
来源:互联网 发布:the eye infinite 知乎 编辑:程序博客网 时间:2024/05/17 07:40
1:图片的备用说明(alt属性)
alt属性用于链接图片不存在的情况,或者一些用户为了提高浏览器速度而关闭了图片下载,alt的作用很重要,它的内容会显示在浏览器中。
<img src="images/dog_none.png" alt="这是一只狗的图片">
2:使用figure和figcaption元素为图片声明标题
figure元素和figcaption元素结合来为图片、视频、表格或者嵌入元素声明标题,
<!DOCTYPE HTML><html><head><meta charset="gb2312"><title>Sample</title><style>figure { display: block; margin: 0 auto; padding:20px; width:200px; text-align:center; border:1px #ccc dashed; clear:both;}figcaption { display: block; clear:both; text-align: center; font-style: italic;}figure img { padding: 10px; margin: 0 auto;}</style></head><body><figure> <img src="images/icon_ch.png" alt="Chrome logo"> <figcaption> <p>这是Chrome流览器的标示</p> </figcaption> </figure></body></html>
3:客户端图像映射和服务器端图像映射
客户端图像映射:客户端图像映射没有那么复杂,鼠标移到图片时,指针对指示读者是否可以单击此区域,图像映射存储在图片的下一层,含有引用区域的相关信息
服务器端映射:在图像上单击鼠标后,光标的相对位置坐标会被发送到服务器,然后服务器会通过一个专用程序来确定要执行的下一个步骤
- Html之图片
- html之插入图片
- HTML之图片逐渐显示
- HTML控件之图片上传
- html之网页中的图片
- HTML基础 之 img 图片
- HTML控件之FileUpload实现上传图片
- 入门HTML之图片的基本操作
- html之移动的字体和图片
- html布局之 图片文字混排
- java之将html转为图片
- Android之Html将网络图片替换为本地图片
- html 图片
- 实现图片滚动的标签 html之marquee详解
- html之marquee实现图片文字滚动效果详解
- python处理HTML与XML之获取页面图片地址
- android教程之textview解析带图片的html示例
- Android之查看网络图片和网页HTML
- Application "org.eclipse.ui.ide.workbench" could not be found in the registry.问题的解决
- tomcat解压缩版如何启动
- JavaScript中Float类型保留两位小数
- 【转】“黑客与画家‘——计算机科学、画家与黑客
- 文艺小码农的Android行~~
- Html之图片
- 代码的加载地址与运行地址
- Css调试代码
- 嵌入式开发群QQ群
- Linux stat函数讲解
- 进入LINUX后显示-bash-3.2的解决办法
- 阻止远程访问SQLSERVER2000(可以用做Windows防火墙设置)
- Huffman(哈夫曼)树编码与解码程序(全)
- Fiddler