HTML怎样插入图片

 我来答
百度网友4970322
2019-03-07 · TA获得超过1.5万个赞
知道答主
回答量:647
采纳率:50%
帮助的人:37.1万
展开全部

插入图片可以使用img标签来实现。

1、新建html文件,如图所示,在body标签中插入img标签,需要注意的是,img在html中没有结束标签,所以不需要添加“</img>”。给标签添加“src”属性,属性值填写想要添加图片的路径,这里以和html同一目录下的1.png为例,这样图片就插入完成了:

2、为了防止用户浏览网页时无法加载图片,可以给img标签添加“alt”属性,这个属性可以在图片加载失败时显示出来以告诉用户这里是张什么图片,还可以在用户将鼠标放在图片上是显示提示信息,这里以属性值“鹦鹉”为例:


3、img标签中插入的图片宽和高默认是图片自身的宽和高,如果想要自定义宽和高的话,可以用“width”和“height”来控制,这里以宽和高都是200为例,为width”和“height”设置属性值为“200”:

私零多逐海17
2017-10-29 · 知道合伙人互联网行家
私零多逐海17
知道合伙人互联网行家
采纳数:650 获赞数:31632
微软软件开发工程师 微软测试工程师 web前端开发工程师 重庆老渔哥网络科技有限公司CEO

向TA提问 私信TA
展开全部
对于HTML的插入图片技巧老渔哥网络提示可以从以下的三个步骤去进行:
1、首先,通过TXT文档,创建一个网页的基本框架。也就是html、head、body。当然,用dw创建一个网页文档,会自动写入这些代码。这里老渔哥网络使用的是dw.
2、图片的格式通过有3种:GIF、JPEG、PNG。GIF最大的好处是可以制作动态图片。具体选择何种格式可自行决定。
3、插入图片的标记值有一个:“img”标记!请在body中加入如下一行:<img src="./test.jpg">由src指示图片的位置,双击该网页运行,便可看到网页中的图片了。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
懂点君
高粉答主

2017-10-29 · 分享各种知识,从此让你多懂点,少吃亏!
懂点君
采纳数:197 获赞数:4794

向TA提问 私信TA
展开全部

第一种:img标签插入图片

<img src="h5course.png" alt="HTML5学堂">

第二种:通过背景图插入图片

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>HTML5学堂</title>
    <style type="text/css">
        .h5course {
            width: 200px;
            height: 200px;
            /* 图片路径记得修改哈 */
            background: url('../images/h5course.jpg');
        }
    </style>
</head>
<body>
    <div class="h5course">HTML5学堂</div>
</body>
</html>

可以去看看HTML5学堂,里面有很多HTML5原创技术干货。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
好胃口常开
高粉答主

2020-03-14 · 说的都是干货,快来关注
知道答主
回答量:9.2万
采纳率:4%
帮助的人:4409万
展开全部
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式