现在的位置: 首页 > 综合 > 正文

JAVA WEB_HTML的初步(2)

2018年04月18日 ⁄ 综合 ⁄ 共 4940字 ⁄ 字号 评论关闭

1.利用表格及表单的相应知识,制作如下页面:


<html>
	<head><title>表单</title>
	<meta http-equiv="content-type" content="text/html;charset=gb2312">
	</head>
	<body>
		<form action="02.html" method="post">
        	<font face="Georgia, Times New Roman, Times, serif" size="6"><center>用户注册</center></font>
			<table width="750" align="center" border="2" bgcolor="#FFFF00">
				<tr>
					<td>用户名:</td>
					<td>
						<input type=text name="username"  size="30" maxlength="10">
					</td>
				</tr>
				<tr>
					<td>密    码:</td>
					<td>
						<input type=password name="pwd" size="15" maxlength="12">
					</td>
				</tr>
				<tr>
					<td>密码确认:</td>
					<td>
						<input type=password name="pwd2" size="15" maxlength="12">
					</td>
				</tr>
				
				<tr>
					<td>性    别:</td>
					<td>
						<input type=radio name="gender" value="male" checked>男
						<input type=radio name="gender" value="female">女
						
					</td>
				</tr>
				
				<tr>
					<td>爱    好:</td>
					<td>
						<input type="checkbox" name="interest" value="vc" checked>VC
						<input type="checkbox" name="interest" value="vb" checked>VB
						<input type="checkbox" name="interest" value="vfoxpro">VF
						<input type="checkbox" name="interest" value="vjava">VJ
						<br>
						<input type="checkbox" name="interest" value="bc">BC
						<input type="checkbox" name="interest" value="cobol">CO
						<input type="checkbox" name="interest" value="java">JA
						<input type="checkbox" name="interest" value="delphi">Delphi
					</td>
				</tr>
				
				<input type="hidden" name="interest" value="jsp">
				
				
				<tr>
					<td>您的学历:</td>
					<td>
						<select name="province">
							<option value=0>--请选择--</option>
							<option value=01>小学</option>
							<option value=02>初中</option>
							<option value=03>高中</option>
							<option value=04>本科</option>
							<option value=05>硕士</option>
							<option value=06>博士</option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td>您的简历</td>
					<td>
						<textarea rows="12" cols="80" name="intro" wrap="hard">请输入您的简历:</textarea>
					</td>
				</tr>
                
                <tr>
					<td>上传附件:</td>
					<td>
						<input id="File" name="UpLoadFile" type="file" /> 
					</td>
				</tr>
				
				<tr>
					<td colspan="2">
                    <center>
						<input type="submit" value="提交">
						<input type="reset" value="重置">
                        <br>
						<input type="button" value="ok">
                        <input type="image" src="1.png" width=30>
                    </center>
					</td>
				</tr>
				
			</table>
		</form>	
		<center>滔滔制作!</center>
	</body>
</html>

2.利用框架实现导航:自行编辑三个页面,实现如下的导航功能。


main.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>main</title>
</head>
    <frameset rows="20%,*">
        <frame name="top" src="Untitled-1.html" noresize>
        <frameset cols="20%,*">
            <frame name="left" src="Untitled-2.html" noresize>
            <frame name="right" src="1.html">
        </frameset>
    </frameset>
</html>

U1.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body bgcolor="#ff00ff">
	<font size="8" color="green">苏轼《卜算子 缺月挂疏桐》</font>
</body>

</html>

U2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body bgcolor="#345600">
		内容列表
        <br>
        <font color="#33FF00">
        <a href="1.html" target="right">条目一</a>
		<br>
		<a href="2.html" target="right">条目二</a>
		<br>
		<a href="3.html" target="right">条目三</a>
		<br>
        </font>
</body>
</html>

1.HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>


<body bgcolor="#FF9933">
    pageA<br> 
		<font color="#330066" size="3">
            卜算子(缺月挂疏桐)<br> 
                  北宋• 苏轼 <br> 
             
                    缺月挂疏桐,漏断人初静。<br> 
                    谁见幽人独往来?<br> 
                    缥缈孤鸿影。<br> 
                    惊起却回头,有恨无人省。<br> 
                    拣尽寒枝不肯栖,<br> 
                    寂寞沙洲冷。<br> 
        </font>
</body>
</html>

2.HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body bgcolor="#4F0330">
        <font size="+2" color="#66FF00">
        【注释】<br>
                [定惠院]在湖北黄冈县东南。[漏]古代盛水滴漏计时之器。漏断,漏壶水滴尽了,指时已深夜。[幽人]幽居之从,苏轼自谓。[飘渺]即缥渺,陷约、记远的样子。[省]明白。 <br>
        【译文】<br>
                残月高挂在稀疏的梧桐,滴漏声断了,人群开始安静。谁能见幽居人独自往来徘徊?唯有那缥渺高飞的孤雁的身影。<br>
        它突然惦起又回首匆匆,心里有恨却无人能懂。它拣遍了寒冷的树枝不肯栖息,却躲到寂寞的沙洲甘愿受苦。<br>
        </font>
</body>
</html>

3.HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body bgcolor="#00FFCC">
	<font color="#902055" size="+2">
〖评析〗<br> 
            这则佳话取材于宋人的《野客丛书》等著作。当代词学大师夏承焘先生认为此词是东坡在黄州所作,当时东坡因作诗讽刺新法被人弹劾,几乎丧命。因此词中借孤鸿不敢栖息高枝,而宁可呆在沙洲里,表现患难中的东坡“忧谗畏讥”的情绪。 <br>
            另据宋代袁文《瓮牖闲评》记载,谓此词作于“谪黄州,邻家一女子甚贤,每夕只在窗下听东坡读书。后其家欲议亲,女子云:‘须得读书如东坡者乃可。’竟无所谐而死.”袁文的曾祖曾在苏轼任杭州知州时同任通判,因此,这则记载可能是听家中祖辈所说,或许有一定的根据。真实情况到底如何,今天已很难弄清楚了。 <br>
            不过这首词在艺术上却历来受人称道。苏门四学士之一的黄庭坚在《跋东坡乐府》中说:“语意高妙,似非吃烟火食人语,非胸中有万卷书,笔下无一点尘俗气,孰能至此!”清陈廷焯也推崇说:“寓意高远,运笔空灵,措语忠厚,是坡仙独至处,美成、白石亦不能到也。”(《词则·大雅集》)这首词似在写人,又似在写鸿,似人非人,似鸿非鸿,人鸿一体,交融无间,这种物我一体审美境界的营造正是这首词成功的关键所在。读过这首词后,有谁能忘记那凄清、寂寥的疏桐月夜和孤独、满含幽愤的抒情主人公呢?
    </font>
</body>
</html>


抱歉!评论已关闭.