---恢复内容开始---

这两天在看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)

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

HTML5网页制作好好玩啊的更多相关文章

  1. HTML5网页制作教程:HTML5块级链接

    网页制作Webjx文章简介:Web 标准中处处充满了打脸行为,这条规则现在已经失效了!在那篇文章发布一个月后,HTML5doctor 发表了 “Block-level” links in HTML5, ...

  2. HTML5 网页制作技巧

    本文总结自由人民邮电出版社出版的<HTML.CSS.Javascript网页制作>. 总结进行学习,并分享给同样编写HTML5的朋友. 1:背景音乐的添加 <embed src=&q ...

  3. HTML5网页制作(3)

    今天,就开始嵌入图片以及创建图片分区的学习吧! 这两张图片其实是我用HTML5写的(纯粹当做笔记来记了),以上就是今天要学的一些内容 下面是我今天敲的代码:  [冒泡]林北的爸爸 2019/4/29  ...

  4. HTML5 页面制作工具

    https://www.zhihu.com/question/30087283 HTML5 页面制作工具 免费的基于 HTML 5 的 Web Apps 生成器工具网站     81 235 初页 制 ...

  5. IT兄弟连 HTML5教程 HTML5的学习线路图 第一阶段学习网页制作

    学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词.需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱.另外,前端开发也会细分很多个开发岗位,不同 ...

  6. 推荐21款最佳 HTML5 网页游戏

    尽管 HTML5 的完全实现还有很长的路要走,但 HTML5 正在改变 Web,未来 HTML5 将把 Web 带入一个更加成熟和开放的应用平台.现在,越来越多的人尝试用 HTML5 来制作网页游戏等 ...

  7. 学习网页制作中如何在正确选取和使用 CSS 单位

    在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这 ...

  8. 如何使用 HTML5 Canvas 制作水波纹效果

    今天,我们继续分享 JavaScript 实现的效果例子,这篇文章会介绍使用 JavaScript 实现水波纹效果.水波效果以图片为背景,点击图片任意位置都会触发.有时候,我们使用普通的 Javasc ...

  9. 免费的HTML5连载来了《HTML5网页开发实例详解》连载(二)

    最近新浪.百度.腾讯.京东.大众点评.淘宝等流行的网站都加大了招聘HTML5的力度,HTML5开发人员成了抢手货,本次连载的是由大众点评前端工程师和一淘网前端工程师基情奉献的<HTML5网页开发 ...

随机推荐

  1. Tensorflow计算加速

    在tensorflow里可以通过tf.device函数来指定每个运行的设备,可以是GPU也可以是CPU,比如CPU在tensorflow里的名称为/cpu:0,即便电脑里有多个CPU,tensorfl ...

  2. apm固定翼调试方法

    APM飞控传说是大神的神器新手的噩梦,APM是个便宜又好用的飞控~刚开始给我的天行者X5按APM飞控的时候也查询搜索了很多,参数值,修改和混控和混控量的修改翻遍了资料发现咱们论坛教程比较少,所以开帖总 ...

  3. emacs技巧

    Table of Contents "ctrl space"设置mark 同时在选中的各行行首添加相同内容 寄存器 跳转到某行 删除光标所在的空格和TAB或空白行 把TAB全部转换 ...

  4. 开源代码chat_master分析

  5. Oracle角色,权限,表空间基础语句

    控制台: -sqlplus         -----连接数据库 -conn sys/123456@orcl as sysdba        -----登录sys -create tablespac ...

  6. 前端校验框架ValidForm之check方法修正

    用过validform的朋友相信都知道,在利用check方法的时候,发现该方法对表单输入值只要符合datatype规则的就返回ture.那么我们想对某个字段进行ajax重复校验的时候,只需要在该表单元 ...

  7. 自己动手写CPU——寄存器堆、数据存储器(基于FPGA与Verilog)

    上一篇写的是基本的设计方案,由于考研复习很忙,不知道下一次什么时候才能打开博客,今天就再写一篇.写一写CPU中涉及到RAM的部件,如寄存器堆.数据存储器等. 大家应该在大一刚接触到计算机的时候就知道R ...

  8. python基础(字典)

    #实现同样的功能,代码越少越好#非空即真,非0即真#not 取反 a = []b = ' 'c = ()d = 0e = Noneif a: print('真的')else: print('假的') ...

  9. eclipse中访问不了tomcat首页server Locations变灰无法编辑

    eclipse中访问不了tomcat首页server Locations变灰无法编辑 2014年07月25日 14:37:21 wuha0 阅读数:19139更多 个人分类: servlet   解决 ...

  10. VBA在WORD应用中如何将格式应用于选定内容

    下列示例使用 Selection 属性将字符和段落格式应用于选定文本.使用 Font 属性获得字体格式的属性和方法,使用 ParagraphFormat 属性获得段落格式的属性和方法. Sub For ...