静态网页设计课后练习

再见以前说再见

于 2022-09-27 21:12:54 发布

阅读量875

点赞数

分类专栏： Java Web实验文章标签： java html

本文链接：https://blog.csdn.net/qq_55793988/article/details/126735933

版权

Java Web实验专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

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

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

（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）为网页设置背景音乐。

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标题：html练习</title> <!--修改标题-->
</head>
<body>
	<!--为注释-->
	<img src="ultrasound.jpg" height="" width="" alt="" title=""> <!--添加图片-->
	<br /> <!--换行符-->
	<font size="6">陶喆—寂寞的季节</font>
	<br />

	<embed src="SeasonOfLoneliness.mp3" autostart="true" loop="-1" /> <!--添加背景音乐;loop=-1,为循环播放-->
	<p>风吹落最后一片叶
	<br />我的心也飘着雪
	<br />爱只能往回忆里堆叠
	<br />oh~给下个季节忽然间树梢冒花蕊
	<br />我怎么会都没有感觉
	<br />oh~整条街都是恋爱的人
	<br />我独自走在暖风的夜
	<br />多想要向过去告别
	<br />当季节不停更迭 oh~
	<br />却还是少一点坚决
	<br />在这寂寞的季节</p>
	<hr />
	<br />
	<a href="http://www.baidu.com" title="">百度</a> <!-- 超链接 -->
	<br />
	<ol type="a">
  		<li>列表1……</li>
 		 <li>列表2……</li>
 		 <li>列表3……</li>
	</ol>
	<br />
	<table border="1">
<caption>四行五列表格</caption>
<tr>
	<th>列名一</th>
	<th>列名二</th>
	<th>列名三</th>
	<th>列名四</th>
	<th>列名五</th>
</tr>
<tr>
	<td>数据一</td>
	<td>数据二</td>
	<td>数据三</td>
	<td>数据四</td>
	<td>数据五</td>
</tr>
<tr>
	<td>数据1</td>
	<td>数据2</td>
	<td>数据3</td>
	<td>数据4</td>
	<td>数据5</td>
</tr>
<tr>
	<td>数据a</td>
	<td>数据b</td>
	<td>数据c</td>
	<td>数据d</td>
	<td>数据e</td>
</tr>
<tr>
	<td>数据f</td>
	<td>数据g</td>
	<td>数据h</td>
	<td>数据i</td>
	<td>数据j</td>
</tr>
</table>
<!--<meta http-equiv="refresh" content="3;url=https://www.163.com/" />  3s自动跳转网易主页-->
<form name="注册表单" method="post" action="2.jsp">
<p>姓名
<input  type="text" name="文本字段名称" maxlength=" " size="6"   value=" ">
</p>
<p>性别
<input type="radio"   name="sex" value="男" > 男
<input type="radio"   name="sex" value="女" > 女
</p>
<p>专业
<select >
	<option value="" selected></option>
	<option value="专业1">专业1</option>
	<option value="专业2">专业2</option>
	<option value="专业3">专业3</option>
</select>
</p>
<p>密码
<input   type="password"  name="密码字段名称" size="10"  maxlength="" value="" >
</p>
<p>个人介绍
<textarea  name=""  rows="3"   cols="15">
  </textarea>
</p>
</form>
	
<marquee direction="left"
      behavior="scroll"
      scrollamount="5"
      scrolldelay="0" 
      loop="-1"  bgcolor="white"
      width="500" height="1000"
      hspace="50" vspace="50"
     onmouseover="this.stop()" onmouseout="this.start()"> 
            寂寞的季节-陶喆
</marquee> <!-- 滚动字幕 -->
</body>
</html>