图文详解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里select标签有哪些用法

如何解决Html乱码问题

向Html中插入视频并兼容所有浏览器的方法

Html中col标签里的汉字如何居中？Html col标签的用法详解

详解angular中为Html元素添加css类的几种方式

Html是个软件吗

Html select标签的用法你知道吗？Html select标签属性介绍

Html制作图文混排效果

Html设置背景图片全屏

script标签在Html中的作用是什么？script标签中type属性的用法是什么？

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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