1月11日，HTML学习笔记
<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学习笔记的更多相关文章
- 4月11日 python学习总结 对象与类
1.类的定义 #类的定义 class 类名: 属性='xxx' def __init__(self): self.name='enon' self.age=18 def other_func: pas ...
- 11月15日jquery学习笔记
1.属性 jQuery对象是类数组,拥有length属性和介于0~length-1之间的数值属性,可以用toArray()方法将jQuery对象转化为真实数组. selector属性是创建jQuery ...
- 6月11日 python学习总结 框架理论
Web框架本质及第一个Django实例 Web框架本质 我们可以这样理解:所有的Web应用本质上就是一个socket服务端,而用户的浏览器就是一个socket客户端. 这样我们就可以自己实现Web ...
- 10月9日Android学习笔记：活动与服务之间的通信
最近在照着<第一行代码>这本书来学安卓,顺便记下笔记.主要的内容是Android中服务的第二种启动方式,通过活动绑定服务来启动服务,实现活动与服务之间的通信. 一. 首先创建一个服务类 p ...
- 2015年10月22日CSS学习笔记
XHTML1.0对HTML4.0的改进 借鉴了XML的写法,语法更加严格. 把页面的内容和样式分离了,废弃了html4中的表示样式的标签和属性.推荐使用css来描述页面的样式. CSS样式的优先级 ! ...
- 2016年3月17日Android学习笔记
1.Java.io.ByteArrayOutputStream.writeTo()方法实例 java.io.ByteArrayOutputStream.writeTo(OutputStream out ...
- 2016年3月16日Android学习笔记
1.Jdk1.7以上switch语句中才能用字符串,在Android Studio中我改正了jdk的版本为1.8,但是还是出同样的错误,原来我用的sdk版本是4.4的,改成5的就没有问题了. 2.引入 ...
- 2016年3月12日Android学习笔记
1. //此句不能忘,否则onFling左右滑动不起作用 mLlExamView.setLongClickable(true); mLlExamView.setOnTouchListener(new ...
- 2016年3月11日Android学习日记
1.调试技巧:当一次调试过后,可以在App重新返回当前的状态,然后再调试,而不用再点击Android studio的Debug按钮. 参考:http://www.2cto.com/kf/201506/ ...
- 5月11日 python学习总结 子查询、pymysql模块增删改查、防止sql注入问题
一.子查询 子查询:把一个查询语句用括号括起来,当做另外一条查询语句的条件去用,称为子查询 select emp.name from emp inner join dep on emp.dep_id ...
随机推荐
- Android --AsyncTask异步任务（一）
1.为什么要异步任务 Android单线程模式 耗时操作放在非主线程(UI线程)中执行 我们都知道Android是单线程模式,只有主线程才能对UI操作,简称UI线程.当然这样的好处是:保证UI的稳定性 ...
- ubuntu安装谷歌输入法
1,sudo apt-get install fcitx-googlepinyin 2,在settings->Language Support里将keyboard input method sy ...
- eclipse创建maven管理Spark的scala
说明,由于spark是用scala写的.因此,不管是在看源码还是在写spark有关的代码的时候,都最好是用scala.那么作为一个程序员首先是必须要把手中的宝剑给磨砺了.那就是创建好编写scala的代 ...
- pyqt5
使用python爬虫需要使用webkit执行javascript,查找资料可使用pyqt5,在此记录下安装步骤 windows 安装pyqt5 操作webkit 可用版本 1. 下载python 3. ...
- REVERSE-DAILY(5)-rev2
比较有意思的一道题目 提示是一个迷宫 链接: http://pan.baidu.com/s/1pLhINBt 密码:91bs 先运行程序,要求是输入字符串,错误会输出"Sorry you ...
- codeforces 732D（二分）
题目链接:http://codeforces.com/contest/732/problem/D 题意:有m门需要过的课程,n天的时间可以选择复习.考试(如果的d[i]为0则只能复习),一门课至少要复 ...
- 使用Application对象简单完成网站总访问人数的统计
Global.asax文件: using System.IO; protected void Application_Start(object sender, EventArgs e) { Fil ...
- iOS 网络监测
iOS网络监测,监测单个页面写在ViewController里,监测全部写在AppDelegate中,而且不用终止 - (void)viewDidLoad { [super viewDidLoad]; ...
- maven打包不执行测试用例
在执行maven打包时不需要执行测试用例,使用如下2种方式实现:-DskipTests=true : 不执行测试用例,但编译测试用例类生成相应的class文件至target/test-classes下 ...
- 一次 surface pro 3 的售后保修 黑色三月维权（HSD）
已更新结束....原创 半根毛线 博文原址 http://www.cnblogs.com/hsd-/ 发现大量转载 转载请与作者联系 drizzle1996@outlook.com或注明转载 ---- ...