javaEE1（html练习：网站第二章静态网页设计课后习题1：html练习）

全都通过

已于 2024-03-11 08:56:17 修改

阅读量328

点赞数 1

分类专栏： javaEE 文章标签： java html java-ee

于 2022-09-06 15:50:22 首次发布

本文链接：https://blog.csdn.net/m0_56410670/article/details/126726799

版权

javaEE 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1、html练习：写出下列题目对应的html标签。

（1）网页标题、换行、横线、段落、字体加粗。

（2）在工程webcontent目录下建立image目录，将一个图片文件（文件名不要出现汉字）拷到里面，在网页中展示该图片。

（3）在网页中建立一个链接，链接名称百度，地址http://www.baidu.com

（4）列出有序列表标签，列表项目写3条。

（5）在网页中添加4行5列的表格，表格要显示边界线。

（6）写出实现网页3秒后转到网易主页的标签。

（7）制作一个注册表单，包含姓名，性别（单选按钮组），专业（下拉菜单），密码（密码框），个人介绍（多行文本框）。表单提交方法为post，提交到2.jsp(该页面不用建）。网页不用美化。

（8）用frameset分割窗口为上（top.jsp）下两行，下行分左（left.jsp）右（right.jsp）两列。在left.jsp中加一个链接，链接结果在right.jsp中显示。

（9）在网页中加一段滚动文字。

（10）为网页设置背景音乐。

1.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
<!-- <meta http-equiv="refresh" content="3;URL=https://www.163.com/"> -->
<embed src="‪image/沐棠 - 薛之谦-等我回家 (钢琴曲版).mp3" autostart="true" loop="true" hidden="true"></embed>
</head>
<frameset rows="15%,80%">
  <frame name="top" src="http://127.0.0.1:8080/web1/top.jsp" />
	<frameset cols="25%,75%">
		<frame name="left" src="http://127.0.0.1:8080/web1/left.jsp" >
		<frame name="right" src="" >
	</frameset>
</frameset>

<body>
       <h1>标题1</h1>
       <h2>标题2</h2>
       <h3>标题3</h3>
       <br><!-- 换行 -->
       <hr/><!-- 横线 -->
       <p>段落</p>
       <b>字体加粗</b>
       <br><!-- 换行 -->
       <img src="image/pic-4-2.jpg">
       <br><!-- 换行 -->
       <a href="http://www.baidu.com">www.baidu.com</a>
       <ol>
           <li>有序列表项目1</li>
           <li>有序列表项目2</li>
           <li>有序列表项目3</li>
       </ol>
       <table border = "1" width = "100%" cellspacing="0">
       <!-- 表格栏间距离(cellspacing)
       表格单元格内间距(cellpadding)
       每个表格单元都被单独分隔，设置cellspacing为0 -->
        <tr>
        <td>一行一列</td>
        <td>一行二列</td>
        <td>一行三列</td>
        <td>一行四列</td>
        <td>一行五列</td>
        </tr>
        <tr>
        <td>二行一列</td>
        <td>二行二列</td>
        <td>二行三列</td>
        <td>二行四列</td>
        <td>二行五列</td>
        </tr>
        <tr>
        <td>三行一列</td>
        <td>三行二列</td>
        <td>三行三列</td>
        <td>三行四列</td>
        <td>三行五列</td>
        </tr>
        <tr>
        <td>四行一列</td>
        <td>四行二列</td>
        <td>四行三列</td>
        <td>四行四列</td>
        <td>四行五列</td>
        </tr>
        
        <form action="2.jsp" method="post"></form>
        <p>姓名<input type="text"></p>
        <p>性别
        <input type="radio" name="sex" value="男" check>男
        <input type="radio" name="sex" value="女">女
        </p>
        <p>专业
        <select>
        <option value="专业1">专业1</option>
        <option value="专业2">专业2</option>
        <option value="专业3">专业3</option>
        </select>
        </p>
        <p>密码<input type="password"></p>
        <p>个人介绍
            <textarea cols="30" rows="10"></textarea>
        </p>
        
        </table>
        
        <marquee direction="left" 
       behavior="scroll"
      scrollamount="3" 
      loop="2"  
      bgcolor="red"
      width="1000" 
      height="30"
      hspace="30" 
      vspace="30"
      onmouseover="this.stop()"
      onmouseout="this.start()">
            文字滚动
</marquee>
<br>
<!-- 播放器播放 -->
<audio src="image/沐棠 - 薛之谦-等我回家 (钢琴曲版).mp3" autoplay="autoplay" controls="controls" preload="auto"></audio>
<bgsound src="image/沐棠 - 薛之谦-等我回家 (钢琴曲版).mp3" loop="-1"/>
</body>
</html>

top.jsp:


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>  
  <head>
  <meta  charset="UTF-8">
  </head> 
 <body>  
    <div style="font-size:50px">班级、学生信息管理</div>  
 </body>  
</html>

left.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>  
    <div style="color:blue;font-size:30px">
	<a target="right" href="http://127.0.0.1:8080/web1/right.jsp">班级管理</a> 
	<br>
	<a target="right" href="http://127.0.0.1:8080/web1/2right.jsp">学生管理</a> 
	</div>  
  </body>  
</html>

right.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>  
    <div style="color:blue;font-size:30px">
		班级
	</div>  
  </body>  
</html>

2right.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>  
    <div style="color:blue;font-size:30px">
		学生
	</div>  
  </body>  
</html>

全都通过

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
javaEE1（html练习：网站第二章静态网页设计课后习题1：html练习）

1、html练习：写出下列题目对应的html标签。（1）网页标题、换行、横线、段落、字体加粗。（2）在工程webcontent目录下建立image目录，将一个图片文件（文件名不要出现汉字）拷到里面，在网页中展示该图片。（3）在网页中建立一个链接，链接名称百度，地址http://www.baidu.com （4）列出有序列表标签，列表项目写3条。（5）在网页中添加4行5列的表格，表格要显示边界线。（6）写出实现网页3秒后转到网易主页的标签。（10）为网页设置
复制链接

扫一扫