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> 这是一个最简单的例子,我就没截图了 这个就是最简单的类型,什么都没干,就是显示语句(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: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>

 

在看最后一个,哈哈哈

 这个就是有序排列(以及类型),以及无序排列

 当下@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>

这个开始的时候是占位的(但是可以删除的,只不过一刷新又出来了),提交是一个按钮键,至于后面的:超超浪吗,就是一个只读类型(不能更改),再后面的是输入密码(而且只能是·8位,因为我设了最大长度是8)

好的,谢谢大家能看到这里,嗯,大佬勿喷,没学过的朋友可以来玩玩,嘻嘻嘻