今天快下课的时候老师让我们做书本练习,有一个HTML代码要敲,涉及到如何把图片插入到网页中,开始我的图片怎么做也没出来,后面寻求帮助知道怎么解决了,看看小伙伴是不是跟我一样的问题吧~
首先可以直接把图片拖到img中,图片命名可以自己看着来。
代码运用这里如下图:
<img src=" "/>
当时我把src输成了scr导致网页显示不出图片...输入src的时候会弹出src来
按回车会弹出之前在img里提前放入的图片双击自己要放入的图片即可。
网页运行结果
<!--综合案例-->
<!DOCTYPE html>
<html>
<head>
<meta name="keywords" content="宋词,苏轼" charset="utf-8" />
<meta name="description" content="本网站收录精选宋词" />
<title>宋词精选</title>
<style type="text/css">
p{
text-align: center;
font: size:larger;
}
</style>
</head>
<body bgcolor="antiquewhite" text="#333333">
<h2 align="center">临江仙·送钱穆父</h2>
<p >宋 苏轼</p>
<!--使用<br/>的效果-->
<p >一别都门三改火,天涯踏尽红尘。<br/>
依然一笑作春温。<br/>
无波真古井,有节是秋筠。<br/>
惆怅孤帆连夜发,送行淡月微云。<br/>
尊前不用翠眉颦。<br/>
<font color="brown" face="微软雅黑">人生如逆旅,我亦是行人。</font></p>
<img src="1.1.jpg">
<!--水平线-->
<hr size="2" color="black" width="100%"/>
<p align="center">网页制作教程 Copyright©;广东南方职业学院</p>
</body>
</html>
标签:src,网页,img,插入,会弹,HBuilderx,图片
From: https://blog.csdn.net/2302_80572539/article/details/142182800