Question

我的HTML代码仅适用于Chrome（我使用它构建），当我尝试使用任何其他浏览器（IE，Edge，Firefox）打开它时，它似乎不同，图像的大小不一样，由于文本的大小是，视频显示错误，无法播放，对齐是错误的，通常整个页面看起来很糟糕！我不使用任何CSS，所以我实际上找不到有什么问题！此外，很奇怪当Chrome尚未运行时（没有打开任何标签）并且我打开我的网站它看起来并不完全正确，就像所有内容都被缩放，甚至是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>

Answer 1

浏览器仅使用W3C规范相互绑定，并且大量使用HTML5不具备的<font>标记，将导致它们遍布整个地方，并且可能几乎不支持尘土飞扬的旧标记没有人再使用了。

如果不学习HTML和CSS，几乎不可能开发出一个好的网页。 CSS是您设置排版的地方。

获取一本好的入门书并开始学习。 HTML和基本CSS都有相当简单的入口。但如果你不采取一些训练和结构，那将是一种令人沮丧的练习。

HTML代码仅适用于Chrome

1 个答案: