Gifs不會出現在網站上

-1

我正在爲我的一個課程製作一個小型網站，我想將2個GIF和2個圖像放在一個表格2x2中，因爲某些原因，它們只會顯示爲小紅色框，頁面創建一個紅色的邊框，所以我假設所有顯示的是CSS。Gifs不會出現在網站上

<html> 

<head> 
<title> HYPE! HYPE! HYPE! HYPE! HYPE! HYPE! HYPE! HYPE! HYPE! </title> 
<meta name="description" content ="Website for the game mirrors edge 2" /> 
<meta name="author" content="---" /> 
<meta name="copyright" content="&copy;2015" /> 
<!-- specify a base formatting style sheet file--> 
<link rel="stylesheet" type="text/css" href="base.css" /> 
<!-- specify a local formatting style sheet for this page--> 
<style> 
    body {background-color : light-grey; color : silver;} 
</style> 



</head> 
<body> 
<table> 
<caption> Mirrors edge 2 </caption> 
<tr> 

<td><a href="Home.html"> Home </a></td> 
<td><a href="Comments.html">Commments</a></td> 
<td><a href="Story.html">Story</a></td> 
<td><a href="WWK.html">What we know</a></td> 
<td><a href="Hype.html">Hype!</a></td> 
<td><a href="list.html">List of Characters</a></td> 
<td><a href="Studio.html">The Studio</a></td> 
</tr> 
</table> 

<header> <h2> I can't wait </h2> 
<p>It's going to be so good</p> 
</header> 

<h1> GET STOKED </h1> 

<table> 
<caption> HYPE </caption> 
<tr> 
<td><img src"hype1.gif"></img></td> 
<td><img src"hype2.gif"></img></td> 
</tr> 
<tr> 
<td><img src"faith3.jpg"></img></td> 
<td><img src"logo.jpg"></img></td> 
</tr> 
</table> 

<h3> My Sub sub heading </h3> 
<br /> 
my text my text my text 
</br> 
<a href="Home.html">Return</a> 


</body> 

</html>

來源

2015-05-12 Taquitoburrito

是url的位置是否正確？ – Se0ng11

在某些（很多）條件下，如果包含元素（表單元，div等）的寬度/高度不足以顯示圖像，則圖像將不會顯示。在Chrome中，右鍵單擊圖像並選擇* Inspect Element。* Dev Tools將打開。在右窗格中，注意您正在檢查的元素的css。右鍵單擊圖像，然後選擇「在新標籤中打開鏈接」 - 如果標籤爲空，則網址位置錯誤。否則，嘗試添加新的CSS語句到右上角的框**（'element.style'）** – gibberish

這可能是一個404錯誤。仔細檢查文件名和路徑。請注意，例如'foo.gif'和'foo.GIF'不一樣。 –

如果它們顯示爲表格內的錯誤框，則圖像的URL可能不正確。檢查並確保圖像被正確命名並與HTML文件位於同一文件夾中。

來源

2015-05-12 03:19:08 ollierexx

我明白了，我忘了給標籤加一個等號 – Taquitoburrito

啊，錯過了。祝你好運！ – ollierexx

Gifs不會出現在網站上

回答

相關問題