Html之图片

原创 2012年03月24日 18:25:47

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对图片的编辑

  • 2017年12月06日 15:18
  • 2KB
  • 下载

html5+.net 裁剪上传图片

  • 2016年06月15日 09:25
  • 102KB
  • 下载

使用LevelListDrawable实现Html.fromHtml多张图片显示

stackoverflow网站果然强大,帮了我不少忙! http://stackoverflow.com/questions/16179285/html-imagegetter-textview...

图片不保存预览 html+js

  • 2017年09月08日 11:37
  • 60KB
  • 下载

html5实现 图片3D转换

  • 2016年02月27日 14:29
  • 772KB
  • 下载

javascript实现查看html网页放大图片功能

本程序实现了放大查看网页中的图片的功能,效果如下: 作用:可用于模仿淘宝,查看物品细节的功能,也可用于嵌入网页的视频的放大查看。测试方法:直接拷贝本程序到新建的html文件,建好后,在同一文件夹...

HTML图片翻转显示文字 代码

  • 2015年01月12日 23:16
  • 2.25MB
  • 下载

base64和图片的互转(HTML5的File实现)

刚接触到一个内联图片的概念,内联图片即使把图片文件编码成base64 看下面代码即是内联问题  可以减少http的请求,缺点是不能跨域缓存! 然后在线如何把图片转化成base64  如果只依...

html图片预览

  • 2014年11月14日 08:25
  • 192KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Html之图片
举报原因:
原因补充:

(最多只允许输入30个字)