<!DOCTYPE html>
<html>
<head>
<title>HTML5 Example1</title>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html" charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<iframe align="right" width="480" height="300" src="https://www.youtube.com/embed/tx_pawMRPAY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<h1>Hello World!</h1>
<h2>A few facts about the world we live in</h2>
<img src="image/earth.jpg" width="400px">
<p>Earth is the third planet from the Sun and is the largest of the terrestrial planets. The Earth is the only planet in our solar system not to be named after a Greek or Roman deity. The Earth was formed approximately 4.54 billion years ago and is the only known planet to support life.</p>
<hr>
<h3>About the earth</h3>
<ul>
<li><strong>Mass:</strong>5.97 x 10^24 kg</li>
<li><strong>Equatorial Diameter:</strong>12,756 km</li>
<li><strong>Moons:</strong>1(<a href="https://space-facts.com/the-moon/">The Moon</a>)</li>
</ul> <!--符號標籤 ulli -->
<hr>
<h3>Top3 earth facts</h3>
<ol>
<li>The Earth’s rotation is gradually slowing.</li>
<li>The Earth was once believed to be the centre of the universe.</li>
<li>Earth has a powerful magnetic field.</li>
</ol> <!--數字標籤 olli -->
<hr>
<table>
<tr>
<th>Name</th>
<th>Radius</th>
<th>Average Temperature</th> <!--th預測為粗體字 -->
</tr>
<tr>
<td>Mars</td>
<td>3.390km</td>
<td>-55°C</td>
</tr>
<tr>
<td>Venus</td>
<td>6.052km</td>
<td>460°C</td>
</tr>
</table>
<!--
<table>
<tr>
<th>1</th>
<th>2</th>
</tr>
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>Y</td>
<td>Z</td>
</tr>
</table>
1 | 2 |
A | B |
Y | Z |
-->
<hr>
<p>What to know more?</p>
<form action="https://space-facts.com/earth/">
<input type="submit" name="" value="Click here">
</form>
</body>
</html>
Test Page:
file:///C:/Users/user/Desktop/Front%20end%20practice/HTML/HTML5%20Example1.html?