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代码如下: & ...
随机推荐
- Unity中用Mono插件解析xml文件
1.解压压缩包,把文件夹拖到脚本文件夹下 Mono是第三方基金会开发的开源的东西,通过Mono基础上开发的程序可以在各个系统下运行.开发语言是C#. 用插件解析比较高效,平台运行稳定.使用简单. Un ...
- [数]青蛙的约会&Strange function
拓展欧几里得:求导&二分 POJ-1061 拓展欧几里得的应用,需要开long long 第一次做这个题的时候进行了毫无用处的找公式(?),是个现在的我看不懂的迷之思路. 第二发的时候还是不明 ...
- 使用vagrant构建你们团队的开发环境
vagrant可以让团队快速搭建统一的开发环境. 搭建vagrant你需要准备三个东西: 1.vagrant安装包 . 2.virtualbox安装包. 3.打包后的vagrant虚拟环境镜像 (ln ...
- 掩码图制作----c语言贴图
1.首先你得有一张图,比如这样的: 2.用PS打开他... 3.左边工具栏里(快速选择工具W),选想显示的部分 4.ctrl+c复制一下,新建一张黑底图粘贴上去或者白底图时选中显示区即花瓣右键反向右键 ...
- Server Tomcat v7.0 Server at localhost failed to start.解决办法
今天,导入maven项目时,报的错,因为之前没遇到过这个错,一时抓不到头绪,最后请技术大神帮忙解决.他首先看的eclipse的配置,是否与项目对应,在看看.seting 文件中的名称是否与项目名对应, ...
- centos7 下 安装部署nginx
centos7 下 安装部署nginx 1.nginx安装依赖于三个包,注意安装顺序 a.SSL功能需要openssl库,直接通过yum安装: #yum install openssl b.gzip模 ...
- UDP聊天工具的实现
利用TIdUDPClient; TIdUDPServer; 实现聊天,其实很不爽,没有解决中文乱码问题,以后补充吧! 代码如下: unit Unit1; interface uses ...
- UVa-156 Ananagrams(map映射)
#include <iostream> #include <algorithm> #include <cmath> #include <cstdio> ...
- linux发布环境初始化脚本
#参数配置 homeDir=$(pwd) tomcatDir=$homeDir/tomcat logDir=$homeDir/tomcat/logs backUpDir=$homeDir/backup ...
- Oracle学习DayOne（SQL初步）
一.DML.DDL.DCL SQL语句分为以下三种类型: DML: Data Manipulation Language 数据操纵语言DDL: Data Definition Language 数据定 ...