小练习1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="html">
<meta name="description" content="练习1">
<title>小练习1</title>
<link rel="icon" href="/images/logo.png">
</head>
<body>
</body>
</html>
小练习2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>web应用课程作业</title>
</head>
<body>
<h2>春江花月夜</h2>
<h5>张若虚</h5>
<p>
春江潮水连海平,海上明月共潮生。<br>
滟滟随波千万里,何处春江无月明!<br>
江流宛转绕芳甸,月照花林皆似霰;<br>
空里流霜不觉飞,汀上白沙看不见。<br>
江天一色无纤尘,皎皎空中孤月轮。<br>
江畔何人初见月?江月何年初照人?<br>
人生代代无穷已,江月年年望相似。
</p>
<hr>
<pre>
int main()
{
int a, b;
scanf("%d%d", &a, &b);
printf("%d %d\n", a, b);
return 0;
}
</pre>
<p>
<i>春眠不觉晓,</i><b>处处闻啼鸟。</b><del>夜来风雨声,</del><ins>花落知多少。</ins>
</p>
<p>
<mark>练习</mark>
<strong>加粗</strong>
</p>
</body>
</html>
小练习3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>练习3</title>
</head>
<body>
<img width="600" src="/images/mountain.jpg" alt="山">
</body>
</html>
小练习4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小练习4</title>
</head>
<body>
<h1>audio</h1>
<audio controls src="/audios/bgm.mp3">无法播放</audio>
<audio controls>
<source src="/audios/bgm.mp3" type="audio/mp3">
<source src="/audios/bgm.mp3" type="audio/mp3">
</audio>
<h1>video </h1>
<video controls width="600" src="/videos/video2.mp4"></video>
<video controls width="600">
<source src="/videos/video2.mp4 " type="video/mp4">
<source src="/videos/video2.mp4 " type="video/mp4">
</video>
</body>
</html>
小练习5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小练习5</title>
</head>
<body>
<h1>About</h1>
<a href="https://baidu.com" target="_blank"><img width="50px" src="/images/logo.png" alt="logo"></a>
<a href="/about.html">About</a>
</body>
</html>
小练习6
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小练习6</title>
</head>
<body>
<h1>Form</h1>
<form action="/login.html">
<label for="usename">用户名</label>
<input type="text" name="usename" id="usename" required="true" minlength="3" maxlength="15" placeholder="用户名">
<br>
<label for="age">年龄</label>
<input type="number" name="age" id="age" required="true" placeholder="年龄">
<br>
<label for="eamil">邮箱</label>
<input type="email" name="email" id="email" required="true" placeholder="邮箱">
<br>
<label for="password">密码</label>
<input type="password" name="password" id="password" required="true" placeholder="密码">
<br>
<label for="resume">个人简介</label>
<label for="lang">语言</label>
<select name="lang" id="lang">
<option value="Cpp">Cpp</option>
<option value="java">java</option>
<option value="python">python</option>
</select>
<br>
<label for="cpp">cpp</label>
<input type="radio" name="lang2" id="cpp" value="cpp">
<label for="java">java</label>
<input type="radio" name="lang2" id="java" value="java">
<label for="python">python</label>
<input type="radio" name="lang2" id="python" value="python">
<br>
<input type="file">
<input type="submit" value="提交">
</form>
</body>
</html>
小练习7
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小练习7</title>
</head>
<body>
<h1>List</h1>
<ol>
<li>第一讲</li>
<li>
第二讲
<ul>
<li>第一小节</li>
<li>第二小节</li>
<li>第三小节</li>
</ul>
<li>
第三讲
<ol>
<li>第一小节</li>
<li>第二小节</li>
<li>第三小节</li>
</ol>
</li>
</li>
</ol>
<ol>
<li></li>
</ol>
<dl>
<dt>不缩进</dt>
<dd>缩进</dd>
</dl>
</body>
</html>
小练习8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小练习8</title>
</head>
<body>
<table>
<h1>Table</h1>
<caption>成绩单</caption>
<thead>
<tr>
<th>姓名</th>
<th>数学</th>
<th>语文</th>
<th>英语</th>
</tr>
</thead>
<tbody>
<tr>
<th>Alice</th>
<th>100</th>
<th>99</th>
<th>98</th>
</tr>
<tr>
<th>Bob</th>
<th>99</th>
<th>98</th>
<th>97</th>
</tr>
<tr>
<th>Tom</th>
<th>98</th>
<th>97</th>
<th>96</th>
</tr>
</tbody>
</table>
</body>
</html>
小练习9
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小练习9</title>
</head>
<body>
<header>
<h3>我的收藏夹</h3>
</header>
<nav></nav>
<section>
<h4>图片</h4>
<figure>
<img width="100px" src="/images/logo.png">
<figcaption>logo</figcaption>
</figure>
<figure>
<img src="/images/logo.png" width="100px">
<figcaption>山</figcaption>
</figure>
</section>
<section>
<h4>古诗</h4>
<article>
<h5>春晓</h5>
<p>
春眠不觉晓,<br>
处处闻啼鸟。<br>
夜来风雨声,<br>
花落知多少。<br>
</p>
</article>
<article>
<h5>咏柳</h5>
<p>
碧玉妆成一树高,<br>
万条垂下绿丝绦。<br>
不知细叶谁裁出,<br>
二月春风似剪刀。<br>
</p>
</article>
</section>
<aside></aside>
<footer>©2018-2022 Me 版权所有</footer>
</body>
</html>
小练习10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小练习10</title>
</head>
<body>
©<Web>版权所有
</body>
</html>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0a6bfe264e8fd888bb83da705a0cbbf0.png)