<!DOCTYPE html>
<html>
<head>
<title>information</title>
<style>
.div1{ /*类
background-color:#930;
font-size:15px;
float:center;
}
.div2{
background-color:#9d9d9d;
float:center;
}
.div3{
text-align:center;
}
</style>
<style type="text/css">
table,th,tr,td{ /* 分组选择
border:1px
solid #000;
text-align:center;
}
</style>
</head>
<body>
<h1 style="text-align: center">my computer</h1><!--标题居中-->
<hr/>
<h2>computer parts</h2>
<div align="center"><img src="http://p0.so.qhimgs1.com/bdr/_240_/t01ded85a9306759cc0.jpg"></div>
<div class="div3">i3-4130,<strong>gtx1050ti,</strong>120ssd,500gdisk,b85,thegreatwall350w,12gdrr3,24ipsaocviewingscreen
<address><a href="https://www.taobao.com/">(from taobao)</a></address><br/>
<blockquote>少年听雨歌楼上，<br/>红烛昏罗帐。<br/>壮年听雨客舟中，<br/>江阔云低，断雁叫西风。<br/></blockquote>
<pre>public class one{
public static void main(string[] args){
System.out.println("this is a code")
}
}
}; </pre></div><br/>
<hr/>
<h2>how to use the computer</h2>
<div class="div1">
<ol>
<li>play&bnsp;game</li>
<li>watching&bnsp;movie</li>
<li>searching&bnsp;information</li>
<li>study</li>
</ol>
</div>
<table summary="111">
<caption>computer use</caption>
<tbody>
<tr>
<th>game</th>
<th>movie</th>
<th>study</th>
</tr>
<tr>
<td>lol</td>
<td>rings-king</td>
<td>front-end</td>
</tr>
<tr>
<td>dnf</td>
<td>titanic</td>
<td>ui</td>
</tr>
</tbody>
</table><br/>
<hr/>
<h2>let's to take a survey</h2>
<form method="post" action="file.php">
</div><label><strong>name: </strong></label>
<input type="text" name="myname"><br/><br/>
<label><strong>password:</strong></label>
<input type="password" name="password"><br/><br/>
<label><strong>gender:</strong></label>
<label for="man">man</label>
<input type="radio" name="gender" value="nan" id="man">
<label for="women">women</label>
<input type="radio" name="gender" value="nv" id="women"><br/><br/>
<label><strong>university:</strong></label>
<select>
<option value="清华大学">清华大学</option>
<option value="北京大学">北京大学</option>
<option value="武汉大学">武汉大学</option>
<option value="复旦大学">复旦大学</option>
</select><br/><br/>
<label><strong>favourite</strong></label><br/><br/>
<select multiple="multiple">
<option value="game">game</option>
<option value="movie">movie</option>
<option value="music">music</option>
<option value="dance">dance</option>
<option value="van">van</option>
</select><br/><br/>
<label><strong>be good at</strong></label><br/><br/>
<input type="checkbox" value="1" name="basketball" id="basketball">
<label for="basketball">basketball</label><br/>
<input type="checkbox" value="2" name="soccer" id="soccer">
<label for="soccer">soccer</label><br/>
<input type="checkbox" value="3" name="pingpang" id="pingpang">
<label for="pingpang">pingpang</label><br/>
<input type="checkbox" value="4" name="yumao" id="yumao">
<label for="yumao">yumao</label><br/><br/>
<label><strong>leave a message</strong></label><br/><br/>
<textarea rows="10" cols="40"></textarea> <br/><br/>
<input type="submit" value="submit">
<input type="reset" value="reset">
<br/><br/>
<hr/>
</form>
</body>
</html>
html基础标签应用