1、上传图片。
有很多免费的图片寄存服务网站,如Picasa网络相册、Imgur网站、Flickr相册或相桶网站等等。如果你想要使用其它网站上的照片,请先询问该网站的创建者,在获得授权后方可使用。如果创建者同意的话,先下载图片,然后再上传到图片寄存网站。
2、打开需要添加图片的网页文档。
如果你想要在论坛中插入一张图片,可以在帖子中直接输入。许多论坛并没有使用HTML来编辑网页,而是使用一种自定义的系统来进行编写。如果方法不适用,请向其它论坛高手寻求帮助。
3、以img标签来开头。
在网页的主体部分(即HTML的<body>部分)找到你想要插入图片的位置。在这里写下标签。这是一个空标签,创建的是被引用图像的占位空间。同时在HTML中,
标签是没有结束标签的。您需要将插入的图片放在两个尖括号之中。
4、找到图片的URL地址。
访问存放图片的网页。右键点击图片(Mac电脑中自动点选),然后选择“复制图片网址”。你也可以点击“查看图片”,来在新标签页中单独浏览图片。然后再复制地址栏里的URL地址。
5、将URL地址放到“src”属性中。
正如你所知道的那样,HTML属性通过标签来修饰元素,为HTML元素提供附加信息。src?属性是“来源”的缩写,会告诉浏览器去哪里能查找到图片。写下src="",将图片的URL地址粘贴到引号之中。
6、添加“alt”属性。
从技术层面讲,你的HTML文件已经具备了显示图片的所有元素了。不过,最好添加上alt属性,这会在图片加载失败时以文字形式来显示图片内容。
7、保存更改。
将HTML文件保存到你的网站。访问你刚刚编辑好的页面,如果你已经打开了网页,请再次刷新一下。此时你应该能看到添加的图片了。
本文仅代表作者观点,版权归属原创作者,如需转载请在文中标注来源及作则名字。
免责声明:本文系转载编辑文章,仅做分享只用,如有疑问请联系邮箱:110@zbj.com
怎么设置html文字背景颜色?
html5是什么?发展前景如何呢?
有哪些好用的HTML5绘图工具?
html5有哪些软件可以写代码?
HTML5网站优点和缺点有哪些
怎么在网页中插入图片html图片代码
HTML网页制作:[5]如何在网页中插入表格?
怎么在网页中插入图片html图片代码
html网页如何传递接收地址参数?
CSS和HTML标签对SEO有什么影响?
html5从入门到精通需要了解哪些内容
前端html源码可以不暴露接口吗?为什么?
html中两行四列的表格怎么写?
怎么设置html文字背景颜色?
学习HTML5未来前途怎么样?
html5有哪些新特性,移除了那些元素?
怎样才能把一个传统的网站变成HTML5标准?
有什么方法用html开发桌面软件?
html格式的网页怎么转换成ppt格式转换?
如何修改wordpress网站中的html代码