php 中文网 第十五期——第二课作业
php 中文网 第十五期——第二课作业
<!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>Document</title>
</head>
<body>
<div>
今天真开心!
<p></p>
<strong>今天真开心!</strong>
<p></p>
<em>今天真开心!</em>
<p></p>
<span style="color: red;">今天真开心!</span>
<address style="background-color: tomato;">四川省泸州市</address>
<mark>今天有点冷</mark>
</div>
<p></p>
<div style="display: grid ">
<a href="http://php.cn" target="_self" >当前窗口打开</a>
<a href="http://baidu.com" target="_blank" >新窗口打开</a>
<a href="https://qq.com" target="content">打开qq新闻</a>
<iframe src="https://qq.com" frameborder="1" height="300" width="500" name="content"></iframe>
</div>
<p></p>
<div>
<a href="naukti:123@qq.com">发邮件</a>
<a href="tel：17123456789">打电话</a>
</div>
<p></p>
<div>
<!-- 无序列表 -->
<ul>
<li><a href="https://www.baidu.com/">首页</a></li>
<li><a href="http://news.baidu.com/">新闻</a></li>
<li><a href="https://image.baidu.com/">图片</a></li>
</ul>
<nav>
<a href="https://www.baidu.com/">首页</a>
<a href="http://news.baidu.com/">新闻</a>
<a href="https://image.baidu.com/">图片</a>
</nav>
<!-- 有序列表 -->
<ol start="1">
<li><input type="checkbox" name="" id=""> 语文</li>
<li><input type="checkbox" name="" id="">数学</li>
<li><input type="checkbox" name="" id="">英语</li>
</ol>
<!-- 自定义列表 -->
<dl>
<dt>联系方式</dt>
<dd> <a href="naukti:123@qq.com">发邮件</a></dd>
<dd> <a href="tel：17123456789">打电话</a></dd>
</dl>
</div>
<div>
<figure>
<img src="图片位置" alt="图片名字">
<!-- 可点击图片 -->
<a href="跳转链接地址"><img src="图片位置" alt="图片名字" width="图片尺寸"></a>
<figcaption><p><a href="">图片标题</a></p>
</figcaption>
</figure>
</div>
<p></p>
<table border="1" width="80%" align="center" cellspacing="0" cellpadding="5" >
<caption style="font-weight: bolder; margin-bottom: 1em; color: red">
五年级一班课程表
</caption>
<!-- 第一行 -->
<tr bgcolor="yellow" ; style="color: firebrick">
<th>时间</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
<th>星期四</th>
<th>星期五</th>
</tr>
<tbody align="center">
<!-- 第二行 -->
<tr bgcolor="aqua">
<td rowspan="4">
<p>上</p>
午
</td>
<td>语文</td>
<td>数字</td>
<td>语文</td>
<td>数字</td>
<td>语文</td>
</tr>
<!-- 第三行 -->
<tr bgcolor="aqua">
<!-- <td>时间</td> -->
<td>数学</td>
<td>语文</td>
<td>数学</td>
<td>英语</td>
<td>数学</td>
</tr>
<!-- 第四行 -->
<tr bgcolor="aqua">
<!-- <td>时间</td> -->
<td>科学</td>
<td>英语</td>
<td>体育</td>
<td>语文</td>
<td>英语</td>
</tr>
<!-- 第五行 -->
<tr bgcolor="aqua">
<!-- <td>时间</td> -->
<td>思品</td>
<td>安全</td>
<td>音乐</td>
<td>科学</td>
<td>综合</td>
</tr>
<!-- 第六行 -->
<tr bgcolor="Pink">
<td colspan="6">午 休</td>
<!-- <td>星期一</td> <td>星期二</td> <td>星期三</td> <td>星期四</td> <td>星期五</td> -->
</tr>
<!-- 第七行 -->
<tr bgcolor="aqua">
<td rowspan="3">
<p>下</p>
午
</td>
<td>音乐</td>
<td>美术</td>
<td>思品</td>
<td>体育</td>
<td>语文</td>
</tr>
<!-- 第八行 -->
<tr bgcolor="aqua">
<!-- <td>时间</td> -->
<td>数学</td>
<td>体育</td>
<td>综合</td>
<td>综合</td>
<td>美术</td>
</tr>
<!-- 第九行 -->
<tr bgcolor="aqua">
<!-- <td>时间</td> -->
<td colspan="5">课 外 活 动</td>
<!-- <td>星期二</td> <td>星期三</td> <td>星期四</td> <td>星期五</td> -->
</tr>
</tbod>
</table>
<p></p>
<form action="" style="display: grid; gap: 0.8em" method="POST">
<fieldset>
<legend>必填项</legend>
<div>
<label for="username">账号：</label>
<input type="text" id="username" autofocus required placeholder="纯字母" />
</div>
<div>
<label for="password">密码：</label>
<input type="password" id="password" required placeholder="数字+字母" />
</div>
<div>
<label for="email">邮箱：</label>
<input type="email" id="email" required placeholder="123@qq.com" />
</fieldset>
</div>
<div>
<label for="no">性别：</label>
<input type="radio" name="gender" value="male" id="male"/> <label for="male">男</label>
<input type="radio" name="gender" value="famale" id="famale"/> <label for="famale">女</label>
<input type="radio" name="gender" value="no" id="no" checked /> <label for="no">不想选</label>
</div>
<div>
<label for="">爱好：</label>
<input type="checkbox" name="hobby[]" id="game" checked /><label for="game">游戏</label>
<input type="checkbox" name="Basketball[]" id="Basketball"><label for="Basketball">篮球</label>
<input type="checkbox" name="run[]" id="run" checked /><label for="run">跑步</label>
</div>
<div>
<select name="level" id="">
<option value="1">青铜</option>
<option value="2">白银</option>
<option value="3">黄金</option>
<option value="4">铂金</option>
<option value="5" selected>钻石</option>
</select>
</div>
<div>
<label for="">关键字:</label>
<input type="search" name="search" id="" list="key" />
<datalist id="key">
<option value="学生"></option>
<option value="老师"></option>
<option value="校长"></option>
</datalist>
</div>
<div>
<button type="submit">提交</button>
</div>
</form>
<p></p>
<div>
<a href="https://j.map.baidu.com/eb/FU4" target="map">成都</a>
<a href="https://j.map.baidu.com/4c/2XhJ" target="map">泸州</a>
<a href="https://j.map.baidu.com/a4/oc" target="map">贵阳</a>
<ht />
<p></p>
<iframe src="https://j.map.baidu.com/eb/FU4" frameborder="1" height="300" width="500" name="map"></iframe>
</div>
</body>
</html>