为什么我的图像显示和CSS不适用?

时间:2013-05-19 20:25:11

标签: html css image

我开始使用html / css,我正在尝试创建一个小网站,但我遇到了一个问题:当我尝试在index.html页面上显示图片时,除了alt之外没有显示任何内容。对于CSS事物的链接也是如此。

似乎我的网络浏览器无法获取该文件,也许计算机上的权限/权限有些问题...我的计算机上的文件夹,实际上每个文件夹都有“只读”的方块礼仪(不可能取消选中)。

我用谷歌搜索了,但没有任何作用......

我在Windows 7上,尝试使用所有浏览器(IE8 / 9,FF,Chrome,Opera,Safari)......

我的HTML是:

<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title></title>
    </head>
    <body>
        <img href="image.jpg" alt"alternative text" />
        <div></div>
    </body>
</html>

我的css是:

div {
    border-radius:5px;
    width:960px;
    height:45px;
}

3 个答案:

答案 0 :(得分:2)

这意味着Web服务器无法从您提供的路径中获取图像。使用您提供的img标记,只有当图像与显示图像的页面位于同一文件夹中时才会找到该图像。也可以使用src代替href

 <img src="image.jpg" alt="alternative text" />

文件夹结构;

 index.html
 image.jpg

如果您的图片位于文件夹中,则必须执行

 <img src="images/image.jpg" alt="alternative text" />

文件夹结构

 index.html
 images // FOLDER
    image.jpg

您还可以设置绝对路径来获取如下图像

 <img src="http://www.YOURWEBSITE.com/image.jpg" alt="alternative text" />

文件夹结构

index.html
image.jpg

如果图像在文件夹中

 <img src="http://www.YOURWEBSITE.com/images/image.jpg" alt="alternative text" />

文件夹结构

index.html
images // FOLDER
   image.jpg

希望这有帮助

答案 1 :(得分:0)

img标签使用'src'属性。 你必须写这样的东西

<img src="image.jpg" alt"alternative text" />

在我遇到文件夹复制之前,另一个hdd问题。问题是这样的:文件夹可以从我这里访问,但是浏览器/服务器无法使用里面的图像访问这个文件夹。 修复:我复制了此文件夹中的所有图像,然后删除了该文件夹。我在同一个地方创建了一个同名的新文件夹,并将图像移到该文件夹​​中。

希望我帮助你。

答案 2 :(得分:0)

首先,你应该把你的html页面,stylesheet.css和image.jpg放在同一个文件夹上,据我所知,即使我发现它的'我也无法获得图片'错误来自浏览器,正如Vucko指出的那样,img标签使用 src 来指定它的位置,而不是 href

你也可以在里面放一个不间断的空间**&amp; nbsp; **。