php中html插入图片,html插入图片的示例代码详解（图）

网页图片的基本格式：

HTML的相关标准中并没有规定图片的格式，原则上来说是任意的。但是目前市场上的主流浏览器对网页图片的格式有所要求，通常情况下是：JPEG(联合图像专家组)和GIF(图像交换格式)两种格式的图片；至于两种图片的一些特点和各自的优缺点，可通过百度自行搜索。

插入图片：

插入图片可以起到适当的美化作用。而插入图片的标签只有一个标签，它允许在文档当前的文本流中引用或者插入图像图像，没有结束标签。

标签：

①标签中src属性是必须的(除非在基于IE的浏览器中使用Dynsrc)在标签中，其他属性都是可选的

②src的值是图像的URL(统一资源定位符)

③alt属性指定了替代文本(图像无法显示或者用户禁用图像时显示的替代文本；或者鼠标放到图像上显示的提示信息)

④width和height属性设置图像尺寸，要求必须是整数(顺序无所谓)

⑤border属性和一个用像素表示的宽度值就可以去掉(border=0)或者加宽图像的边框

⑥align属性来控制带有文字环绕的图像的对其方式，align属性具体的属性值如下：

⑦hspace和vspace属性分别设置图像左右两边和上下两边文字与图像之间距离的像素值

代码展示：

运行结果展示：

利用标签插入AVI视频：

AVI是视频文件的主流格式。这种格式的文件随处可见，例如一些游戏、教育软件的片头等都会应用到AVI。而利用标签的controls、dynsrc、loop或者start等属性允许将一个内联电影嵌入到主体内容中。

代码展示：

注意：值得一提的是start的属性值。

start有两个属性值：mouseover当鼠标滑动到AVI文件上方后播放；fileopen当网页打开时即播放。

php中html插入图片,html插入图片的示例代码详解（图）相关推荐

将卷积引入transformer中VcT(Introducing Convolutions to Vision Transformers)的pytorch代码详解
文章目录 1. Motivation: 2. Method 2.1 Convolutional Token Embedding 模块 2.2 Convolutional Projection For ...
深度目标检测网络中关于anchor的神之问（配代码详解）（二）
目录将所求出的所有anchor都用于计算吗?如何将筛选所用于计算proposal的anchor点? 如何用anchor来计算proposal(分类与边框回归)? 如何根据前景anchor和GT作Bo ...
java中po代码示例_java操作oracle常用的示例代码详解
import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sq ...
JavaScript中的 inludes 和 indexOf 方法 | 判断字符串或数组中是否存在对应的元素| 相同点与不同点 | 代码详解
目录 JavaScript中的inludes和indexOf方法 1.数组中的includes和indexOf方法比较 1.1 函数返回值的不同 1.2 函数第二个参数--开始查找的位置 1.3 in ...
JAVA程序设计计时器代码_Java中的定时器Timer使用示例代码详解
一.类概述 Timer是一种定时器工具,用来在一个后台线程计划执行指定任务.它可以计划执行一个任务一次或反复多次. TimerTask一个抽象类,它的子类代表一个可以被Timer计划的任务. 二.代码 ...
python使用视频_Python中操作各种多媒体,视频、音频到图片的代码详解
我们经常会遇到一些对于多媒体文件修改的操作,像是对视频文件的操作:视频剪辑.字幕编辑.分离音频.视频音频混流等.又比如对音频文件的操作:音频剪辑,音频格式转换.再比如我们最常用的图片文件,格式转换.各 ...
python播放视频代码_Python中操作各种多媒体,视频、音频到图片的代码详解
我们经常会遇到一些对于多媒体文件修改的操作,像是对视频文件的操作:视频剪辑.字幕编辑.分离音频.视频音频混流等.又比如对音频文件的操作:音频剪辑,音频格式转换.再比如我们最常用的图片文件,格式转换.各 ...
python3图片转代码_python3图片转换二进制存入mysql示例代码
python3图片转换二进制存入mysql示例代码发布于 2014-09-29 18:00:01 | 198 次阅读 | 评论: 0 | 来源: 网友投递 Python编程语言Python 是一种面 ...
JavaGUI 简易贪吃蛇代码详解+图片素材
简易贪吃蛇运行截图图片素材代码详解 package com.du.snake; import javax.swing.*; import java.awt.*; import java.awt. ...
java图片转换pdf_Java实现图片转换PDF文件的示例代码
最近因为一些事情,需要将一张简单的图片转换为PDF的文件格式,在网上找了一些工具,但是这些工具不是需要注册账号,就是需要下载软件. 而对于只是转换一张图片的情况下,这些操作显然是非常繁琐的,所以作者就 ...

php中html插入图片,html插入图片的示例代码详解（图）

php中html插入图片,html插入图片的示例代码详解（图）相关推荐

最新文章

热门文章