HTML图片元素（标记）

<html>
<head>
<title>第一个网页</title>
</head>
<body>
***************图片元素******************</br>
<img src='mm.jpg' />
</body>
</html>

新建一个文件夹“text”,在text文件夹内新建index.html并放入一张图片mm.jpg

在index.html中写入 <img src="a.jpg" /> 保存

打开index.html

更改图片大小<img src='mm.jpg' width=170px />只需写width,height会随着width自动比例变换

另外我们使用“../”来表示上一级目录，“../../”表示上上级的目录，以此类推。

<img src="" />如果图片和html文件在同一目录，就直接写*.jpg如果图片的文件夹和html在同一目录，就写/../*.jpg

说明，图片可以链接外部网络的URL例如百度页面上百度的logo，在logo上右键复制图片地址，将图片地址复制到src中

<img src='https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png' width=120px />
<img src='https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png' width=120px border=1 />

观察上面两行，第二个多了border，图片显示的效果是图片外面一圈有黑色框，border的属性值可以更改

<img src='mm.jpg' width=170px />
<img src='mm.jpg' width=170px />
<img src='mm.jpg' width=170px />
<img src='mm.jpg' width=170px />
<img src='mm.jpg' width=170px />
<img src='mm.jpg' width=170px />
<img src='mm.jpg' width=170px />
<img src='mm.jpg' width=170px />

观察效果，相同的图片可以显示多次

转载于:https://www.cnblogs.com/Yimi/p/5847639.html

HTML图片元素（标记）相关推荐

HTML基础知识（常见元素、列表、链接元素、图片元素）
1.HTML有关概念全称: Hyper Text Markup Language(超文本标记语言) 其文件扩展名为".html"或".htm" * 超文本 - ...
抓取页面图片元素并保存到本机电脑
在这里主要通过流分析,通过java模拟访问页面获取到页面的html元素,并通过jsoup来分析获取到的html元素, 然后通过流处理来将图片保存到本机 package getpicture;impor ...
设置图片元素上下垂直居中的7种css样式_赵一鸣博客
设置图片元素上下垂直居中的7种css样式阅读(9548) @2018-07-15 14:13:34 图片.文字左右居中很简单,只需要以下代码: 1 text-align:center; 文字上下居中 ...
php转换图片属性a,PHP 提取图片img标记中的任意属性
/* PHP正则提取图片img标记中的任意属性 */ $str = ' PHP正则提取或更改图片img标记中的任意属性'; //1.取整个图片代码 preg_match('/]*?src\s*=\s* ...
int.TryParse非预期执行引发的思考 ASP.NET -- WebForm -- 给图片添加水印标记 Windows -- 使用批处理文件.bat删除旧文件...
int.TryParse非预期执行引发的思考问题出现这天在写一个页面,想谨慎些就用了int.TryParse,结果出问题了. 代码如下: Copy int id = 1000; //Request ...
如何用手机在图片上标箭头_如何在手机上快速给图片做标记？
https://www.zhihu.com/video/984828945480482816 什么时候,你会需要在手机上给图片做标记呢? 社交工具办公时,需要向网络那边的另一个家伙指出需要修改.优化的 ...
html图片左侧留白,HTML+CSS布局img图片元素出现空白的问题
在进行页面的 HTML+CSS 排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素 img 下出现多余空白的问题绝对是常见的,对于该问题的解决方法也是"见机行事&quo ...
如何下载网站中的图片元素
如何下载网站中的图片元素呢? 当我们在浏览网站的时候,有时候难免会遇到很想下载的图片,但是那些图片又不仅仅是一张图片,更多地是一个超链接.所以接下来就教大家如何去下载带着超链接的图片元素. 第一步先 ...
图片HTML标记是,HTML网页图片标记
插入图片标记今天看到的丰富多彩的网页,都是因为有了图像的作用.想一想过去,网络中全部都是纯文本的网页,非常枯燥,就知道图像在网页设计中的重要性了.在html页面中可以插入图像,网页常用的图像格式有J ...

HTML图片元素（标记）

HTML图片元素（标记）相关推荐

最新文章

热门文章