<!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. html图片预览

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  2. jQuery中animate的height的自适应

    可以用 animate() 方法几乎可以操作大部分CSS 属性,但其属性的值不能为字符串,很多人都遇到过这个问题.   例如:获取一个元素自适应时的高,但el.animate({height:‘aut ...

  3. DLL 导出封装类

    首先使用Wizard创建一个Win32 Dynamic-Link Library工程,然后定义一个简单的C++类CInDLL.由于该类会被工程之外的文件所引用,所以需要对这个类进行引出.因为只有引出后 ...

  4. AliOS编译安装MyRocks

    MyRocks是facabook版将自主研发的MySQL分支,其源码位于为:https://github.com/facebook/mysql-5.6/ 首先需要安装以下: sudo yum inst ...

  5. suspend

    两个线程的run方法同时调用一个加了同步锁的方法,如果一个线程使用了suspend方法,那么会独占并且锁死这个同步方法,别的线程就永远没有办法进入这个线程了. 特别的是,在main方法中,调用一个线程 ...

  6. iOS 视频录制、压缩、上传

    项目中实现功能 视频的录制.压缩.上传 首先调用系统的相机或相册 iOS录制的视频是mov格式的,安卓和PC不支持,因此要转换成MP4,并且要压缩. 获取到视频或者照片,处理的方法 下面两个方法是获取 ...

  7. 黑马程序员——【Java高新技术】——案例：交通灯管理系统

    ---------- android培训.java培训.期待与您交流! ---------- 一.交通灯管理系统的项目需求 Ø 异步随机生成按照各个路线行驶的车辆 例如: 由南向而来去往北向的车辆 - ...

  8. Eclipse/JavaWeb （三）三大框架之Spring框架 持续更新中...

    (一)发展历史 现在我们有三个层了,可是每层之间的调用是怎样的呢?比如显示层的struts需要调用一个业务类,就需要new一个业务类出来,然后使用:业务层需要调用持久层的类,也需要new一个持久层类出 ...

  9. 手把手Maven搭建SpringMVC+Spring+MyBatis框架(超级详细版)

    手把手Maven搭建SpringMVC+Spring+MyBatis框架(超级详细版) SSM(Spring+SpringMVC+Mybatis),目前较为主流的企业级架构方案.标准的MVC设计模式, ...

  10. 浅谈js的事件冒泡机制

    很多人都听说过,js的事件冒泡机制,其实,这个说法还是比较生动形象的,就是一个水泡在水底下,冒泡到水面的过程. 那js的事件冒泡机制呢,就是一个DOM树,一级一级向上冒的过程,最终是到document ...