<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. undefined reference to `Spreadsheet::staticMetaObject'

    <C++ GUI Qt 4 编程>学习 一.遇到的问题 在学完第4章后,Spreasheet程序也已经写好了.在用 FindDialog 搜索时发现没有效果. 二.解决过程 调试跟踪代码, ...

  2. 程序内部让用户直接上appstore评价游戏的链接地址以及跳转方法

    NSString *str = [NSString stringWithFormat:@"itms-apps://ax.itunes.apple.com/WebObjects/MZStore ...

  3. 六大免费网站数据采集器对比(火车头,海纳,云采集,ET,三人行,狂人采集)

    2013年02月27日 PHP开源系统 暂无评论 阅读 497 views 次 在目前的站长圈内,比较流行的采集工具有很多,但是总结起来,比较出名的免费的就这么几个:火车头,海纳,云采集,ET,三人行 ...

  4. Android深度探索--HAL与驱动开发----第五章读书笔记

    第五章主要学习了搭建S3C6410开发板的测试环境.首先要了解到S3C6410是一款低功耗.高性价比的RISC处理器它是基于ARMI1内核,广泛应用于移动电话和通用处理等领域. 开发板从技术上说与我们 ...

  5. ibatis

    ibatis学习笔记(一)>>>>>>>sqlMapConfig.xml文件详解 1.sqlMapConfig.xml配置文件详解: Xml代码 1. < ...

  6. Uber优步宁波司机注册正式开始啦！ UBER宁波司机注册指南！

      自2012年Uber开始向全球进军以来,目前已进入全球56个国家和地区的市场,在全球超过270个城市提供服务, 而Uber公司的估值已高达412亿美元. [目前开通Uber优步叫车服务的中国城市] ...

  7. loadRunner录制脚本常见问题及解决方法

    1.是用IE9录制IE浏览器异常关闭 系统:win7 LR:11 浏览器:IE9 lr使用IE9录制脚本时,浏览器异常关闭且lr报the recording of the application wa ...

  8. GGXX的卡通渲染实现 真的好变态......

    最近在youtube上看了GDC,学了很多东西,最让我震撼的就是ggxx的卡通渲染了.感慨一下,想要用3D做出二次元的效果,真的不容易.现记录一些要点: 1)不要使用normal map来做cel-s ...

  9. Python Django 数据库操作

    1. 建立app 在自己的工程项目目录下输入: python manage.py startapp myapp(你想建立的app名称) 建立一个叫myapp的app 这样,在你的工程项目目录下会出现一 ...

  10. winform 自定义控件引用问题

    最近做了一个仿combobox的控件,与combobox类似,多了文字筛选的功能,如何实现在这里不再赘述.由于comboboxEx中用到了另一个用户控件,当生成dll,引用到项目中去时,发现工具栏中不 ...