标签名 属性=“”属性=“”... >如许的） 。
文章插图
1111.如图所示， 我们再写个没有图片的标签， 以便展示再没有图片时alt描述带来
的感化 。 （因为有时因为网速等原因， 会使图片无法展示出来， 这是用图片描述
来取代一下， 就不至于很空白了 。 ）
文章插图
1212.如图所示， 我们鼠标右击在弹出的下拉列表选择， 在“浏览器中打开”， 我
们就可以看到我们编写的网页了 。
文章插图
1313.如图所示， 我们看到第一个是图片正常显示的结果， 第二张是图片展示不了
的环境下， 也有alt的描述， 不至于很空白 。
文章插图
1414.如图所示， 我们给这个先前没有图片准确地址的图片， 写一个准确的资本地
址 。 我们再给这张图片设置下标签的属性， 设置图片的宽度width=“500”,设置
图片的高度height=“900” 。
文章插图
1515.如图所示， 我们看到图片准确的显示了， 可是图片有些变形， 这就是申明我
们可以随意设置图片的宽度和高度， 浏览器也会去显示， 不会管设置的图片是否
变形的 。 （若是我们需要设置可以只设置高度或者宽度肆意一个， 另一个让其按
比例放年夜或缩小就ok了， 这个浏览器就可以帮我们做如许的自顺应的 。 ）
文章插图
1616.如图所示， 我们可以在<img>图片标签的属性src属性中写入相对路径还可以
写入绝对路径， 还可所以收集路径， 都是ok的 。
文章插图
1716.这是本教材的源码， 供给大师参考哦！
<!--对文档进行声明， 声明其为html5的网页文档-->
<!DOCTYPE html>
<!--html文档被<html>标签包抄-->
<html>
<!--文档的头部， <head>标签包抄-->
<head>
<!--起一个网页的题目为“hui插入图片演示”,设置网页题目的标签<title>-->
<title>hui插入图片演示</title>
<!--设置网页的编码为utf-8,以免呈现乱码的问题， utf-8为万国码， 一般在地
球开辟够用了-->
<meta charset="utf-8" />
</head>
<!--文档的本家儿体部门， 被<body>标签包抄-->
<body>
<!--起头用<img>标签标的目的网页中插入图片， 这个展示的是插入当地图片， src属性
可以写入图片的地址
alt属性是在图片无法输出时展示的文字-->
<img src=https://vvvtt.com/article/"C:/Users/Administrator/Desktop/英语单词年夜闯关/战机.png"
推荐阅读
- 如何给电脑的主板换电池
- 底栖装备在哪儿兑换
- 爱情泡在茶里，庐山云雾茶
- python中算术操作符的使用
- 沪江开心词场怎么进行PK
- 如何设置沪江开心词场的登录密码
- 怎么在手机屏幕上方关闭/显示电量百分比和网速
- 360浏览器怎么样自定义网页显示的字号大小
- 和平精英春节模式春字彩灯在哪
- ppt2019怎么要在幻灯片中插入编号与日期