HTML5网页制作好好玩啊
Posted 2142781703wangzhichao
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML5网页制作好好玩啊相关的知识，希望对你有一定的参考价值。
---恢复内容开始---
这两天在看html5，由于学习的需要，所以要学的，嗯，这个整人还是很有意思的（但是超超是好人，从不干坏事）
现在请欣赏一下我的代码和图片吧！（想整人的小伙伴可以自己copy来玩哦！不过你得先下一个HBuilder，哈哈哈哈）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是练习一</title>
</head>
<body>
<a href="index.html" target="_blank">卧槽，还带这么玩的吗？</a>
<br />
<a href="
https://www.taobao.com">这里是淘宝平台</a>
<br />
<b>在这里，你会购买到理想的商品</b>
<br />
<em>我是超超</em>
<br />
<s>您身边的友好朋友</s>
<br />
<u>他在无时无刻都在关注着你</u>
<br />
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>这是练习一</title>
</head>
<body>
<a href="index.html" target="_blank">卧槽，还带这么玩的吗？</a>
<br />
<a href="
https://www.taobao.com">这里是淘宝平台</a><br />
<b>在这里，你会购买到理想的商品</b>
<br />
<em>我是超超</em>
<br />
<s>您身边的友好朋友</s>
<br />
<u>他在无时无刻都在关注着你</u>
<br />
</body>
</html>
这是一个最简单的例子，我就没截图了
这个就是最简单的类型，什么都没干，就是显示语句（br换行），跳转链接
当下@future 2019/4/27 14:44:49
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是练习二</title>
</head>
<body>
<table border="1px" align="center">
<thead>
<tr bordercolor="#FFF">
<td align="center">姓名</td>
<td align="center">性别</td>
<td align="center">年龄</td>
</tr>
</thead>
<tbody>
<tr>
<td align="center">唐杰</td>
<td align="center">男</td>
<td align="center">19</td>
</tr>
<tr>
<th>包晗</th>
<th>男</th>
<th>19</th>
</tr>
<tr>
<td align="center">王智超</td>
<td align="center">男</td>
<td align="center">19</td>
</tr>
</tbody>
<tfoot>
<tr>
<td align="center">祖国的骚年</td>
<td>年轻的火耀</td>
<td align="center">未来的逗比</td>
</tr>
<tr>
<td rowspan="3">娃哈哈</td>
<td>爽歪歪</td>
<td>Ad钙</td>
</tr>
<tr>
<td colspan="3">珍珠奶茶</td>
</tr>
</tfoot>
</table>
</body>
</html>
当下@future 2019/4/27 14:45:55
这个就是简单的制作表格（以及合并）
当下@future 2019/4/27 14:44:49
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>这是练习二</title>
</head>
<body>
<table border="1px" align="center">
<thead>
<tr bordercolor="#FFF">
<td align="center">姓名</td>
<td align="center">性别</td>
<td align="center">年龄</td>
</tr>
</thead>
<tbody>
<tr>
<td align="center">唐杰</td>
<td align="center">男</td>
<td align="center">19</td>
</tr>
<tr>
<th>包晗</th>
<th>男</th>
<th>19</th>
</tr>
<tr>
<td align="center">王智超</td>
<td align="center">男</td>
<td align="center">19</td>
</tr>
</tbody>
<tfoot>
<tr>
<td align="center">祖国的骚年</td>
<td>年轻的火耀</td>
<td align="center">未来的逗比</td>
</tr>
<tr>
<td rowspan="3">娃哈哈</td>
<td>爽歪歪</td>
<td>Ad钙</td>
</tr>
<tr>
<td colspan="3">珍珠奶茶</td>
</tr>
</tfoot>
</table>
</body>
</html>
当下@future 2019/4/27 14:45:55
这个就是简单的制作表格（以及合并）
下面请看练习三：
当下@future 2019/4/27 14:55:10
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>王智超练习三</title>
</head>
<body>
<ol type="I">
<li>Hello！！！</li>
<li>我亲爱的小伙伴们</li>
<li>Are you OK？</li>
</ol>
<ul>
<li>乌拉乌拉</li>
<li>娃哈哈</li>
<li>吧唧吧唧</li>
</ul>
<ol reversed="1">
<li>想我没</li>
<li>吧唧吧唧</li>
<li>想也没用</li>
<li>哼</li>
</ol>
<ol type="1">
<li>大声喊王智超你好帅100次</li>
<li>有意外惊喜哦</li>
<ol>
<li type="a">乌拉乌拉</li>
<li>骗你的呢</li>
<li>别，大哥</li>
<li>我错了</li>
</ol>
</ol>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>王智超练习三</title>
</head>
<body>
<ol type="I">
<li>Hello！！！</li>
<li>我亲爱的小伙伴们</li>
<li>Are you OK？</li>
</ol>
<ul>
<li>乌拉乌拉</li>
<li>娃哈哈</li>
<li>吧唧吧唧</li>
</ul>
<ol reversed="1">
<li>想我没</li>
<li>吧唧吧唧</li>
<li>想也没用</li>
<li>哼</li>
</ol>
<ol type="1">
<li>大声喊王智超你好帅100次</li>
<li>有意外惊喜哦</li>
<ol>
<li type="a">乌拉乌拉</li>
<li>骗你的呢</li>
<li>别，大哥</li>
<li>我错了</li>
</ol>
</ol>
</body>
</html>
在看最后一个，哈哈哈
这个就是有序排列（以及类型），以及无序排列
当下@future 2019/4/27 15:16:46
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
<input type="text" value="王智超真帅！"/>
<br />
<input type="submit" placeholder="你认识超超吗？" maxlength="20" value="提交" />
<br />
<input type="text" placeholder="超超浪吗？" readonly/>
<br />
<input type="password" placeholder="请输入8位密码" maxlength="8" />
<input type="submit" value="提交"/>
</form>
<textarea cols="3">唐杰</textarea>
<textarea rows="2">包晗</textarea>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
<input type="text" value="王智超真帅！"/>
<br />
<input type="submit" placeholder="你认识超超吗？" maxlength="20" value="提交" />
<br />
<input type="text" placeholder="超超浪吗？" readonly/>
<br />
<input type="password" placeholder="请输入8位密码" maxlength="8" />
<input type="submit" value="提交"/>
</form>
<textarea cols="3">唐杰</textarea>
<textarea rows="2">包晗</textarea>
</body>
</html>
这个开始的时候是占位的（但是可以删除的，只不过一刷新又出来了），提交是一个按钮键，至于后面的：超超浪吗，就是一个只读类型（不能更改），再后面的是输入密码（而且只能是·8位，因为我设了最大长度是8）
好的，谢谢大家能看到这里，嗯，大佬勿喷，没学过的朋友可以来玩玩，嘻嘻嘻
以上是关于HTML5网页制作好好玩啊的主要内容，如果未能解决你的问题，请参考以下文章
HTML5网页录音和上传到服务器，支持PCAndroid，支持IOS微信
网页提示浏览器不支持HTML5,可是我用的是IE11啊，应该支持的啊，求大神帮解决