HTML:图片和视频标签的使用
2016-08-22 21:45
351 查看
介绍:在html网页中,图片和视频是基本的元素,在网页中插入图片和视频有自己的标签,分别是img、embed,来源都是使用src来链接。
插入图片:
<img src="图片的来源" alt="图片的介绍" title="鼠标放在图片时显示的信息">
使用alt:是为了方便搜索引擎识别图片,因为基本上搜索引擎是不能直接识别二进制的图片的。
使用title:是为了方便用户鼠标触碰图片查看一些相关的信息。
插入视频:
<embed src="视频来源" allowFullScreen="视频全屏" quality="视频质量" width="宽" height="高" .......> </embed>
代码:
截图:
插入图片:
<img src="图片的来源" alt="图片的介绍" title="鼠标放在图片时显示的信息">
使用alt:是为了方便搜索引擎识别图片,因为基本上搜索引擎是不能直接识别二进制的图片的。
使用title:是为了方便用户鼠标触碰图片查看一些相关的信息。
插入视频:
<embed src="视频来源" allowFullScreen="视频全屏" quality="视频质量" width="宽" height="高" .......> </embed>
代码:
<html> <head> <title>插入图片和文字</title> </head> <body> <h2>插入图片</h2> <img src="http://img.zcool.cn/community/03378c3554c7a5e00000158fc5f68ad.jpg" alt="baidu logol" title="百度的logol"> <h2>插入视频</h2> <embed src="http://player.youku.com/player.php/sid/XMTQ4MTQ5MTQ2OA==/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed> </body> </html>
截图:
相关文章推荐
- 使用HTML标签的属性对图片进行旋转效果
- html+css使用空白标签巧妙实现不同尺寸的图片在容器里垂直居中的方法
- HTML 标签(图片映射、热点)的使用
- 使用html2canvas将html标签转化为图片
- 在html使用a标签 直接下载图片 不通过后台实现直接下载
- 使用jquery.table2excel,将HTML的table标签数据导出成excel,包含导出图片到excel
- 在HTML中使用object和embed标签插入视频
- HTML中让图片滚动的<marquee>标签的使用方法
- 如何使用JS脚本从HTML中分离图片标签与文本,替换文本中指定的内容并加粗(原创)
- 关于html中使用img标签显示图片问题
- javaEE01-使用很HTML的排版标签编写“网站信息页面”,使用图片标签编写“图面显示页面”,使用列表标签编写“友情链接页面”,使用表格标签编写“首页”,框架标签表现“后台页面”
- html的img中使用SVG图片做SRC在本地测试可用但是上传服务器后不能显示问题解决 标签: SVGMIME TYPE不显示服务器设置 2016-05-21 13:49 2517人阅读 评论(0)
- 在HTML中使用object和embed标签插入视频
- 关于使用Html <audio>标签播放视频文件的问题
- android 使用html标签在textview中显示图片
- HTML 标签(图片映射、热点)的使用
- springmvc中使用qrgen(QRCode)生成二维码图片并显示在前台html img标签中
- html label标签的使用教程
- (转)Struts -- html:link 标签的使用
- 不应使用的常用HTML标签和属性