<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<base target="_blank" />
<style type="text/css">
h1, h2 {
color: #ff0000;
}
p {
text-align: center;
color: rgb(250,0,0);
}
body {
font-family: Times, "Times New Roman", serif;
background-image: url("/images/w3school.gif");
background-repeat: no-repeat;
background-position: top center;
background-position: 50% 0%;
background-attachment: fixed;
}
</style>
</head>
<body>
<h1 style="font-family:Verdana" align="left">
This is a heading
</h1>
<h2 style="font-family:Verdana" align="left">
This is an another heading
</h2><hr />
<p style="font-size:100%;background-color: gray; padding: 20px;">
This is a paragraph.<br />
3>2
2<3
<del>二十</del>
<ins>十二</ins>
<b>你好</b>
<big>你好</big>
<small>你好</small>
<i>你好</i>
<sup>你好</sup>
<sub>你好</sub>
</p>
<!--这里的注释不会显示出来-->
<pre>
它保留了 空格
和换行。
</pre>
<table border="1" frame="above" width="100%" cellpadding="10" cellspacing="10" bgcolor="#ecb441">
<caption>我的标题</caption>
<tr>
<th rowspan="2">第一组</th>
<th colspan="2" align="left">第二组</th>
<th>100</th>
</tr>
<tr>
<td bgcolor="rgb(0%,50%,50%);">
<p>这是一个段落</p>
</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td width="30%">
<ul type="square">
<li>苹果</li>
<li>香蕉</li>
<li>菠萝</li>
</ul>
</td>
<td width="30%">
<ol type="A">
<li>苹果</li>
<li>香蕉</li>
<li>菠萝</li>
</ol>
</td>
<td width="40%">600</td>
</tr>
<tr>
<td>700</td>
<td>800</td>
<td> </td>
</tr>
</table>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
<fieldset>
<legend>个人信息:</legend>
<form action="http://localhost:57699/Default.aspx" method="get">
名:
<input type="text" size="100" value="333" maxlength="5" name="firstname" readonly="readonly" />
<label for="name">姓:</label>
<input id="name" type="text" value="" name="lastname" />
密码:
<input type="password" name="password" />
<input type="submit" value="Hello world!" />
<br />
<input type="button" value="Button" /><br />
<input type="radio" name="A" value="male" /> Male
<br />
<input type="radio" name="A" value="female" /> Female
<br />
<input type="radio" name="A" value="" /> 保密
<br />
<input type="checkbox" checked="checked" name="bike" />
I have a bike
<br />
<input type="checkbox" name="car" />
I have a car
<br />
<input type="file" /><br />
<select name="cars" size="1" multiple="multiple">
<option value="1">Volvo</option>
<option value="2">Saab</option>
<option selected="selected" value="3">Fiat</option>
<option value="4">Audi</option>
</select>
<select name="country" size="1">
<optgroup label="Africa">
<option value="">Gambia</option>
<option value="">Magada</option>
</optgroup>
<optgroup label="Europe">
<option value="">France</option>
<option value="">UK</option>
</optgroup>
<optgroup label="North America">
<option value="">Canada</option>
<option value="">USA</option>
</optgroup>
</select>
<textarea rows="2" cols="2">默认值</textarea>
</form><br />
</fieldset>
<a href="http://www.w3school.com.cn#tips" target="_blank" style="text-decoration:none">
This is a link.
</a>
<img src="/w3school.gif" alt="not display" title="test" width="104" height="142" />
<address>
Donald Duck<br />
BOX 555
</address>
<bdo dir="rtl">
abcde
</bdo>
<!--长的引用,插入换行-->
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>
<script type="text/javascript">
document.write("I love u!")
</script>
</body>
</html>