HTML基础学习笔记
2006-07-18 10:39
691 查看
由于昨天晚上学校机房停电所以没什么可以玩的咯(我平时喜欢看别人的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>
相关文章推荐
- html基础学习笔记
- 前端开发基础学习笔记html标签
- HTML5学习笔记二 HTML基础
- 学习HTML的基础小笔记^^
- HTML&CSS基础学习笔记1.24-input标签重置表单
- html+css学习笔记 [基础1]
- HTML&CSS基础学习笔记10-添加链接
- C#学习笔记8:HTML和CSS基础学习笔记
- HTML&CSS基础学习笔记1.24-input标签隐藏元素
- HTML&CSS基础学习笔记1.12-无序列表
- html学习笔记---表单基础一
- HTML&CSS基础学习笔记13—无序列表
- javascript 学习笔记 基础篇(2) HTML DOM
- 【慕课网】php工程师学习计划之我的学习笔记——01 入门必学web基础 htmlcss基础课程 篇
- HTML+CSS基础课程学习笔记-第二章 HTML标签
- HTML&CSS基础学习笔记1.32-选择器是什么
- 【嘉兴东臣php】HTML+CSS+JS基础学习笔记
- HTML学习笔记之CSS基础知识
- HTML学习笔记(1)-基础
- HTML&CSS基础学习笔记1.29-灵活地使用样式