如何在html插入图片 或者说路径怎么写

如题所述

[]< img >标签 代表 图片,img标签的作用是向网页中插入一张图片,并不是将图片绘制到网页中。
src 属性:“插入”图片到网页中去。
alt 属性:值可以是一段文字,当图片由于各种原因无法显示时,alt属性的值就会被显示在网页上。
width/height 属性:设置图片的宽度/高度;不适合用于图片,可用于纯色图的拉伸;单位可以是px,也可以是%,单位为%时是指占窗体宽高的百分比大小。
<!DOCTYPE html>
<html>
<head>
<title>image</title>
</head>
<body>
<img src="a.png" alt="picture" width="100px" height="100px" />
</body>
</html>123456789

推荐< img >标签中加上“/”来关闭标签。
推荐使用PNG图片格式
当图片无法正确加载时会出现图片错误的图标:

可能导致图片错误的原因:
1. 路径名写错了
2. 引用的图片被删除了
3. 网络问题
像素:显示内容基本长度单位 pixel。
位图:图片中每一个像素都由4个数字(argb)组成(0-255),原则上不能拉伸因为会导致失真。
a:透明度;r:红色;g:绿色;b:蓝色
矢量图:可以随意拉伸。
通过图片的拉伸可以将一张很小的纯色图片冒充为一张大图,节约资源的加载。
绝对路径:使用图片在硬盘上的绝对位置来访问图片,通常是从根目录开始,向下一个目录一个目录的寻找;在开发网页的过程中,一般不会使用绝对路径
相对路径:指的是相对于当前网页的路径。
相对路径的起点就是
src的值就是路径。
“..” 在路径中代表当前网页所在目录的上一级目录
“.” 在路径中代表当前网页所在目录
<img src="../a.png" />
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-11-16
你好,一般不用绝对路径,相对路径就行

比如你插入图片的这个html文件目录下,有个1.jpg,于是html中可以写<img src="1.jpg">即可
第2个回答  2011-11-16
运用img标签,在src里面填写图片地址就行了 如下:
<img src="http://www.baidu.com/xxx.jpg">
第3个回答  2018-03-11
<img src='' />
第4个回答  2011-11-16
<img src="路径">追问

怎么把电脑中已经有的图片插入html中 那个路径不会写 或者说不会操作

追答

你可以直接写比如 c:\img.jpg这样, 但是这样只有你自己能看到。
不然的话你可能要上传到网上一些允许外链的地方,然后把这个外链放进来,这样别人都能看到,因为你的图片已经在互联网上面了

追问

貌似不行啊 还是看不见

追答

有些地方不能外链, 你上传到这里 http://www.poco.cn/ ,然后拿链接, 我用过这个 绝对可以用 除了淘宝里面

本回答被网友采纳

html怎么添加图片
1、打开html软件。2、导入项目。3、找到要添加图片的位置。4、写【imgsrc=“图片路径”】即可。超文本标记语言(HyperTextMarkupLanguage),缩写为HTML,标准通用标记语言下的一个应用。HTML不是一种编程语言,而是一种标记语言(markuplanguage),是网页制作所必备的工具。“超文本”就是指页面内可以包...

怎么在html中插入图片?
相对路径:如果是网站的话,则为下面的:img src=images\/tupian.jpeg\/>相对路径:如果是网站,则如下:将这个html文件与images放在同一个目录中:将此图片与html文件放在同一个目录中:标签中,输入html代码:img src="small3.png"\/>。3、浏览器运行index.html页面,此时添加的本地图片的路径是相对路径。

html加图片代码怎么写(html添加图片代码)
html图片怎么添加1、首先在电脑中新建一个文件夹(如:web-01),在该文件夹里新建一个html文件(如:indexhtml)。接着打开这个html文件,编写一个html的基本框架。接着在头部head……\/head中加入插入背景图片的代码。2、新建html文件,在body标签中添加img标签,img标签在html中没有结束标签,所以不需...

在html中插入图片时 图片所在文件夹在 html页面所在文件夹下 路径该怎...
物理路径:假如你的图片在D盘的images文件下,文件名称为 tupian.jpeg的话用下面的格式。<img src="file:\/\/\/D|\/images\/tupian.jpeg"\/> 相对路径:如果是网站的话,则为下面的:<img src="images\/tupian.jpeg"\/> 这个为html文件和images同一目录的写法:<img src="tupian.jpeg"\/> 这个为图片...

html如何插入图片
1、首先你是通过第二种方式插入的是背景图片,直接用width和height只能控制div的宽度和高度。2、如果你插入的图片是通过<img>标签的方式来插入的话,可以通过<img>自身的属性控制图片大小,代码格式是:<img src="图片路径" width="图片宽度" height="图片高度"\/>。3、如果非要通过css控制背景图片的...

如何在html里面插入图片呢?
具体操作步骤如下:1、将html文件和图片放在同一文件夹,例如放在电脑桌面,如下图所示;2、打开html编辑窗口,对表格进行编辑,完成表格的标签,如下图所示;3、在单元格“table”里面插入图片的标签,然后在“单元格td”后面插入图片的保存路径即可,如下图所示。

在html代码中如何插入本地图片呢?
需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<body>标签中,输入html代码:<img src="small3.png" \/>。3、浏览器运行index.html页面,此时添加的本地图片的路径是相对路径。

HTML中 怎么插入图片链接? 图片是本地电脑上怎么写路径?
HTML中 怎么插入图片链接使用a标签和img标签,示例:<a href=''><img src='\/image\/aaa.jpg'><\/a> 其中<a><\/a>标签代表链接,<img>标签放在<a><\/a>里面表示图片链接,img的属性src='\/image\/aaa.jpg'表示了图片的路径,\/image\/aaa.jpg是本地电脑的图片地址。

怎么在网页中插入图片html图片代码
步骤:一、html图片标签语法 <img src="divcss-logo-201305.gif" width="165" height="60" \/> img介绍:src 后跟的是图片路径地址width 设置图片宽度height 设置图片高度 二、具体html 图片显示实例 在html源代码中分别插入三张图片,一张原始大、一张将宽度高度改小小、一张将宽度高度改大。1、...

如何在html插入图片 或者说路径怎么写
[]< img >标签 代表 图片,img标签的作用是向网页中插入一张图片,并不是将图片绘制到网页中。src 属性:“插入”图片到网页中去。alt 属性:值可以是一段文字,当图片由于各种原因无法显示时,alt属性的值就会被显示在网页上。width\/height 属性:设置图片的宽度/高度;不适合用于图片,可用于纯色...

相似回答