图文详解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文字和图片的居中讲解（附实例）

Html5 简介

把css放在Html的哪里

Html如何设置按钮大小

Html如何给div加边框

Html 代码约定

Html、css和js的注释规范用法有哪些

Html跳转代码是什么

asp和Html的区别有哪些

Html表单的属性

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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