如何使用HTML在浏览器中查看图像

时间:2015-06-18 05:14:47

标签: html

我是编程新手。我无法在浏览器中查看图像。 我的代码块是:

<P>Hello all</p>
<img src="C:/Users/admin/Documents/hr1.jpg" alt="image" width="110" height="170">

但它没有在浏览器中显示图像。 请帮我如何设置图像的路径。

2 个答案:

答案 0 :(得分:1)

您唯一需要使用的是img标签。看看下面的代码。

   <!DOCTYPE html>
    <html>
    <body>

    <img src="imageToShow.jpg" alt="text related to image" width="42" height="42">

    </body>
    </html>

我还建议您阅读更多内容

http://www.w3schools.com/

该网站对初学者非常有帮助。

答案 1 :(得分:0)

您只需<img>之间的html代码中的body代码即可显示图片。

 <html>
<head>
<title>MyFirst Web Page</title>
</head>
 <body>
 <h1>Hello all</h1>
 <img src="filename.jpg/jpeg/png/gif" alt="image text" width="30" height="30"></img>
</body>
</html>

@Sam您的文件没有找到您提供本地路径的给定文件位置,但文件不是他们的(Tulips.jpg)

要么保存文件可用的图像

要么提供像

这样的图像的完整路径参考
 src="c:\user\systemuser\desktop\imageToShow.jpg"