2016-11-23 40 views
-1

我的HTML代碼只能在Chrome上正常工作(我使用它構建它),當我試圖用任何其他瀏覽器(IE,Edge,Firefox)打開它時,它看起來不同,圖像不一樣,文字的大小,視頻顯示錯誤,無法播放,對齊錯誤,整個頁面看起來很糟糕!我不使用任何CSS,所以我實際上找不到錯在哪裏! 另外,奇怪的是,當Chrome尚未運行時(沒有任何標籤打開),我打開我的網站看起來不完全正確,就像一切都放大了,甚至Chrome中的按鈕和菜單。 有什麼不對?我能做什麼?HTML代碼只能在Chrome上正常工作

<!DOCTYPE html> 
<html> 
<head> 
<title>Title</title> 
<link rel="icon" type="image/png" href="icon.png"/> 
<meta charset="UTF-8"> 
</head> 
<body background="bg.png" link="white"> 
<img src="Banner.png"> 
<table align="center" valign="top" bgcolor="rgb(0,0,51)" style="width:100%"> 
<tr> 
<th><font size=6 color="rgb(0,0,51)"><a href="chronology.html" style="text-decoration: none">~text~</a></font></th> 
<th><font size=6 color="rgb(0,0,51)"><a href="rating & rules.html" style="text-decoration: none">~text</a></font></th> 
<th><font size=6 color="rgb(0,0,51)"><a href="techniques.html" style="text-decoration: none">~text</a></font></th> 
<th><font size=6 color="rgb(0,0,51)"><a href="greekathletes.html" style="text-decoration: none">~text~</a></font></th> 
<th><font size=6 color="rgb(0,0,51)"><a href="contact.html" style="text-decoration: none">~text~</a></font></th> 
</tr> 
</table> 
<img src="left1.png" align="left"> 
<img src="right1.png" align="right"> 
<br><br> 
<h1 align="center">~text~</h1> 
<div align="center"> 
<video src="Κρίκοι - Εισαγωγή.mp4" width="1000" height="600" controls autoplay> 
</div> 
<br><br><br> 
<p align="center"><font size="4"> 
~~text~~ 
</p> 
<p align="center"> 
~~text~~ 
</p> 
</font> 
<img src="1.jpg" hspace="200" vspace="20"> 
<img src="2.png" vspace="20"> 
<img src="3.jpg" hspace="290" vspace="30"> 
</body> 
</html> 
+2

我們應該猜測你的代碼嗎?我的水晶球在店裏,所以如果你可以給你的問題添加一個[mcve]會有幫助。 – j08691

+0

是的你說得對,我只是用「~~ text ~~」來代替真實的文字。 – Bill

回答

0

瀏覽器只是依賴於彼此W3C規範,並大量使用了<font>標籤,它是不可用HTML5的,會導致他們所有的地方,可能勉強支撐一個塵土飛揚的舊標籤沒有人使用了。

幾乎不可能在不學習HTML和CSS的情況下開發一個好的網頁。 CSS是您設置排版的地方。

抓起一本很好的入門書並開始學習。 HTML和基本CSS都有相當簡單的入口。但是如果你沒有經過一些訓練和結構去做,這將是一個挫折的練習。