Html菜鸡大杂烩
| <!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 |
| <ins>+12 </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"/> |
| 密 码: <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"> % </td> |
| <td align="center"> + </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"> . </td> |
| <td align="center"> = </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菜鸡大杂烩的更多相关文章
- HDU 2064 菜鸡第一次写博客
果然集训就是学长学姐天天传授水铜的动态规划和搜索,今天讲DP由于困意加上面瘫学长"听不懂就是你不行"的呵呵传授,全程梦游.最后面对连入门都算不上的几道动态规划,我的内心一片宁静,甚 ...
- 菜鸡谈OO 第二单元总结
“欢迎来到(玄学)多线程的新世界” Homework1 单部傻瓜电梯调度 Part1 多线程设计策略 第一次学到了线程这个概念,与之前的编程体验大有不同.最大的区别在于从原本的线性发生程序变成了多个行 ...
- 菜鸡谈OO 第一单元总结
“OOP永远是我的好朋友爸爸!” ——来自某无能狂怒的菜鸡 身处在OO的第一个摸鱼黄金周中的我,感觉到了巨大的满足感.如果写博客这种充满意义的事情可以代替我们亲爱的作业,那么我提议每周来两个:)下面开 ...
- ACM菜鸡退役帖——ACM究竟给了我什么?
这个ACM退役帖,诸多原因(一言难尽...),终于决定在我大三下学期开始的时候写出来.下面说两个重要的原因. 其一是觉得菜鸡的ACM之旅没人会看的,但是新学期开始了,总结一下,只为了更好的出发吧. 其 ...
- 一个数学不好的菜鸡的快速沃尔什变换(FWT)学习笔记
一个数学不好的菜鸡的快速沃尔什变换(FWT)学习笔记 曾经某个下午我以为我会了FWT,结果现在一丁点也想不起来了--看来"学"完新东西不经常做题不写博客,就白学了 = = 我没啥智 ...
- $\rm{NOIP}$前的模拟题整理·菜鸡互啄篇
嗯,打算整理一下我们机房菜鸡互啄中比较不错的题-- 大概情况就是每个人出三道题,然后互测这种感觉-- 至于某些Y姓基佬.Z姓基佬偷偷出原题--就不说了233 嗯,剩下的就先\(magpie\)着吧23 ...
- 记录一下寄几个儿的greendao数据库升级,可以说是非常菜鸡了嗯
之前使用的greendao数据库存储服务器所有的历史推送消息,但是后来消息需要加几个新的字段 举个栗子,比如要新增红色框住的字段到数据库中: 本仙女作为一只思想成熟的菜鸡,当然是加了字段就赶紧重新往里 ...
- AFO NOI2018退役——菜鸡一直是菜鸡
游记DAY -INF连续几天的模拟让我确信我就是菜鸡.以及相信yxd,sjq,cyl神犇一定能够稳了. DAY 0报道,天很热热热热热热热热热. DAY 1开幕式,杜子德很热热热热热热热热热. DAY ...
- 渣渣菜鸡的 ElasticSearch 源码解析 —— 启动流程(下)
关注我 转载请务必注明原创地址为:http://www.54tianzhisheng.cn/2018/08/12/es-code03/ 前提 上篇文章写完了 ES 流程启动的一部分,main 方法都入 ...
随机推荐
- jQuery LigerUI V1.2.3 (包括API和全部源码) 发布
前言 这次版本主要是增加了Panel和Portal组件,并增加了一套皮肤,并解决了部分兼容性的问题,添加了几个功能点. 欢迎使用反馈. 相关链接 API: http://api.lig ...
- Spring(4)
Spring的Bean的配置形式 1.基于XML的形式(无需讲解) 2.基于注解的形式(需要引入AOP的jar包,此jar包实现了AOP的注解) 当在Spring配置文件中引入类扫描注解命名空间并且指 ...
- Xcode中的Version和Build的区别
Version( 应用程序发布版本号 ) Version对应的是CFBundleShortVersionString. Version 一般由产品部门确定,版本号是由分隔的整数组成的字符串,一般有2段 ...
- HTML元素隐藏和显示
在web前端开发过程中,经常会用到隐藏和显示元素的方法 总结:1.通过JS或Jquery控制 2.通过CSS样式控制 一.Js或jquery (jquery为例) 1.隐藏元素 使用 ...
- Fix the iOS code signing issue when using Jenkins
This week I setup the Jenkins on my Mac and try to build iOS applications. unfortunately I got the c ...
- Dom学习笔记
今天老师出了一道面试题目:取到表单里面的textbox的值,两种方法.知道一种,老师说的什么dom,我竟然不知道. 以前学html的时候,老师也重来没有提到dom的概念.javaScript只是学了一 ...
- 010-Scala单例对象、伴生对象实战详解
010-Scala单例对象.伴生对象实战详解 Scala单例对象详解 函数的最后一行是返回值 子项目 Scala伴生对象代码实战 object对象的私有成员可以直接被class伴生类访问,但是不可以被 ...
- HighChats图表控件显示精度小数点的方法
相信大家对highchats这个图表控件并不陌生,最近在项目中用到它,但是某些字段需要显示为小数点,顾查找资料文档发现下面两个方式可以实现: 初始化时候添加如下两个参数 tooltip:{ fo ...
- ldap + kerberos + google authentication 实现两步验证
第一步:ldap + kerberos 整合 ,参考之前的文章 第二步:google authentication 安装配置,参考之前的文章 第三步:整合 ldap + kerberos + goo ...
- JDBC代码示例
package test; import java.sql.Connection;import java.sql.DriverManager;import java.sql.ResultSet;imp ...