HBuilderx如何插入图片

廖廖不潦潦

于 2024-09-12 18:19:01 发布

阅读量628

点赞数 7

文章标签：前端 html

本文链接：https://blog.csdn.net/2302_80572539/article/details/142182800

版权

今天快下课的时候老师让我们做书本练习，有一个HTML代码要敲，涉及到如何把图片插入到网页中，开始我的图片怎么做也没出来，后面寻求帮助知道怎么解决了，看看小伙伴是不是跟我一样的问题吧~

首先可以直接把图片拖到img中，图片命名可以自己看着来。

代码运用这里如下图：

当时我把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&copy；广东南方职业学院</p>
	</body>
</html>