<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="dhwihnaefm">
<meta name="keywords" content="算法，编程，计算机">
<title>Acwing-Web应用课</title>
<link rel="icon" href="/images/logo.png">
</head>
<body>
<!-- 这是标题 -->
<h1>1.2.3 图片</h1>
<img width="500" src="/images/mountain.jpg" alt="山">
<hr>
<h1>1.2.4 音频与视频</h1>
<audio controls src="audios/bgm.mp3">Your browser does not support the
<code>audio</code> element.</audio>
<audio controls>
<source src="/audios/sound1.mp3">
<source src="audios/sound2.mp3" type="audio/mpeg">
</audio>
<video width="300" controls src="videos/video1.mp4"></video>
<video controls width="500">
<source src="videos/video1.mp4" type="video/mp4">
<source src="videos/video2.mp4" type="video/mp4">
</video>
<hr>
<h1>1.2.5 超链接</h1>
<a href="https:www.acwing.com" target="_blank">
<img src="images/logo.png" alt="acwing" width="30">
</a>
<a href="/about.html">About</a>
<hr>
<h1>1.2.6 表单</h1>
<form action="/about.html">
<label for="username">用户名：</label>
<input type="text" maxlength="10" minlength="3" name="username" id="username">
<br>
<label for="age">年龄：</label>
<input type="number" required name="age" id="age">
<br>
<label for="email">邮箱：</label>
<input type="email" placeholder="邮箱" name="email" id="email">
<br>
<label for="password">密码：</label>
<input type="password" name="password" id="password">
<br>
<label for="cpp">cpp</label>
<input type="radio" name="language" value="cpp" id="cpp">
<br>
<label for="java">java</label>
<input type="radio" name="language" value="java" id="java">
<br>
<label for="python">python</label>
<input type="radio" name="language" value="python" id="python">
<br>
<label for="resume">简介：</label><br>
<textarea name="resume" id="resume" cols="30" rows="10"></textarea>
<br>
<label for="lang">语言：</label>
<select name="lang" id="lang">
<option value="">请选择</option>
<option value="cpp">cpp</option>
<option value="java">java</option>
<option value="python">python</option>
</select>
<br>
<button type="submit">提交</button>
</form>
<hr>
<br>
<h1>1.2.7 列表</h1>
<ol>
<li>知识点
<ul>
<li><a href="https://www.acwing.com/file_system/file/content/whole/index/content/4078505/">1.1
vscode的安装与配置</a> </li>
<li>1.2 html基础标签
<ul>
<li>1.2.1 html文件结构</li>
<li>1.2.2 文本标签</li>
<li>1.2.3 图片</li>
<li>1.2.4 音频与视频</li>
<li>1.2.5 超链接</li>
<li>1.2.6 表单</li>
<li>1.2.7 列表</li>
<li>1.2.8 表格</li>
<li>1.2.9 语义标签</li>
<li>1.2.10 特殊符号</li>
</ul>
</li>
<li>1.3 MDN官方文档</li>
</ul>
</li>
<li>作业</li>
</ol>
<br>
<dl>
<dt>Name</dt>
<dd>Godzilla</dd>
<dt>Born</dt>
<dd>1952</dd>
<dt>Birthplace</dt>
<dd>Japan</dd>
<dt>Color</dt>
<dd>Green</dd>
<dd>Orange</dd>
</dl>
<hr>
<br>
<h1>1.2.8 表格</h1>
<table>
<caption>成绩</caption>
<thead>
<tr>
<th>姓名</th>
<th>语文</th>
<th>数学</th>
<th>英语</th>
</tr>
</thead>
<tbody>
<tr>
<td>aaa</td>
<td>100</td>
<td>100</td>
<td>100</td>
</tr>
<tr>
<td>bbb</td>
<td>92</td>
<td>98</td>
<td>99</td>
</tr>
<tr>
<td>ccc</td>
<td>60</td>
<td>70</td>
<td>65</td>
</tr>
</tbody>
</table>
<br>
<hr>
<h1>1.2.9 语义标签</h1>
<header>
<h3>我的收藏</h3>
<nav>
<ul>
<li><a href="/edit.html">编辑区</a></li>
<li><a href="/contact.html">联系我</a></li>
<li><a href="/about.html">关于我</a></li>
</ul>
</nav>
</header>
<hr>
<section>
<h4>图片</h4>
<figure>
<img width="100" src="/images/logo.png" alt="logo">
<figcaption>logo</figcaption>
</figure>
<figure>
<img width="100" src="/images/mountain.jpg" alt="山">
<figcaption>山</figcaption>
</figure>
</section>
<hr>
<section>
<h4>文章</h4>
<article>
<h5>背影</h5>
<p>HTML元素代表一段独立的内容，经常与说明（caption）配合使用，并且作为一个独立的引用单元。当它属于主内容流（main
flow）时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。 </p>
<p>HTML元素代表一段独立的内容，经常与说明（caption） 配合使用，并且作为一个独立的引用单元。当它属于主内容流（main
flow）时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。
</p>
</article>
<article>
<h5>春</h5>
<p>HTML元素代表一段独立的内容，经常与说明（caption）配合使用，并且作为一个独立的引用单元。当它属于主内容流（main
flow）时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。
</p>
<p>HTML元素代表一段独立的内容，经常与说明（caption）配合使用，并且作为一个独立的引用单元。当它属于主内容流（main
flow）时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。
</p>
</article>
</section>
<hr>
<footer>
©2018-2022 xxx 版权所有
</footer>
<br>
<hr>
<h1>1.2.10 特殊符号</h1>
< 小于号或显示标记 > 大于号或显示标记
& 可用于显示其它特殊字符
" 引号
® 已注册
© 版权
™ 商标
空格
</body>
</html>
