javaweb

一.学习的内容
1.HTML技术(有八个标记,我选取自己比较重要代码写的)
(1)文本样式标记
(2)表格标记
(3)表单标记
(4)单标记和双标记
(5)文本控制与文本样式标记
(6)图像标记
(7)列表和超链接标记
(8)

标记
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>

效果图
javaweb_第1张图片
javaweb_第2张图片
javaweb_第3张图片
javaweb_第4张图片
javaweb_第5张图片javaweb_第6张图片

javaweb_第7张图片

你可能感兴趣的:(javaweb,javaweb,java,开发语言)