直接放一个<img> 标签就行了。格式为<img src="你的路径" />，步骤如下：
1、添加<img> 标签，资源“src”里面填写本地的路径名：
2、用浏览器打开文件，即可看到已添加成功，如下图所示
img标签定义及使用说明:
<img> 标签定义 HTML 页面中的图像。
<img> 标签有两个必需的属性：src 和 alt。
注释：从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。
提示：通过在 <a> 标签中嵌套 <img> 标签，给图像添加到另一个文档的链接。
扩展资料：
HTML：超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
参考资料：
-HTML
html网页的路径，可以鼠标右键点击，然后点击"检查"或者"审查元素"，在控制台找到，下面详细介绍操作方法
1、以这个页面为例百度，对一个右键，然后检查元素
2、找到定位的元素，点击"检查"后的元素会变蓝
3、双击的地址选中并按ctrl+c复制
例如这个
<img class="main_img img-hover" data-imgurl="https://ss2bdstaticcom/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3588772980,2454248748&fm=27&gp=0jpg" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAA" style="background-color: rgb(195, 177, 157); width: 375px; height: 211px;">
加黑的部分就是地址。地址的后缀一般是jpg或png或gif等。大部分地址都是这个src属性，但个别的src属性以data:image开头的话，它就不是一个地址了。
4、我们在浏览器地址栏输入的地址，可以看到加载出来了
操作方法如下：
1、以Hbuilder来讲解，首先新建一个HTML页面，如图；
2、接着给标签设置背景，如图设置的是<body>标签；
3、然后新建一个css文件，如图；
4、这里给body标签设置background-size属性，如果标签是div就写div，然后可以设置宽度和高度；
5、如图所示，在new_filehtml里面编辑：<link href="css/1css" type="text/css" rel="stylesheet"/>，就可以设置背景的大小了；
6、最后在浏览器中预览一下，如图为部分背景。
扩展资料：
如何在htlm中插入：
1、用dw创建一个网页文档，会自动写入这些代码。我用的是DW软件；
2、在<body></body>中间写入<img src 后会自动有一个“浏览”；
3、在下一步之前要进行保存，ctrl+s进行保存；
4、点击“浏览”后，选择的来源路径；
5、最后在键盘上敲打"</"就行了，就插入了。
代码如下:
1、<img src="divcss5-logo-201305gif" width="165" height="60" />
img介绍：
src 后跟的是路径地址
width 设置宽度
height 设置高度
2、我们在html源代码中分别插入三张，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。
3、效果图：
扩展资料:
在HTML中出现通常有2种：
1、某元素的背景图像绝大多数元素都可以通过background属性设置其背景图像
直接在html中的标签里设置：
<p style=”background-image:url(xxxjpg)“>设置一个段落的背景图像</p>
在CSS上设置html中的 ”<p>一个段落</p>“ 的背景图像：
p{ background-image:url(xxxjpg); }
2、图像元素img：
<img src="xxxjpg" alt="这是一个图像元素">
1、首先，打开html编辑器，新建html文件，例如：indexhtml。
2、在indexhtml中的script标签中，填入js代码：setInterval('$("img")attr("src", "small3png")', 1000);。
3、浏览器进入indexhtml页面中，此时显示出一张。
4、过1秒后，自动切换为另一张了。
欢迎分享，转载请注明来源：浪漫分享网
微信扫一扫
支付宝扫一扫
评论列表（0条）