HTML5制作网页（2）
<html>
<head>
<meta charset="UTF-8">
<title>王智超的第四次练习</title>
</head>
<body>
<li>在分享一些新东西之前，我还是将之前学过的再来复习一下吧！（害怕忘了，毕竟没有作业）</li>
<br />
<ol type="1">
<li>首先，还是拿我作为例子吧！</li>
<br />
<ol type="a">
<li>先来自我介绍一下</li>
<li>我就是人见人爱</li>
<li>花见花开</li>
<li>老鼠见了就变乖的超超</li>
</ol>
<li>接着就让我来创建一下自己的爱好表格吧！</li>
<table border="1px">
<thead>
<tr >
<th align="center">王智超</th>
<th align="center">男</th>
<th align="center">18岁</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">喜欢的游戏是</td>
<td align="center">喜欢的女明星是</td>
<td align="center">喜欢的事情是</td>
</tr>
<tr>
<td align="center">皇室战争</td>
<td align="center">大幂幂</td>
<td align="center">看电子书</td>
</tr>
<tr align="center">
<th colspan="2">现在在东北大学秦皇岛分校</th>
<th rowspan="2">等学妹过来，我就是大二啦！</th>
</tr>
</tbody>
<tfoot>
<li>嗯，这应该是我的基本情况啦！</li>
</tfoot>
</table>
<li>然后呢，我想了解一下广大小伙伴们对超超的印象</li>
<ul>
<li>但是由于咱么还未曾谋面，所以超超只好利用互联网来操作一波咯</li>
</ul>
<form>
<input type="value" placeholder="请输入您的姓名或者是昵称" />
<input type="submit" value="提交"/>
<br />
<input type="password" placeholder="请输入您的8位登录密码" maxlength="8"/>
<button>提交</button>
<br />
<input type="text" placeholder="超超好帅啊！" readonly/>
<input type="button" value="默认" />
<br />
<textarea rows="3" cols="21">在开始之前，超超有必要提醒您，本界面是友好的，并不会侵害您的隐私</textarea>
</form>
<li >恭喜你成功地登上了界面，现在超超就像了解一下你们对可爱的超超对的印象如何</li>
<ol type="a">
<form>
<li>你对超超的评分是多少？</li>
<input type="number" min="0" max="100" step="5" placeholder="60"/>
<li>你认为超超是一个什么类型的人</li>
<input type="radio" name="a" checked/>邻家阳光大男孩
<input type="radio" name="a"/>直男
<input type="radio" name="a" />傻子
<br />
<li>你认为超超对待人生的态度是什么？</li>
<select>
<option>以乐观的心态直面人生</option>
<option>整天混日子</option>
<option>积极向上，生活有目标</option>
<option>三天打鱼，两天晒网</option>
</select>
<li>你有什么特别想对超超说的话吗？</li>
<input type="list" list="datalist"/>
<datalist id="datalist">
<option>超超加油！</option>
<option>你能别逗了吗？</option>
<option>无话可说</option>
</datalist>
</form>
</ol>
<li>大家辛苦了，谢谢大家</li>
</ol>
<a href="https:
www.taobao.com">大家填完了，应该很累，所以超超良心的推荐了淘宝（点击就打开哦）</a></body>
</html>
具体的用法，大家自己去推敲哦！
还是谢谢大家能看到这里，另外我就是一个新手小白，请大家不要喷我，谢谢！
HTML5制作网页（2）的更多相关文章
- 游戏2：HTML5制作网页游戏看看你有多色--createjs
效果: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...
- 游戏1：HTML5制作网页游戏围住神经猫--createjs
游戏简介:点击小圆圈,是蓝色的小圆圈不跑出圆圈外,跑出则结束游戏 准备工作: 下载easejs :下载地址:http://www.createjs.cc/easeljs 中文网站 效果: in ...
- [Mugeda HTML5技术教程之14]案例分析：制作网页游戏
本文档要分析的案例是一个爱消除的网页小游戏,从中可以体会一些Mugeda API的用法和使用Mugeda动画制作网页游戏的方法. (一)游戏规则: 1.开始游戏时,手机出现在最上面一行的任意一格: 2 ...
- Cleaver快速制作网页PPT
原文首发链接:http://www.jeffjade.com/2015/10/15/2015-10-16-cleaver-make-ppt/ 写在开始之前 互联网时代,以浏览器作为入口,已经有越来越多 ...
- 推荐几款制作网页滚动动画的 JavaScript 库
这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件.它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画.相信借助这些插件,你也可以 ...
- 15个前卫的 HTML5 & CSS3 网页设计作品
今天,我们编译收集一组使用 HTML5 和 CSS3 制作的精美网站.在此集合中,你可以看到平面设计,网页设计,作品集和企业网站设计实例. 响应式设计和基于 HTML5 & CSS3 编码的网 ...
- 【学习笔记】HTML基础：使用html制作网页
一.初识HTML 1.什么是HTML? Hyper Text Markup Language(超文本标记语言) 扩展XML:Extendsible Markup Language(可扩展性标记语言) ...
- 前端开发css实战：使用css制作网页中的多级菜单
前端开发css实战:使用css制作网页中的多级菜单 在日常工作中,大家都会遇到一些显示隐藏类菜单,比如页头导航.二维码显示隐藏.文本提示等等......而这些效果都是可以使用纯css实现的(而且非常简 ...
- 程序员用HTML5制作的爱心树表白动画
体验效果:http://keleyi.com/keleyi/phtml/html5/31.htm 推荐:http://hovertree.com/texiao/css3/18/ HTML代码如下: & ...
随机推荐
- 使用线程操作刷新Winform界面
主窗体中添加代码 public FrmMain() { InitializeComponent(); System.Threading.Thread thread = new System.Threa ...
- 微信POST请求接收不到数据问题
用微信的wx.request发送POST请求,发现返回结果总是“请填写正确的用户名及密码”.后台查看一下,发现没有获取到值.于是就去网上查了一下. wx.request post 的 content- ...
- HIbernate常见异常（转载）
SSH阶段常见的异常系列之一hibernate(15条) 异常一 异常一 异常描述: Sax解析异常:cvc-复杂的类型,发现了以元素maping开头的无效内容,应该是以 ‘{“http://www. ...
- 历史命令与实时记录(redhat6.8)
历史命令与实时记录(redhat6.8) linuxshell 2018年02月13日 10时58分53秒 参数 HISTTIMEFORMAT HISTSIZE HISTFILESIZE HISTFI ...
- react native第一天--------KnightRider
今天是2017年6月8,是我的项目react native-CRM(用户关系管理)的第一天,一早就配置了一上午Mac的环境,然后运行项目,在react-native init project的时候一直 ...
- Python爬虫开源项目代码，爬取微信、淘宝、豆瓣、知乎、新浪微博、QQ、去哪网等 代码整理
作者:SFLYQ 今天为大家整理了32个Python爬虫项目.整理的原因是,爬虫入门简单快速,也非常适合新入门的小伙伴培养信心.所有链接指向GitHub,祝大家玩的愉快 1.WechatSogou [ ...
- PAT B1023
PAT B1023 标签(空格分隔): PAT 解决方法:贪心法 #include <cstdio> int main() { int count[10]; for (int i = 0; ...
- 原型设计软件介绍——Axure RPx
我个人使用的是Axure RP8版本 进去后的主页面(汉化版),可以看到上方功能栏,缩放大小功能,左下角则是软件内置的一些元件 我在左边的元件库中拖入了一个矩形框,定义为640*960个像素,并把矩形 ...
- SpringMVC详细学习笔记
Spring MVC 1 spring MVC简介: Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面.Spring 框架提供了构 ...
- cocos图片的选择以及压缩
我们在使用cocos在windows平台下,运行速度很快很流畅,很强大,可是当我们打包成apk文件,在手机上运行的时候,流畅度很可能降低,甚至还有间歇性内存彪高. 游戏内存优化我们一般可以从这么3个方 ...