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>
HTML注册界面

　　我这个审美观不是很好!具体的颜色搭配与布局，大家掌握后可以自己试试作出优美的界面！这样，HTML基础的说明就到这里了，大家有问题可以评论，我们一起讨论！这个具体还是自己动手写一遍比较有感觉！对于后续的HTML5又增加了一些表单项大家自己去了解哈！

 

 

posted @ 2015-06-13 09:29  ljj江江  阅读(619)  评论(0)  编辑  收藏  举报