第一天关于前端的一些学习,主要是h1标签,p标签,引入了一些超链接,引入了表单和标签label
<!DOCTYPE html>
<html lang="zh-CN">
<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>弱鱼的礼物</title>
</head>
<body>
<h1 align="center">
弱鱼的快乐生活 Yeah!
<!-- 空格 -->
</h1>
<p>
<strong>今年寒假<br>常州</strong>
</p>
<p>
常州,简称“常”,别称龙城,是江苏省辖地级市,
国务院批复确定的中国长江三角洲地区中心城市之一、先进制造业基地和文化旅游名城 。
截至2018年,全市下辖5个区、代管1个县级市,总面积4385平方千米 。
根据第七次人口普查数据,截至2020年11月1日零时,常州市常住人口为527.8121万人
。2020年,常州市实现地区生产总值7805.3亿元 。
常州地处江苏省南部、长三角腹地,东与无锡相邻,西与南京、镇江接壤,南与无锡、安徽宣城交界 。
常州市属长江下游平原,兼有高沙平原和山丘湖圩,属于北亚热带季风气候 [5] 。常州是一座有着3200多年历史的文化古城;
春秋末期(前547年),吴王寿梦第四子季札封邑延陵,开始了长达2500多年有准确纪年和确切地名的历史。西汉高祖五年(前202年)改称毗陵。
西晋武帝太康二年(281年),改置毗陵郡。自此,常州历朝均为郡、州、路、府治所,曾有过延陵、毗陵、毗坛、晋陵、长春、尝州、武进等名称,隋文帝开皇九年(589年)始有常州之称 。
常州有圩墩新石器遗址、春秋淹城、天宁寺、红梅阁、文笔塔、藤花旧馆、舣舟亭、太平天国护王府、
瞿秋白纪念馆、中华恐龙园、天目湖、金坛茅山风景区、嬉戏谷、东方盐湖城、华夏宝盛园等景点 。
</p>
<img src="../practice-image/1.jpg" alt="愚蠢hh" width="400" />
<h3>
更多资讯请点击下方。
</h3>
<a href="https://baike.baidu.com/item/%E5%B8%B8%E5%B7%9E/171784" target="_blank">目的地</a>
<a href="http://www.changzhou.gov.cn/" target="_blank">
政府链接
</a>
<table align="center" border="1" cellpadding="0" cellspacing="0" width="500" height="300">
<!-- 表格的加入,align是对其方式 -->
<!-- <tr><th>姓名</th><th>性别</th><th>年龄</th><th>学号</th></tr> -->
<!-- td是单元格tr是行 -->
<thead>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>学号</th>
</tr>
</thead>
<tbody>
<tr>
<td>弱鱼</td>
<td>男</td>
<td>23</td>
<td>110112120</td>
</tr>
<tr>
<td>
feifeiyu
</td>
<td>
nan
</td>
<td>
22
</td>
<td>
1561320
</td>
</tr>
</tbody>
</table>
<table align="center" cellpacing="5" cellpadding="100" border="1">
<!-- 合并单元格 -->
<thead>
<tr>
<th>123</th>
<th>1456</th>
<th>478946</th>
</tr>
</thead>
<tbody>
<tr>
<td>0000</td>
<td rowspan="2">0000</td>
<td>0000</td>
</tr>
<tr>
<td>0000</td>
<!-- <td>0000</td> -->
<td>0000</td>
</tr>
</tbody>
</table>
<!-- 列表的学习 -->
<!-- 无序列表ul和<li></li> -->
<!-- ul的儿子只有li -->
<!-- </li>里面放什么都可以 -->
<h3>喜欢的食物</h3>
<ul>
<li>
<a href="https://tv.sohu.com/v/dXMvMzQ3NTYzNzM2LzE4NjM3NTkzNC5zaHRtbA==.html" target="_blank">老八蜜汁小汉堡</a>
</li>
<li>
臭豆腐
</li>
<li>
猪大肠
</li>
</ul>
<div>
<!-- div表示竖列的区域表示divison -->
<p>
好玩
</p>
</div>
<h3 align="center">
地位排名
</h3>
<ol>
<!-- ol表示有序列表 -->
<li>
飞飞鱼
</li>
<li>
弱鱼
</li>
</ol>
<dl>
<!-- 自定义列表define list -->
<dt>河南省</dt>
<dd>焦作市</dd>
<dd>洛阳市</dd>
<dd>郑州市</dd>
<dd>安阳市</dd>
<dd>漯河市</dd>
<dd>信阳市</dd>
</dl>
<!-- 表单 -->
<h3>小调查</h3>
<form>
你是否是个人 <input type="text" name="person" value="请判断你自己" maxlength="2" /><br>
输入你的支付密码<input type="password" name="psw" maxlength="6"><br>
你是不是小憨瓜:是<input type="radio" name="foolish"> 就是<input type="radio" name="foolish"><br>
飞飞鱼是不是很厉害 yes<input type="checkbox" name="ffy"> yeah <input type="checkbox" name="ffy"> <br>
<!-- 提交 -->
<input type="submit" value="立即提交" /> <br>
<input type="reset" value="重置" /><br>
<input type="button" value="发送验证码" /><br>
请上传你的照片: <input type="file"><br>
<!-- 单选框和复选框可以选择checked属性 -->
</form>
<!-- label元素,增加用户体验鼠标移到此处,便可光标跟随 -->
<br>
<label for="uesr">
你的姓名:<input type="text" id="uesr">
</label>
<br>
<label for="man">
性别:男<input type="radio" id="man" name="people">
</label>
<label for="women">
女<input type="radio" id="women" name="people">
</label>
</body>
</html>