<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. javascript:window.history.go(-1)

    history是你浏览过的网页的url(简单的说就是网址)的集合,也就是你的浏览器里的那个历史记录.它在js里是一个内置对象,就跟document一样,它有自己的方法,go就是其中一个. 这个方法的参 ...

  2. HW职责 (Hardware Engineer)

    硬件设计就是根据产品经理的需求PRS(Product Requirement Specification),在COGS(Cost of Goods Sale)的要求下,利用目前业界成熟的芯片方案或者技 ...

  3. JS总结 本地对象2 BOM DOM

    string对象 定义一个字符: var str = "world"; str.length    返回字符长度,5 str.charAt(2) 返回字符串第2个字符(从0开始,下 ...

  4. 字符串strcpy

    strcpy函数的表达方式: //把一个char组成的字符串循环右移n个,如:“abcdefghi",n=2,移动后"hiabcdefgh" #include <i ...

  5. win8设置保护眼睛的颜色

    win8下打开注册表编辑器(win键+R,即运行,输入regedit),依次双击打开HKEY_CURRENT_USER\Control Panel\Colors\,将Window的键值修改为204 2 ...

  6. Oracel查询根据部分字段去重复

    一般一个表的id是唯一的,如果除去id则会有重复数据,有时做项目时查询要求根据某几个字段去掉重复记录,并且查询保留id 以下是Oracel查询时根据部分字段去重复,例如,查询的字段包括id,Sys,C ...

  7. CSS Animation

    div { /* Chrome, Safari, Opera 等使用webkit引擎的浏览器*/ -webkit-animation-name: myfirst; /*规定 @keyframes 动画 ...

  8. opnet学习过程

    学习opnet有一段时间了,走了 不少弯路,现在,想总结一下,推荐给大家一个比较好的学习过程. 因为英语不太好,所以在开始学opnet时用了很多心思去找中文资料,比如说,一些文档.书.视频等.看文档和 ...

  9. angular ng-if scope权限问题

    今天在一个ng-if处理的div中处理一个scope,我一开始想要打印这个选中的值,但是一直打印的是为undefined,找了一会,原来是ng-if这个指令单独开了一个作用域,它只可以继承,不可以进行 ...

  10. CUDA ---共享存储器

    原文地址:http://www.cnblogs.com/1024incn/p/4605502.html shared memory在之前的博文有些介绍,这部分会专门讲解其内容.在global Memo ...