HTML5网页制作好好玩啊
---恢复内容开始---
这两天在看HTML5，由于学习的需要，所以要学的，嗯，这个整人还是很有意思的（但是超超是好人，从不干坏事）
现在请欣赏一下我的代码和图片吧！（想整人的小伙伴可以自己copy来玩哦！不过你得先下一个HBuilder，哈哈哈哈）
<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>
当下@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
这个就是简单的制作表格（以及合并）
<!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>
<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网页制作教程:HTML5块级链接
网页制作Webjx文章简介:Web 标准中处处充满了打脸行为,这条规则现在已经失效了!在那篇文章发布一个月后,HTML5doctor 发表了 “Block-level” links in HTML5, ...
- HTML5 网页制作技巧
本文总结自由人民邮电出版社出版的<HTML.CSS.Javascript网页制作>. 总结进行学习,并分享给同样编写HTML5的朋友. 1:背景音乐的添加 <embed src=&q ...
- HTML5网页制作（3）
今天,就开始嵌入图片以及创建图片分区的学习吧! 这两张图片其实是我用HTML5写的(纯粹当做笔记来记了),以上就是今天要学的一些内容 下面是我今天敲的代码: [冒泡]林北的爸爸 2019/4/29 ...
- HTML5 页面制作工具
https://www.zhihu.com/question/30087283 HTML5 页面制作工具 免费的基于 HTML 5 的 Web Apps 生成器工具网站 81 235 初页 制 ...
- IT兄弟连 HTML5教程 HTML5的学习线路图 第一阶段学习网页制作
学习HTML5技术可并不是简单学会几个新增的标签而已,HTML5现在可以说是前端所有技术的代名词.需要学习的语言和工具不仅多,对于刚接触他们的新人会感觉很乱.另外,前端开发也会细分很多个开发岗位,不同 ...
- 推荐21款最佳 HTML5 网页游戏
尽管 HTML5 的完全实现还有很长的路要走,但 HTML5 正在改变 Web,未来 HTML5 将把 Web 带入一个更加成熟和开放的应用平台.现在,越来越多的人尝试用 HTML5 来制作网页游戏等 ...
- 学习网页制作中如何在正确选取和使用 CSS 单位
在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这 ...
- 如何使用 HTML5 Canvas 制作水波纹效果
今天,我们继续分享 JavaScript 实现的效果例子,这篇文章会介绍使用 JavaScript 实现水波纹效果.水波效果以图片为背景,点击图片任意位置都会触发.有时候,我们使用普通的 Javasc ...
- 免费的HTML5连载来了《HTML5网页开发实例详解》连载（二）
最近新浪.百度.腾讯.京东.大众点评.淘宝等流行的网站都加大了招聘HTML5的力度,HTML5开发人员成了抢手货,本次连载的是由大众点评前端工程师和一淘网前端工程师基情奉献的<HTML5网页开发 ...
随机推荐
- bzoj2748
题解: 简单dp 代码: #include<bits/stdc++.h> using namespace std; ; int n,x,m,a[N],f[N][N]; int main() ...
- 简单的新手加法运算（基于Struts2）
软件151 王帅 在搭好框架的前提下,首先编写action.java文件: import com.opensymphony.xwork2.ActionSupport; public class Us ...
- oracle数据库 查看被锁定表及解锁方法
最近做项目,遇到了更新超时的问题,反复检查数据都正常,纳闷完了忽然想到是不是表被锁定了,一看果然,解决办法如下: --锁表查询语句 SELECT object_name, machine, s.sid ...
- springboot+mybatis+thymeleaf项目搭建及前后端交互
前言 spring boot简化了spring的开发, 开发人员在开发过程中省去了大量的配置, 方便开发人员后期维护. 使用spring boot可以快速的开发出restful风格微服务架构. 本文将 ...
- python识别图片中的代码。
在看并发编程网的时候,有些示例代码是以图片的形式出现的,要是此时自己想复制下来的话,只能对着图片敲了,很不爽,于是搜了一下识别图片的网站,有! 把图片上传上去解析,下来txt文本,打开一看,大部分能解 ...
- C# 遍历所有的子控件和孙控件，包括容器中的，并批量操作和调用
这里要用两个知识,一个是递归,一个是队列. //定义一个Control类型的队列allCtrls private static Queue <Control> allCtrls = new ...
- JS的作用域链与原型链
来一波,好记性不如烂笔头. 这两条链子可是很重要的. 作用域链 当执行一段JS代码(全局代码或函数)时,JS引擎会创建为其创建一个作用域又称为执行上下文(Execution Context),在页面加 ...
- require和load的不同之处
require和load最大的不同之处在于,require就算调用多次也不会重新加载已经加载过的文件.Ruby会持续追踪已经被请求的那些文件而不会重复加载它们.而load命令总是会加载所请求的命令,不 ...
- UML与软件建模：第二次作业（类图中类的表示）
一.类图 (1)类图定义 类图,是UML(统一建模语言)中用于描述"类"以及"类与类"之间的示意图.它形象的描述出了系统的结构,帮助人们理解系统. 类图是在&q ...
- js优化总结
避免全局查找 在一个函数中会用到全局对象存储为局部变量来减少全局查找,因为访问局部变量的速度要比访问全局变量的速度更快些 function search() { //当我要使用当前页面地址和主机 ...