由于昨天晚上学校机房停电所以没什么可以玩的咯(我平时喜欢看别人的BLOG哈),闲着没事就把孙鑫老师的HTML视频讲座看完了,因为以后毕竟要做JAVA方面的WEB开发所以HTML也应该学一点,做了一些笔记今天拿出来分享,希望能为NEWBIE提供参考.
<html> <!--HTML格式的开头-->
<head>
<title> <!--这里是写整个HTML页面的标题-->>
This is my first page.
</title>
</head>
<body> <!--HTML文件体从这里开始描述-->>
<table border=1 align=center bgcolor=green> <!--表格的边框为1,居中对齐,背景颜色是为绿色-->>
<caption>Exam 2004</caption> <!--表格的标题-->
<tr align=center" valign=middle> <!--居中显示以下th里的内容-->
<th>Name</th>
<th>Computer</th>
<th>Math</th>
<th>English</th>
</tr>
<tr align=center valign=middle> <!--上面声明了表格下面就开始填写-->
<td>Shawn</td>
<td>89</td>
<td>77</td>
<td>78</td>
</tr>
<tr align=center valign=middle>
<td>Cayla</td>
<td>70</td>
<td>80</td>
<td>95</td>
</tr>
<tr align=center valign=middle>
<td>Ben</td>
<td>84</td>
<td>73</td>
<td>98</td>
</tr>
<tr align=center valign=middle>
<td>Steve</td>
<td>76</td>
<td>88</td>
<td>88</td>
</tr>
</table>
<center>
How you doing?yo~<br>
<b>Artist:Forminor</b>
<hr color=blue> <!--蓝色的长线-->
<b><i><font size=5 color=green>I do what I like,I like what I do.<br> <!--字体大小为5,颜色为绿色-->
Take what you need,need what you take.</i></b>
<!--This is a comment test!-->
</center>
<form method=get action=reg.jsp><!--向SERVER提交form有2种方式,get或者post,get会在URL后面附加显示提交内容,如果提交信息中有PASSWORD最好用post(这里的reg.jsp提交无效)-->
<table> <!--下面是用户填写的表单-->
<tr>
<td>UserName:</td>
<td><input type=text name=user value=guest size=30><br></td> <!--type的内容是text的话就是文字信息,默认值为guest-->
</tr>
<tr>
<td>Password:</td>
<td><input type=password name=pw><br></td>
</tr>
<tr>
<td>Gerder:</td>
<td>
<input type=radio name=sex value=0 checked>Male
<input type=radio name=sex value=1 checked>Female<br>
</td>
</tr>
<tr>
<td>Interest:</td>
<td>
<input type=checkbox name=interest value=game>Computer game
<input type=checkbox name=interest value=rugby>rugby
<input type=checkbox name=interest value=football>Amercia football
<input type=checkbox name=interest value=socker>Socker<br>
</td>
</tr>
<tr>
<td>Education:</td>
<td>
<select size=1 name=education>
<option value="" selected>...</option>
<option value="Middle">Middle School</option>
<option value="College">Bachelor</option>
<option value="University">Master</option>
<option value="University2">PHD</option>
</select><br>
</td>
</tr>
<tr>
<td valign=top>Resume:</td>
<td>
<textarea name=personal rows=5 cols=30>Peronal Resume</textarea>
</td>
</tr>
<tr>
<td><input type=reset></td>
<td>
<input type=submit value=register>
</td>
</tr>
</table>
</form>
<a href="http://www.citypw.net">Shawn's blog</a>
</body>
<dl type=square><font size=3 color=blue>
<dt>Shawn
<dd>Cayla's friend
<dt>Chris
<dd>Shawn's friend
</dl>
Copyright©CityPW
</html>
<html> <!--HTML格式的开头-->
<head>
<title> <!--这里是写整个HTML页面的标题-->>
This is my first page.
</title>
</head>
<body> <!--HTML文件体从这里开始描述-->>
<table border=1 align=center bgcolor=green> <!--表格的边框为1,居中对齐,背景颜色是为绿色-->>
<caption>Exam 2004</caption> <!--表格的标题-->
<tr align=center" valign=middle> <!--居中显示以下th里的内容-->
<th>Name</th>
<th>Computer</th>
<th>Math</th>
<th>English</th>
</tr>
<tr align=center valign=middle> <!--上面声明了表格下面就开始填写-->
<td>Shawn</td>
<td>89</td>
<td>77</td>
<td>78</td>
</tr>
<tr align=center valign=middle>
<td>Cayla</td>
<td>70</td>
<td>80</td>
<td>95</td>
</tr>
<tr align=center valign=middle>
<td>Ben</td>
<td>84</td>
<td>73</td>
<td>98</td>
</tr>
<tr align=center valign=middle>
<td>Steve</td>
<td>76</td>
<td>88</td>
<td>88</td>
</tr>
</table>
<center>
How you doing?yo~<br>
<b>Artist:Forminor</b>
<hr color=blue> <!--蓝色的长线-->
<b><i><font size=5 color=green>I do what I like,I like what I do.<br> <!--字体大小为5,颜色为绿色-->
Take what you need,need what you take.</i></b>
<!--This is a comment test!-->
</center>
<form method=get action=reg.jsp><!--向SERVER提交form有2种方式,get或者post,get会在URL后面附加显示提交内容,如果提交信息中有PASSWORD最好用post(这里的reg.jsp提交无效)-->
<table> <!--下面是用户填写的表单-->
<tr>
<td>UserName:</td>
<td><input type=text name=user value=guest size=30><br></td> <!--type的内容是text的话就是文字信息,默认值为guest-->
</tr>
<tr>
<td>Password:</td>
<td><input type=password name=pw><br></td>
</tr>
<tr>
<td>Gerder:</td>
<td>
<input type=radio name=sex value=0 checked>Male
<input type=radio name=sex value=1 checked>Female<br>
</td>
</tr>
<tr>
<td>Interest:</td>
<td>
<input type=checkbox name=interest value=game>Computer game
<input type=checkbox name=interest value=rugby>rugby
<input type=checkbox name=interest value=football>Amercia football
<input type=checkbox name=interest value=socker>Socker<br>
</td>
</tr>
<tr>
<td>Education:</td>
<td>
<select size=1 name=education>
<option value="" selected>...</option>
<option value="Middle">Middle School</option>
<option value="College">Bachelor</option>
<option value="University">Master</option>
<option value="University2">PHD</option>
</select><br>
</td>
</tr>
<tr>
<td valign=top>Resume:</td>
<td>
<textarea name=personal rows=5 cols=30>Peronal Resume</textarea>
</td>
</tr>
<tr>
<td><input type=reset></td>
<td>
<input type=submit value=register>
</td>
</tr>
</table>
</form>
<a href="http://www.citypw.net">Shawn's blog</a>
</body>
<dl type=square><font size=3 color=blue>
<dt>Shawn
<dd>Cayla's friend
<dt>Chris
<dd>Shawn's friend
</dl>
Copyright©CityPW
</html>