对于学习jsp来开发专业的动态网站，那么我们就先掌握静态网站的制作技术！那么HTML就是我们所必须了解的知识！因为最终的网站还是需要去给用户呈现它是是为“网页创建和其它可在浏览器中看到的信息”设计的一种语言！最新版本应该是HTML5，应该还处于完善阶段！这些历史性的就不说啦，我们只需要知道HTML——超级文本标记语言(全称HyperText Markup Language)！
那么下面我们就介绍一下HTML页面基本结构，就是一些主要由<tag>语言[</tag>]标示及一些文本内容组成的。这些标示也称为标签是用来分割和标记文本的元素，来形成文本布局、文字格式不同的各式各样的页面!
HTML基本结构：
<html>
<head>
...
</head>
<body>
...
</body>
</html>
这个就是html基本结构！如果大家需要只是编写HTML语言，记事本程序就可以！也可以使用类似EmEditor的软件来编写比较方便！基本结构熟悉之后，接下来就是一些标签的用法以及标签属性，大家把常用的一些知道最好自己编写一个页面什么！对了，提醒一下，大家可别以为标签一直是对称的有开始有结束，这是不一定的，这种对称的叫做双标签，还有一种是单标签，比如换行标签<br>、分隔线<hr>等，具体的得大家查一查呢！
下面是一个基本的注册页面的html源码以及效果图：
<html>
<head>
<title>register</title>
</head>
<body align = "center" bgcolor = "pink">
<h1 align = "Center">
<font color = "purple">
<b>用户注册界面</b>
</h1>
<hr size = "2" color = "green">
<center>
<table align = “center” width = "500" bgdcolor = "black">
<tr align = “left”>
<td >用户名</td>
<td><input name = "Username" type = "Text" /></td>
</tr>
<tr align = “center”>
<td align = “left”>密码</td>
<td><input name = "psd" type = "password"/></td>
</tr>
<tr align = “center”>
<td align = “left”>确认密码</td>
<td><input name = "REpsd" type = "password"/></td>
</tr>
<tr align = “center”>
<td align = “left”>用户类型</td>
<td>
<select>
<option value = "UserType">普通用户</option>
<option value = "UserType">超级用户</option>
<!--option value = "wahaha">wahaha</option-->
</select>
</td>
</tr>
<tr align = “center”>
<td align = “left”>性别</td>
<td><input name = "sex" type = "radio"/>男
<input name = "sex" type = "radio"/>女</td>
</tr>
<tr align = “center”>
<td align = “left”>兴趣爱好</td>
<td><input name = "hobby" type = "checkbox"/>篮球
<input name = "hobby" type = "checkbox"/>足球
<input name = "hobby" type = "checkbox"/>网球</td>
</tr>
<tr align = “center”>
<td align = “left”>电子邮件</td>
<td rospand = "2"><input name = "email" type = "text"/>
<select>
<option value = "UserType">@qq.com</option>
<option value = "UserType">@163.com</option>
<option value = "UserType">@126.com</option>
</select>
</td>
</tr>
<tr align = “center”>
<td align = “left”><strong>自我介绍</strong></td>
<td><textarea rows = "8" cols = "33" name = "introduction"></textarea></td>
</tr>
</table>
<p vehight = "bottom" align = "center"><font color = "Green" size = "1">
copyright @2015-2016 all rights reserved<a href = http://www.baidu.com>
<!--img src = "../baidu,png"-->
</a>
</p>
</body>
</html>
HTML注册界面
我这个审美观不是很好!具体的颜色搭配与布局，大家掌握后可以自己试试作出又没的界面！这样HTML基础的说明就到这里了，大家有问题可以评论，我们一起讨论！这个具体还是自己动手写一遍比较有感觉！对于后续的HTML5又增加了一些表单项大家自己去了解哈！
时间： 2024-10-07 00:54:09