javaweb
一.学习的内容
1.HTML技术（有八个标记，我选取自己比较重要代码写的）
（1）文本样式标记
（2）表格标记
（3）表单标记
（4）单标记和双标记
（5）文本控制与文本样式标记
（6）图像标记
（7）列表和超链接标记
（8）
标记
2.CSS技术
（1）css样式的引用方式,3，内嵌式和链入式
3.JavaScript基础
JavaScript使用——事件处理
4.代码和效果图如下：
（1）
2.CSS技术
（1）css样式的引用方式,3，内嵌式和链入式
3.JavaScript基础
JavaScript使用——事件处理
4.代码和效果图如下：
（1）
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title heretitle>
head>
<body>
<table border="1">
<tr>
<td>姓名td>
<td>语文td>
<td>数学td>
<td>英语td>
tr>
<tr>
<td>itcasttd>
<td>95td>
<td>80td>
<td>90td>
tr>
body>
html>
（2）
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title heretitle>
head>
<body>
div>
<div id="divcontent" align="center">
<form action="registersuccess.html" method="post" onsubmit="return checkForm();">
<table width="850px" border="0" cellspacing="0">
<tr>
<td style="padding: 30px"><h1>新会员注册h1>
<table width="70%" border="0" cellspacing="2" class="upline">
<tr>
<td style="text-align: right; width: 20%">会员邮箱：td>
<td style="width: 40%">
<input type="text" class="textinput" id="email" name="email" onkeyup="checkEmail();"/>
td>
<td colspan="2"><span id="emailMsg">span><font color="#999999">请输入有效的邮箱地址font>td>
tr>
<tr>
<td style="text-align: right">会员名：td>
<td><input type="text" class="textinput" id="username" name="username" onkeyup="checkUsername();"/>
td>
<td colspan="2"><span id="usernameMsg">span><font color="#999999">字母数字下划线1到10位, 不能是数字开头font>td>
tr>
<tr>
<td style="text-align: right">密码：td>
<td><input type="password" class="textinput" id="password" name="password" onkeyup="checkPassword();"/>td>
<td><span id="passwordMsg">span><font color="#999999">密码请设置6-16位字符font>td>
tr>
<tr>
<td style="text-align: right">重复密码：td>
<td>
<input type="password" class="textinput" id="repassword" name="repassword" onkeyup="checkConfirm();"/>
td>
<td><span id="confirmMsg">span> td>
tr>
<tr>
<td style="text-align: right">性别：td>
<td colspan="2">
<input type="radio" name="gender" value="男" checked="checked" /> 男
<input type="radio" name="gender" value="女" /> 女
td>
<td> td>
tr>
<tr>
<td style="text-align: right">联系电话：td>
<td colspan="2">
<input type="text" class="textinput"
style="width: 350px" name="telephone" />
td>
<td> td>
tr>
<tr>
<td style="text-align: right">个人介绍：td>
<td colspan="2">
<textarea class="textarea" name="introduce">textarea>
td>
<td> td>
tr>
table>
<table width="70%" border="0" cellspacing="0">
<tr>
<td style="padding-top: 20px; text-align: center">
<input type="image" src="images/signup.gif" name="submit" border="0"/>
td>
tr>
table>
td>
tr>
table>
form>
div>
<div id="divfoot" align="center">
<table width="100%" border="0" cellspacing="0" >
<tr>
<td rowspan="2" style="width:10%">
<img src="images/logo.png" width="195" height="50"
style="margin-left:175px" />
td>
<td style="padding-top:5px; padding-left:50px">
<a href="#">
<font color="#747556"><b>CONTACT USb>font>
a>
td>
tr>
<tr>
<td style="padding-left:50px">
<font color="#CCCCCC">
<b>COPYRIGHT 2015 © BookStore All Rights RESERVED.b>
font>
td>
tr>
table>
div>
body>
html>
（3）
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title heretitle>
head>
<body>
我是默认样式的文本<br/>
<font face="微软雅黑" size="7" color="green"><br/>
我是七号绿色文本，字体是微软雅黑font>
font>
body>
html>
（4）
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">A
<style type="text/css">
h2{text-align:center;}
div{bored:8px solid red; width:300px;height:80px;color:blue;}
style>
head>
<body>
<h2>内嵌式css样式h2>
<div>
使用style标记可定义内嵌式css样式表，style标记一般位于head头部标记中，titl标记后div>
body>
html>
（5）
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>内嵌式title>
<script type="text/javascript">document.write("欢迎来到百度网页");
script>
head>
<body>
<br/>
学习JavaScript
body>
html>
（6）
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>外链式title>
<script type="text/javascript" src="js01.js">script>
head>
<body>
<br/>
学习JavaScript
body>
html>
（7）
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title heretitle>
head>
<body>
<input type="button" naame="btn" value="点我" onclick="alert('Hello');"/>
body>
html>
效果图
