<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>菜鸡大杂烩</title>
</head>
<body>
<p>注册帐号</p>
<hr/>
<form>
邮箱帐号
<input type="text"/>
<select name="" id="">
<option value=""selected>@qq.com</option>
<option value="">@sina.com</option>
</select>
<br><br>
昵称
<input type="text"/>
<br/><br/>
密码
<input type="password"/>
<br/><br/>
 
确认密码
<input type="password"/>
<br/><br/>
性别
<input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女
<br/><br/>
生日
<select name="" id="">
<option value="">公历</option>
<option value="">农历</option>
</select>
<input type="date"/>
<br/><br/>
所在地
<select name="" id="">
<option value="" selected>中国</option>
<option value="">英国</option>
</select>
<select name="" id="">
<option value="" selected>四川</option>
<option value="">河南</option>
</select>
<select name="" id="">
<option value="">成都</option>
<option value="">绵阳</option>
</select>
<br/><br/>
验证码
<input type="text"/>
<br/><br/>
手机号码
<input type="number"/>
<br/><br/>
<input type="text"/>
<input type="submit" name="获取短信验证码"/>
</form>
<a name="dingbu"></a>
<p>
如果要在网页上放置一个超级链接，当点击超级链接时。
</p>
<img src="苹果.jpg" alt=""/>
<pre>
33
&nbsp;<ins>+12&nbsp;</ins>
45
</pre>
<strong>
是的，没问题
</strong>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
a标签的内联框架
<br/>
<a href="in.html" target="main">
<br/>在此打开帐号注册</a>
<iframe src="" width="600" height="300" scrolling="auto"
frameborder="1" name="main"></iframe>
<form >
<label for="Username">用户名</label>:
<input type="text"/>
密&nbsp;&nbsp;&nbsp;&nbsp;码: <input type="password"/>
<br/>
<input type="submit" name="登录"/>
<input type="reset" name="重置"/>
</form>
<br/>
<table border="1">
<th colspan="3">数字表格</th>
<tr>
<td colspan="2">1</td>
<td rowspan="2">3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
</tr>
</table>
<br/>
<a href="#dingbu">回到顶部</a>
<form >
<table border="1">
<th align="right" colspan="4">
123
</th>
<tr>
<td align="center">AC</td>
<td align="center">off</td>
<td align="center">&nbsp;%&nbsp;</td>
<td align="center">&nbsp;+&nbsp;</td>
</tr>
<tr>
<td align="center">1</td>
<td align="center">2</td>
<td align="center">3</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">4</td>
<td align="center">5</td>
<td align="center">6</td>
<td align="center">*</td>
</tr>
<tr>
<td align="center">7</td>
<td align="center">8</td>
<td align="center">9</td>
<td align="center">/</td>
</tr>
<tr>
<td align="center" colspan="2">0</td>
<td align="center">&nbsp;.&nbsp;</td>
<td align="center">&nbsp;=&nbsp;</td>
</tr>
</table>
</form>

                                 菜鸡HTML应用

<p><p style="color: sandybrown">love means </p><!--无序列表示列-->

<ul>
<li><p style="color: sandybrown">responsibility</li>
<li><p style="color: sandybrown">trust</li>
<li><p style="color: sandybrown">care</li>
</ul>
<p><p style="color: sandybrown">love means </p><!--有序列表示列-->
<ol>
<li><p style="color: sandybrown">responsibility</li>
<li><p style="color: sandybrown">trust</li>
<li><p style="color: sandybrown">care</li>
</ol>
菜单 <select name="" id="">
<option value="">回锅肉</option>
<option value="">酱肉丝</option>
<br/>
</select>
心情记录，记录每天的好心情
<input type="textarea"/>
<fieldset>
<legend>health information</legend>
height: <input type="text" />
weight: <input type="text" />
</fieldset>
生日：<input type="date"/>
分数：<input type="range" min="0" max="100"/>
</div>

 

Html菜鸡大杂烩的更多相关文章

  1. HDU 2064 菜鸡第一次写博客

    果然集训就是学长学姐天天传授水铜的动态规划和搜索,今天讲DP由于困意加上面瘫学长"听不懂就是你不行"的呵呵传授,全程梦游.最后面对连入门都算不上的几道动态规划,我的内心一片宁静,甚 ...

  2. 菜鸡谈OO 第二单元总结

    “欢迎来到(玄学)多线程的新世界” Homework1 单部傻瓜电梯调度 Part1 多线程设计策略 第一次学到了线程这个概念,与之前的编程体验大有不同.最大的区别在于从原本的线性发生程序变成了多个行 ...

  3. 菜鸡谈OO 第一单元总结

    “OOP永远是我的好朋友爸爸!” ——来自某无能狂怒的菜鸡 身处在OO的第一个摸鱼黄金周中的我,感觉到了巨大的满足感.如果写博客这种充满意义的事情可以代替我们亲爱的作业,那么我提议每周来两个:)下面开 ...

  4. ACM菜鸡退役帖——ACM究竟给了我什么？

    这个ACM退役帖,诸多原因(一言难尽...),终于决定在我大三下学期开始的时候写出来.下面说两个重要的原因. 其一是觉得菜鸡的ACM之旅没人会看的,但是新学期开始了,总结一下,只为了更好的出发吧. 其 ...

  5. 一个数学不好的菜鸡的快速沃尔什变换(FWT)学习笔记

    一个数学不好的菜鸡的快速沃尔什变换(FWT)学习笔记 曾经某个下午我以为我会了FWT,结果现在一丁点也想不起来了--看来"学"完新东西不经常做题不写博客,就白学了 = = 我没啥智 ...

  6. $\rm{NOIP}$前的模拟题整理·菜鸡互啄篇

    嗯,打算整理一下我们机房菜鸡互啄中比较不错的题-- 大概情况就是每个人出三道题,然后互测这种感觉-- 至于某些Y姓基佬.Z姓基佬偷偷出原题--就不说了233 嗯,剩下的就先\(magpie\)着吧23 ...

  7. 记录一下寄几个儿的greendao数据库升级，可以说是非常菜鸡了嗯

    之前使用的greendao数据库存储服务器所有的历史推送消息,但是后来消息需要加几个新的字段 举个栗子,比如要新增红色框住的字段到数据库中: 本仙女作为一只思想成熟的菜鸡,当然是加了字段就赶紧重新往里 ...

  8. AFO NOI2018退役——菜鸡一直是菜鸡

    游记DAY -INF连续几天的模拟让我确信我就是菜鸡.以及相信yxd,sjq,cyl神犇一定能够稳了. DAY 0报道,天很热热热热热热热热热. DAY 1开幕式,杜子德很热热热热热热热热热. DAY ...

  9. 渣渣菜鸡的 ElasticSearch 源码解析 —— 启动流程（下）

    关注我 转载请务必注明原创地址为:http://www.54tianzhisheng.cn/2018/08/12/es-code03/ 前提 上篇文章写完了 ES 流程启动的一部分,main 方法都入 ...

随机推荐

  1. 封装获取dom元素

    <script> //函数: 反复执行的代码块 //全局只有一个对象,防止全局变量污染 var itcast = { getElen : { tag : function(tag){ re ...

  2. doctype声明的重要性-------这绝对是ie的坑, 与angular无关, 我错怪你啦

    今天开发一个页面,  自己写页面, 自己实现功能. 因为以往需求都没有要求兼容ie9, 所以并未发现此坑. 今天就记录下来. 贴图对比 ie9 chrome 如图, ie9界面显示错误. 起初以为是a ...

  3. ubuntu的一些操作

    1.修改ubuntu的grub启动选择菜单 需要修改到文件为 /boot/grub/grub.cfg 命令: sudo gedit /boot/grub/grub.cfg 修改默认启动项:set de ...

  4. javascript页面加载完执行事件

    <script type="text/javascript" language="JavaScript"> //: 判断网页是否加载完成 docum ...

  5. 在Win7 64位操作系统下安装Oracle 10g

    参见网址http://www.cnblogs.com/newstar/archive/2010/12/01/1878026.html 1.下载安装程序,可以到这个网址去下载 http://www.or ...

  6. tomcat+nginx简单实现负载均衡

    1.环境准备 在前面的博客中我已经安装好nginx和一台tomcat了.现在就在加一台tomcat tomcat1:  /apps/tomcat/tomcat1/apache-tomcat-7.0.6 ...

  7. 关于linq to sql类线程同步问题

    例如,下面一段代码,当两个线程同时访问时会出现各种由于线程不同步而导致的问题,比如什么DataReader已打开未关闭啊,已经添加了重复的键啊等等. /// <summary> /// 当 ...

  8. Java第六次作业修改版

    import java.util.ArrayList; import java.util.Collections; import java.util.Random; public class Draw ...

  9. Spring3.0 与 MyBatis框架 整合小实例

    本文将在Eclipse开发环境下,采用Spring MVC + Spring + MyBatis + Maven + Log4J 框架搭建一个Java web 项目. 1. 环境准备: 1.1 创建数 ...

  10. Spark源码学习1.7——Master.scala

    master第一步是加载系统定义的环境变量,如worker的超时时间.系统保留的Application数目等:第二步,加载worker的信 息,地址.id等:第三步,加载Application的信息, ...