<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题标签</title>
<style>
table{
font-size: 35px;
}
</style>
</head>
<body>
<h1 id="aindex">这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
<hr />
这是第一行内容。
只是用回车不能实现换行。
要这样。
这是第一行内容<br />
这是第二行内容
<h3>《静夜思》不换行</h3>
床前明月光，
疑是地上霜。
举头望明月，
低头思故乡。
<h3>《静夜思》br换行</h3>
窗前明月光，<br>
疑是地上霜。<Br />
举头望明月，<bR />
低头思故乡。<br />
或者使用段落标签可以让每一个段落自动换行。
<h3>《静夜思》段落自动换行</h3>
<p>窗前明月光，</p>
<p>疑是地上霜。</p>
<p>举头望明月，</p>
<p>低头思故乡。</p>
<p><strong>教育(粗体)</strong>改变<em>生活（斜体）</em></p>
<hr />
<img src="./img/pingguo.webp"
width='150'
height="200"
alt="图片找不到咯"
title="这是一个苹果图">
<hr>
<a href='https://www.baidu.com'>跳转百度</a>
<br>
<a href='./new_file.html'>跳转新文件</a>
<br>
<a href='index.html' target="_blank">在新窗口，跳转新文件页面，且./可以省略。</a>
<br />
<a href='index.html' target="_self">在当前窗口，跳转新文件页面。</a>
<br />
<a href="#aindex" title="点击图片和字，都能返回顶部">
返回页面首部
<br />
<img src="img/pingguo.webp" width="25" href='#aindex'/>
</a>
<ul>
<li>周一</li>
<li>周二</li>
<li>周三</li>
<li>周四</li>
</ul>
<ol>
<li>周一哦</li>
<li>周二哦</li>
<li>周三哦</li>
<li>周四哦</li>
</ol>
<dl>
<dt>水果</dt>
<dd>苹果</dd>
<dd>香蕉</dd>
<dd>西瓜</dd>
<dd>橘子</dd>
</dl>
<table border="1px" >
<tr>
<th>手机品牌</th>
<th>价格</th>
<th>生产地址</th>
</tr>
<tr>
<td>小米</td>
<td>1999</td>
<td rowspan="2">China</td>
</tr>
<tr>
<td>华为</td>
<td>3599</td>
</tr>
<tr>
<td colspan="3">Apple横跨三列</td>
</tr>
</table>
<video controls>
<source src="video/audio_play_test.mp3"/>
<source src="video/图书馆中秋祝福.mp4"/>
</video>
<audio controls src="video/audio_play_test.mp3"></audio>
<br>
<iframe width="155px" height="255px" src="./homework1.html"></iframe>
<br />
<a target="iframe_xia" href="https://www.runoob.com">菜鸟官网</a>
<a target="iframe_xia" href="https://www.baidu.com">百度官网</a>
<a target="iframe_xia" href="homework1.html">作业1展示</a>
<br>
<iframe width="255px" height='800px' name="iframe_xia" src="https://www.baidu.com"></iframe>
</body>
</html>