<ul>

     <li>coffee</li>

     <li>tea</li>

     <li>mile</li>

 </ul>

 <ol>

     <li>coffee</li>

     <li>tea</li>

     <li>milk</li>

 <ol start="99">

     <li>coffee</li>

     <li>mile</li>

     <li>tea</li>

 </ol>

 <di>

     <dt>coffee</dt>

         <dd>black hot drink</dd>

     <dt>milk</dt>

         <dd>white cold drink</dd>

 </dl>

 <ul type="disc">

     <li>apple</li>

     <li>banana</li>

     <li>lemon</li>

     <li>orange</li>

 </ul>

 <ul type="circle">

     <li>apple</li>

     <li>banana</li>

     <li>lemon</li>

     <li>orange</li>

 </ul>

 <ul type="square">

     <li>apple</li>

     <li>banana</li>

     <li>lemon</li>

     <li>orange</li>

 </ul>

 <!DOCTYPE html>

 <html>

 <head>

 <style type="text/css">

 div#container {width:500px}

 div#header {background-color:#99bbbb;}

 div#menu {background-color:#ffff99; height:200px; width:100px; float:left;}

 div#content {background-color:#EEEEEE; height:200px; width:400px; float:left;}

 div#footer {background-color:#99bbbb; clear:both; text-align:center;}

 h1 {margin-bottom:0;}

 h2 {margin-bottom:0; font-size:14px;}

 u1 {margin:0;}

 li {list-style:none;}

 </style>

 </head>

 <body>

 <div id="container">

 <div id="header">

 <h1>Main Title of Web Page</h1>

 </div>

 <div id="menu">

 <h2>Menu</h2>

 <u1>

 <li>HTML</li>

 <li>CSS</li>

 <li>JavaScript</li>

 </ul>

 </div>

 <div id="content>Content goes here</div>

 <div id="footer>Copyright W3School.com.cn</div>

 </div>

 </body>

 </html>

 <h4>number list</h4>

 <ol>

     <li>apple</li>

     <i>banana</li>

     <li>lemon</li>

     <li>orange</li>

 </ol>

 <ol type="A">

     <li>apple</li>

     <li>banana</li>

     <li>lemon</li>

     <li>orange</li>

 </ol>

 <ol type="a">

     <li>apple</li>

     <li>banana</li>

     <li>lemon</li>

     <li>orange</li>

 </ol>

 <h4>罗马字母列表</h4>

 <ol type="I">

     <li>apple</li>

     <li>banana</li>

     <li>lemon</li>

     <li>orange</li>

 </ol>

 <h4>小写罗马字母列表</h4>

 <ol type="i">

     <li>apple</li>

     <li>banana</li>

     <li>lemon</li>

     <li>orange</li>

 </ol>

 <ul>

     <li>coffee</li>

     <li>tea

         <ul>

             <li>red tea</li>

             <li>green tea</li>

         </ul>

     </li>

     <li>milk</li>

 </ul>

 <ul>

     <li>coffee</li>

     <li>tea

         <ul>

             <li>red tea</li>

             <li>greeen tea

                 <ul>

                     <li>china tea</li>

                     <li>afcari tea</li>

                 </ul>

             </li>

         </ul>

     </li>

     <li>milk</li>

 </ul>

 <dl>

     <dt>计算机</dt>

         <dd>用来计算的仪器</dd>

     <dt>显示器</dt>

         <dd>以视觉方式显示信息的装置</dd>

 </dl>

 <!DOCTYPE html>

 <html>

 <body>

 <table width="500" border="0">

     <tr>

         <td colspan="2" style="background-color:#99bbb;">

             <h1>Main Title of Web Page</h1>

         </td>

     </tr>

     <tr valign="top">

         <td style="background-color:#ffffgg; width:100px; text-align:top;">

             <b>Menu</b><br/>

             HTMl<br/>

             CSS<br/>

             JavaScript

         </td>

         <td style="background-color:#EEEEEE; height:200px; width:400px; text-align=top;">

             Content goes here

         </td>

     </tr>

     <tr>

         <td colspan="2" style="background-color:#99bbb; text-align:center;">

             Copyright W3School.con.cn

         </td>

     </tr>

 </table>

 </body>

 </html>

 <form>

     first name: <input type="text"><br/>

     last name: <input type="text">

 </form>

 <form>

 用户：<input type="text" name="user"><br/>

 密码：<input type="password" name="password">

 </form>

 <form>

 I like bikes:<input type="checkbox" name="bike">

 I like cars:<input type="checkbox" name="car">

 </form>

 <form>

 man:<input type="radio" name="sex" value="male"/><br/>

 woman:<input type="radio" name="sex" calue="female"/>

 </form>

 <form>

 <select name="cars">

 <option value="volvo">Volvo</option>

 <option value="saab">Saab</option>

 <option value="fiat">Fiat</option>

 <option value="audi">Audi</option>

 </select>

 </form>

 <form>

 <select name="cars">

 <option value="volvo">Volvo</option>

 <option value="saab">Saab</option>

 <option value="fiat" selected="selected">Fiat</option>

 <option value="audi">Audi</option>

 </select>

 </form>

 <textarea row="10" cols="30">

 The cat was playing in the garden.

 </textarea>

 <form>

 <input type="button" value="hello world!"/>

 </form>

 <form>

     <fieldset>

         <legend>healthy statement</legend>

         height:<input type="text"/>

         weight<input type="text"/>

         </legend>

     <fieldset>

 </form>

 <form action="/example/html/form_action.asp" method="get">

     <p>First name:<input type="text" name="fname"/></p>

     <p>Last name:<input type="text" name="lname"/></p>

     <input type="submit" value="Submit"/>

 </form>

 <form name="input" action="/html/html_form_action.asp" method="get">

 I have a bike:<input type="checkbox" name="vehicle" value="Bike" checked="checked"/><br/>

 I have a car:<input type="checkbox" name="vehicle" value="Car"/><br/>

 I have an airplane:<input type="checkbox" name="vehicle" value="Airplane"/><br/>

 <br/>

 <input type="submit" value="Submit"/>

 </form>

 <form name="input" action="/html/html_form_action.asp" method="get">

 Male:<input type="radio" name="Sex" value="Male" checked="checked"/><br/>

 Female:<input type="radio" name="Sex" value="Female"/><br/>

 <input type="submit" value="Submit"/>

 </form>

 <form action="MAILTO:someone@w3school.com.cn" method="post" enctype="text/plain">

 <h3>这个表单会把电子邮件发送到W3School</h3>

 姓名：<br/>

 <input type="text" name="name" value="yourname" size="20"/>

 <br/>

 电邮：<br/>

 <input type="text" name="mall" value="yourmail" size="20"/>

 <br/>

 内容：<br/>

 <input type="text" name="comment" value="yourcomment" size="40"/>

 <br/>

 <br/>

 <input type="submit" value="发送"/>

 <input type="reset" value="重置"/>

 </form>

 <html>

 <frameset cols="25%,50%,25%">

     <frame src="/example/html/frame_a.html">

     <frame src="/example/html/frame_b.html">

     <frame src="/example/html/frame_c.html">

 </frameset>

 </html>

 <html>

 <frameset rows="25%,50%,25%">

     <frame src="http://wwww.taobao.com/">

     <frame src="http://www.baidu.com/">

     <frame src="http://www.qq.com/">

 </frameset>

 </html>

 <frameset cols="25%,50%,25%">

     <frame src="/example/html/frame_a.html"/>

     <frame src="/example/html/frame_b.html"/>

     <frame src="/example/html/frame_c/html"/>

 <noframes>

 <body>您的浏览器无法处理框架！</body>

 </noframes>

 </frameset>

 <html>

 <frameset rows="50%,50%"

     <frame src="http://www.qq.com/"/>

     <frameset cols="25%,75%">

         <frame src="http://www.baidu.com/"/>

         <frame src="http://www.taobao.com/"/>

     </frameset>

 </frameset>

 </html>

 <html>

 <frameset cols="50%,*,25%">

     <frame src="example/frame_a.html" noresize="noresize"/>

     <frame src="example/frame_b.html"/>

     <frame src="example/frame_c.html"/>

 </frameset>

 </html>

 <frameset cols="120,*">

     <frame src="/example/html/html_contents.html"/>

     <frame src="example/html/frame_a.html" name="showframe"/>

 </frameset>

 <html>

 <body>

 <iframe src="/i/eg_landscape.jpg"></iframe>

 </body>

 </html>

 <frameset cols="20%,80%">

     <frame src="/example/html/frame_a.html"/>

     <frame src="/example/html/link.html#c10"/>

 </frameset>

 <frameset cols="180,*">

     <frame src="/example/html/content.html"/>

     <frame src="/example/html/link.html" name="showframe"/>

 </frameset>

 <iframe src="/example/html/demo_iframe.html" width="200" height="280"></iframe>

 <iframe src="/example/html/demo_iframe.html" frameborder="0"></iframe>

 <iframe src=".example/html/demo_iframe.html" name="iframe_a"></iframe>

 <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

1月11日，HTML学习笔记的更多相关文章

  1. 4月11日 python学习总结 对象与类

    1.类的定义 #类的定义 class 类名: 属性='xxx' def __init__(self): self.name='enon' self.age=18 def other_func: pas ...

  2. 11月15日jquery学习笔记

    1.属性 jQuery对象是类数组,拥有length属性和介于0~length-1之间的数值属性,可以用toArray()方法将jQuery对象转化为真实数组. selector属性是创建jQuery ...

  3. 6月11日 python学习总结 框架理论

    Web框架本质及第一个Django实例   Web框架本质 我们可以这样理解:所有的Web应用本质上就是一个socket服务端,而用户的浏览器就是一个socket客户端. 这样我们就可以自己实现Web ...

  4. 10月9日Android学习笔记：活动与服务之间的通信

    最近在照着<第一行代码>这本书来学安卓,顺便记下笔记.主要的内容是Android中服务的第二种启动方式,通过活动绑定服务来启动服务,实现活动与服务之间的通信. 一. 首先创建一个服务类 p ...

  5. 2015年10月22日CSS学习笔记

    XHTML1.0对HTML4.0的改进 借鉴了XML的写法,语法更加严格. 把页面的内容和样式分离了,废弃了html4中的表示样式的标签和属性.推荐使用css来描述页面的样式. CSS样式的优先级 ! ...

  6. 2016年3月17日Android学习笔记

    1.Java.io.ByteArrayOutputStream.writeTo()方法实例 java.io.ByteArrayOutputStream.writeTo(OutputStream out ...

  7. 2016年3月16日Android学习笔记

    1.Jdk1.7以上switch语句中才能用字符串,在Android Studio中我改正了jdk的版本为1.8,但是还是出同样的错误,原来我用的sdk版本是4.4的,改成5的就没有问题了. 2.引入 ...

  8. 2016年3月12日Android学习笔记

    1. //此句不能忘,否则onFling左右滑动不起作用 mLlExamView.setLongClickable(true); mLlExamView.setOnTouchListener(new ...

  9. 2016年3月11日Android学习日记

    1.调试技巧:当一次调试过后,可以在App重新返回当前的状态,然后再调试,而不用再点击Android studio的Debug按钮. 参考:http://www.2cto.com/kf/201506/ ...

  10. 5月11日 python学习总结 子查询、pymysql模块增删改查、防止sql注入问题

    一.子查询 子查询:把一个查询语句用括号括起来,当做另外一条查询语句的条件去用,称为子查询 select emp.name from emp inner join dep on emp.dep_id ...

随机推荐

  1. 使用FWTools来导入shp数据到mysql

    使用FWTools来导入shp数据到mysql 参考地址 http://forums.mysql.com/read.php?23,122827,206841 软件下载链接 http://fwtools ...

  2. 软件测试第四周--关于int.parse()的类型转换问题

    先来归纳一下我们用过的所有类型转换方法: 1. 隐式类型转换,即使用(int) 直接进行强制类型转换.这种方法的优点是简单粗暴,直接指定转换类型,没有任何保护措施,所以也很容易抛出异常导致程序崩溃.当 ...

  3. AFNetworking之缓存篇

    苦苦看了我两天,最近后台为了减轻压力,要我做缓存,我说好吧...... 借鉴了别人的说法找到一张图可以看明白好多:       这个是我比较战成一种方案. 好了直接上代码了 首先我们要有自己缓存的类 ...

  4. 《java集合概述》

    JAVA集合概述: Collection: |---List有序的:通过索引就可以精确的操作集合中的元素.元素是可以重复的. List提供了增删改查的动作. 增加add(element) add(in ...

  5. ASP.NET 中HTML和Form辅助方法

    Form辅助方法 Form最重要的属性就是action和method,action指明form中的数据被提交到哪里,method指明用什么方法,默认为GET,下面是一个简单的例子: <form ...

  6. centos6.4下面安装postgresql以及客户端远程连接

    一.安装 centos6.4服务器IP:192.168.220.131 window7客户端IP:192.168.199.218 在centos官网http://www.postgresql.org/ ...

  7. 将IIS6.0中的某页设置成首页

  8. centos6.3安装MySQL 5.6（转）

    1.下载地址:http://dev.mysql.com/downloads/mysql/5.6.html#downloads 选择“Source Code”, 用已经注册好的oracle账户登录后才能 ...

  9. Android斗地主棋牌游戏牌桌实现源码下载

    本次给大家分享下Android斗地主棋牌游戏牌桌实现源码下载如下: 为了节约内存资源,每张扑克牌都是剪切形成的,当然这也是当前编程的主流方法. 1.主Activity package com.biso ...

  10. spring结合quartz的定时的2种方式

    1. Spring 的org.springframework.scheduling.quartz.MethodInvokingJobDetailFactoryBean类,使用此方法使开发人员对Quar ...