1、上传图片。
有很多免费的图片寄存服务网站，如Picasa网络相册、Imgur网站、Flickr相册或相桶网站等等。如果你想要使用其它网站上的照片，请先询问该网站的创建者，在获得授权后方可使用。如果创建者同意的话，先下载图片，然后再上传到图片寄存网站。
2、打开需要添加图片的网页文档。
如果你想要在论坛中插入一张图片，可以在帖子中直接输入。许多论坛并没有使用HTML来编辑网页，而是使用一种自定义的系统来进行编写。如果方法不适用，请向其它论坛高手寻求帮助。
3、以img标签来开头。
在网页的主体部分（即HTML的<body>部分）找到你想要插入图片的位置。在这里写下<img>标签。这是一个空标签，创建的是被引用图像的占位空间。同时在HTML中，<img>标签是没有结束标签的。您需要将插入的图片放在两个尖括号之中。
4、找到图片的URL地址。
访问存放图片的网页。右键点击图片（Mac电脑中自动点选），然后选择“复制图片网址”。你也可以点击“查看图片”，来在新标签页中单独浏览图片。然后再复制地址栏里的URL地址。
5、将URL地址放到“src”属性中。
正如你所知道的那样，HTML属性通过标签来修饰元素，为HTML元素提供附加信息。src?属性是“来源”的缩写，会告诉浏览器去哪里能查找到图片。写下src=""，将图片的URL地址粘贴到引号之中。
6、添加“alt”属性。
从技术层面讲，你的HTML文件已经具备了显示图片的所有元素了。不过，最好添加上alt属性，这会在图片加载失败时以文字形式来显示图片内容。
7、保存更改。
将HTML文件保存到你的网站。访问你刚刚编辑好的页面，如果你已经打开了网页，请再次刷新一下。此时你应该能看到添加的图片了。
需要准备的材料分别有：电脑、浏览器、记事本。
1、首先，新建一个记事本文件，例如：index.html，编写html基础代码。
2、在index.html中的<body>标签中加入html代码：<img src="/small.png" />。
3、浏览器运行index.html页面，此时相对路径的图片被成功添加显示了。
html网页如何插入图片、加入地图
一、WEB上支持的图片格式：
GIF：能保存256中颜色，支持透明色，支持动画效果
JPEG：不支持透明色和动画，颜色可达1670种
PNG：支持透明色，不支持动画，颜色有几种到1670种
二、将图片插入到网页中使用
标签：
src:设置图片，值等于一个图片文件的路劲
height:设置图片的高，值以像素或百分比表示（会自动按比例缩放）
width:设置图片的宽，值以像素或百分比表示
border:为图片加上边框
alt：图片说明文字，当图片不在显示的时候会显示该属性的值
title:该属性表示当，鼠标放在该图片上时会显示该属性的'值
align:属性值=left图片靠左，文字靠右
right图片靠右，文字靠左
top文字垂直居上靠
middle文字垂直居中
bottom文字垂直居下（默认）
vspace：属性值是像素，定义图片顶部和底部的空白
hspace：属性值是像素，定义图片左边和右边的空白
11、考试考得好，全靠同桌好。
12、在学校是那钱混日子，现在是拿日子混钱！
13、一些人，总要出卖他所有的，去换取他所没有的。
14、自爱，必先自私，唯有自私，才能大爱。
15、吉尼斯纪录：全世界最大的茶几面积为960万平方千米，可放置13亿杯具。
16、分手多没意思，有本事咱俩玩离婚！
17、走人民币的路，让人民无路可走！
18、三鹿奶粉，后妈的选择。
19、有一天小三哭了，因为出现了小四！
20、和你分手，因为，你连牵手都不配！
21、别在我面前摆POSE，我真怕忍不住想摔相机。
22、我们只是路人甲乙丙丁，在这花花世界集体游戏。无论你输我赢，到最后咱们都会一起GameOver！
23、我这一生一共做错两件事，其一是生出来，另一是活下去。
24、如果我死了，我的第一句话是：老子终于不用怕鬼了。
25、哥是文明人，所有脏话均已使用唾液消毒。
26、名人名言，你得先是名人了那才是名言，别人的屁都是名屁！你能比吗？
三、HTML地图索引：
地图索引，也就是用一样图片中的某一部分做超链接，可以做很多个超链接（使用设计视图就可以搞定）
为网页添加图标：放在头部标签内
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）