<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>我的网页</title>
</head>
<body>
<header>
<h1>欢迎来到我的网站</h1>
</header>
<main>
<p>这是一个介绍段落，描述了网站的主要内容和目的。</p>
<p style="color: red;">这是另一个段落，包含一些额外的信息。</p>
<p style="color: blueviolet;">颜色测试blueviolet</p>
<div><img src="https://tse2-mm.cn.bing.net/th/id/OIP-C.m2aptW7AWaWGUXifwziRNQDPEt?w=120&h=180&c=7&r=0&o=5&pid=1.7/300" width="258" height="139"/></div>
<div><img src="https://via.placeholder.com/300" width="258" height="139" /></div>
<a href="https://example.com" id="example-link">点击这里访问更多内容</a>
<video controls width="400" height="300">
<source src="1e35f58a5dd3a771737255a658b7f593.mp4" type="video/mp4" >
</video>
<!--有序列表-->
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<!--有序列表, 从 50 开始编号-->
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<h4>无序列表:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
<p>
每个表格从一个 table 标签开始。
每个表格行从 tr 标签开始。
每个表格的数据从 td 标签开始。
</p>
<h4>一列:</h4>
<table border="1">
<tr>
<td>100</td>
</tr>
</table>
<h4>一行三列:</h4>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
</table>
<!--这是一个注释，注释在浏览器中不会显示-->
<h4>两行三列:</h4>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
<div>1</div>
</main>
<footer>
© 2024 我的网站
</footer>
</body>
</html>