首页 > 其他分享 >HBuilderx如何插入图片

HBuilderx如何插入图片

时间:2024-09-13 15:49:39浏览次数:11  
标签:src 网页 img 插入 会弹 HBuilderx 图片

        今天快下课的时候老师让我们做书本练习,有一个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&copy;广东南方职业学院</p>
	</body>
</html>

标签:src,网页,img,插入,会弹,HBuilderx,图片
From: https://blog.csdn.net/2302_80572539/article/details/142182800

相关文章

  • Stable Diffusion绘画 | 生成高清多细节图片的各个要素
    在生成图片前的第一步,首先要根据模型设置匹配的分辨率:使用SDXL模型:底模是1024*1024使用SD1.5模型:底模是512*512若分辨率不足,例如人脸特写,则可能出现显示不完整的情况;相反,分辨率过高,则可能出现多头多手的情况(比较渗人)因此,因为选择SDXL模型,将宽高调整为768*10......
  • MSSQL插入更新语句生成
    declare@srcDBNamenvarchar(100),@destDBNamenvarchar(100)declare@srcTableNamenvarchar(100),@destTableNamenvarchar(100)declare@strWherenvarchar(500)declare@sqlnvarchar(max),@sql_colnvarchar(max)declare@SFGXint--源数据库set@srcDBName=N'eismount......
  • PbootCMS实现后台编辑器微信公众号图片本地化
    为了实现PbootCMS后台编辑器将微信公众号上的图片本地化,可以按照你提供的方法进行修改。以下是详细的步骤和修改内容:1.修改 coreextendueditor/phpction_crawler.php 文件原始代码/*抓取远程图片*/$list=array();if(isset($_POST[$fieldName])){$source=$......
  • WPF 已知问题 在 WIC 层处理异常图片时 可能由于出现未处理异常导致进程退出
    本文记录一个已知问题,此问题预计和WPF只有一毛钱关系,本质问题是在WIC层的WindowsCodecs.dll或CLR层上。在一些奇怪的系统上,解码一些奇怪的图片时,可能在解码器层抛出未捕获的本机异常,从而导致进程退出我使用ProcDump工具抓到了一台服务器上WPF应用程序打开某个图片文......
  • 前端实现字符串插入千位分割符
     前端开发时经常会遇到需要把一个很大的金额或是银行卡号进行千位分割展示,这里分享两个常用的方法:循环遍历字符长度添加和正则替换(此方法仅适用于正整数)letnum=123456789000;functionthousandSplit(number){letstr=String(number)//数字转换为字符串letre......
  • VRAY云渲染动画怎么都是图片?
    动画实际上是由一系列连续的静态图像(帧)组成的,当这些帧快速连续播放时,就形成了动画效果。每一帧都是一个单独的图片,需要单独渲染。云渲染农场的工作方式:1、用户将3D场景文件和动画设置上传到云渲染农场。2、云渲染农场的服务器会对动画的每一帧进行渲染,生成单帧图片。3、这些......
  • vue2动态生成(绘制)图形验证码(验证码图片)
     方案1:js绘制条形验证码 参考文档:https://blog.csdn.net/LOVE_mingjing/article/details/130622848 utils文件夹下新建GVerify.js文件:functionGVerify(options){//创建一个图形验证码对象,接收options对象为参数this.options={//默认options参数值......
  • Tensorflow第T2周:彩色图片分类
    目录Tensorflow第T2周:彩色图片分类一、前期工作1.设置GPU2.导入数据3.归一化4.可视化二、构建CNN网络3.模型编译四、训练模型五、预测六、模型评估总结:Tensorflow第T2周:彩色图片分类......
  • PbootCms上传图片变模糊、上传图片尺寸受限的解决方案
    PBootCMS上传图片变模糊或尺寸受限的问题通常是因为系统对上传图片进行了压缩处理,或者是对图片的最大尺寸做了限制。以下是一些解决方案:解决方案调整图片尺寸限制:PBootCMS默认会对上传的图片尺寸进行限制,你可以通过调整配置来改变这一限制。通常可以在模板配置文件中找到 ......
  • PbootCMS缩略图上传图片被截取变模糊的解决方法
    当你在使用PBootCMS设置缩略图时,发现缩略图被自动截取了,并且没有匹配到后台设置,而是由程序中的配置控制的。可以通过修改config.php文件中的相关配置来解决这个问题。解决方法备份文件:在修改任何配置文件之前,务必先备份config.php文件,以防万一操作失误可以恢复。打开con......