转载

jsp——学习篇：HTML基础

对于学习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>