前端代码基础测试
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html</title>
</head>
<body>
hello html~
hello html~ <br/>
hello html~
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常用标签:主题标签</title>
</head>
<body>
<h1>2022年</h1>
<h2>贺电</h2>
<h3>来</h3>
<h4>奔赴</h4>
<h5>厨房</h5>
<h6>出来？</h6>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常用标签:列表标签</title>
</head>
<body>
<h3>热搜榜</h3>
<ul>
<li>今日</li>
<li>钱包</li>
<li>预测</li>
<li>清零</li>
<li>近60%</li>
</ul>
<ol>
<li>今日</li>
<li>商店</li>
<li>可能</li>
<li>要达到</li>
<li>发布新版</li>
</ol>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常用标签:图片标签</title>
</head>
<body>
<a href="雪中.jpg" name="1">百度一下</a><br />
<a href="https://www.baidu.com/" target="_blank">百度两下</a><br />
<a href="https://top.baidu.com/board?platform=pc&tab=homepage&sa=pc_index_homepage_all" target="_blank">百度三下</a><br />
<a name="top">我是顶部</a><br />
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<h1>北上广富婆通讯录</h1>
<a href="#top">^</a><br />
<img src="误杀.jpg" width="500px"/>
<img src="误杀.jpg" width="350px" height="200px" />
<a href="#1"><img src="雪中.jpg" height="600"/></a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常用标签:input标签</title>
</head>
<body>
普通的输入框:<input type="text" /><br />
单选框:<input type="radio" />男<br />
多选框:<input type="checkbox" />干饭<br />
调色框:<input type="color" /><br />
日期选择框:<input type="date" /><br />
日期输入框:<input type="datetime"/><br />
日期选项(精确到分钟):<input type="datetime-local" /><br />
邮箱地址输入框:<input type="email" /><br />
文件选择框<input type="file" /><br />
按钮:<input type="button" value="保存"/><button>注册</button><br />
<input type="submit" value="保存" /><button type="submit">上传</button>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常用标签:表格标签</title>
</head>
<body>
<h3>流量调查表</h3>
<table border="2px" bgcolor="aquamarine" cellspacing="0" width="400px">
<tr>
<th>总页面流量</th>
<th>共计来访</th>
<th>会员</th>
<th>游客</th>
</tr>
<tr>
<td>5454</td>
<td>5625</td>
<td>5145454</td>
<td>5445454</td>
</tr>
<tr>
<td>5454</td>
<td>5625</td>
<td>5145454</td>
<td>5445454</td>
</tr>
<tr>
<td>5454</td>
<td>5625</td>
<td>5145454</td>
<td>5445454</td>
</tr>
<tr>
<td>平均每人浏览</td>
<td colspan="3">1.5</td>
</tr>
</table>
<br />
<table border="2px" cellspacing="0" bgcolor="lightpink" width="30%" align="center">
<tr>
<td colspan="2">11</td>
<td>13</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td rowspan="2">23</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常用标签:表单标签</title>
</head>
<body>
<h2>注册表单</h2>
<form>
<table border="2px" cellspacing="0" bordercolor="red" bgcolor="bisque" width="500px">
<tr>
<td>用户名:</td>
<td>
<input type="text" name="user"/>
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input type="password" name="pwd"/>
</td>
</tr>
<tr>
<td>确认密码:</td>
<td>
<input type="password" name="repwd"/>
</td>
</tr>
<tr>
<td>昵称:</td>
<td>
<input type="text" name="nick"/>
</td>
</tr>
<tr>
<td>邮箱:</td>
<td>
<input type="email" name="email"/>
</td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" value="1"/> 男
<input type="radio" name="sex" value="2"/> 女
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox" name="like" value="1"/>篮球
<input type="checkbox" name="like" value="2"/>足球
<input type="checkbox" name="like" value="3"/>乒乓球
</td>
</tr>
<tr>
<td>城市:</td>
<td>
<select>
<option>请选择</option>
<option>北京</option>
<option>上海</option>
<option>广东</option>
<option>云南</option>
<option>重庆</option>
<option>四川</option>
<option>浙江</option>
<option>新疆</option>
<option>内蒙古</option>
<option>江苏</option>
<option>湖南</option>
<option>陕西</option>
<option>山东</option>
</select>
</td>
</tr>
<tr>
<td>头像:</td>
<td>
<input type="file"/>
</td>
</tr>
<tr>
<td>验证码:</td>
<td>
<input type="text"/>
<img src="验证.jpg" height="30px"/>
<button>点我换一张</button>
</td>
</tr>
<tr height="100px">
<td>自我描述</td>
<td>
<textarea>请输入描述信息</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="提交"/>
<input type="reset"/>
</td>
</tr>
</table>
</form>
</body>
</html>
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
