图文详解HTML页面中添加图片的三种方法

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者yulia，侵删。

在页面布局时，经常需要在页面中插入图片，那你知道如何在HTML中添加图片吗？这篇文章就给大家介绍HTML页面中插入图片的三种方法，感兴趣的朋友可以参考一下，希望对你有所帮助。

方法一、用HTML中的img标签添加图片

最简单，最常用的就是直接使用img标签，并且可以根据需要设置图片的大小，代码如下：

1

2

3

4

5

6

7

8

9

10

<!DOCTYPE html>

<html>

 <head>

  <meta charset="utf-8" />

  <title></title>

 </head>

 <body>

  <img src="img/picture1.jpg"/ width="300px" height="180px">

 </body>

</html>

效果图：

阅读剩余部分

相关阅读 >>

Html如何设置溢出隐藏

Html格式什么意思?

Html基础知识

怎样做出Html文本框只读效果

Html address标签怎么用

Html map标签怎么用

前端javascript写excel的代码示例

关于Html 5的足以改变我们未来生活的十项提示

Html中圆角搜索框怎么做

Html学习中的几个重点总结

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...