JAVA WEB_HTML的初步(2)

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>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值