JavaWeb 项目 厉不厉害你鸡哥

来源
源码:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>一起打篮球嘛</title>
</head>
<body>
    <a href="http://www.baidu.com" title="百度一下">百度一下,你就知道</a>
    <a href="https://www.163.com" title="网易">网易</a>
    <br/>
    <img src="image/R-C.jpg">
    <ol type="1">
       <li>唱跳</li>
       <li>rap</li>
       <li>篮球</li>
    </ol>
    <br/>
    <table border="1">
    <caption><font color="yellow" face="宋体"><strong>吃点什么</strong></font></caption>
    <tr><th>食不食油饼</th><th>荔枝</th><th>香精煎鱼</th><th>香翅捞饭</th><tr>
    <tr><td>五元一张</td><td>五元一斤</td><td>小份8</td><td>小份10</td><tr>
    <tr><td>九元两张</td><td>八元两斤</td><td>大份12</td><td>大份15</td><tr>
    <tr><td>12元三张</td><td>10元三斤</td><td>小份加精品蛋12</td><td>小份加精品蛋15</td><tr>
    <tr><td>20元八张</td><td>12元五斤</td><td>大份加精品蛋15</td><td>大份加精品蛋18</td><tr>
    <tr><td>30元全家桶20</td><td>15元十斤</td><td>哥哥吃过的30</td><td>哥哥吃过的35</td><tr>
    </table>
    <br/>
     <strong>你干嘛~~嗨嗨~~哎呦</strong>
     <bgsound src="bgm/只因.mp3" loop=-1/>
    <br/>
    <br>
    <form  action="" method="post" enctype="application/x-www-form-urlencoded">
			账号:<input type="text"  name="userId" value=" " size="100" /><br/>
			密码:<input type="password"  name="userPassword" value="" maxlength="6" /><br/>
			<input type="submit"  value="登陆" />
			<input type="reset"  value="重置" /><br/>
			<!-------单选框--------->
			性别:
			<input type="radio" name="sex"value="男"/><input type="radio" name="sex" value="女"   checked="checked"/><!---------checked为默认值----------->
 
			<---------复选框------------>
			个人介绍:
			<input type="checkbox" name="xq" value="唱"/><input type="checkbox" name="xq" value="跳"/><input type="checkbox" name="xq" value="rap"/>rap
			<input type="checkbox" name="xq" value="篮球"/>篮球
			<br/>
			头像:<input type="file"/><br/>
			备注:<textarea name="remark" cols=100” rows="10">你好!</textarea><br/>
			专业:<select name="dx" size="">
							<option value="01">大数据</option>
							<option value="02">小数据</option>
							<option value="03">中数据</option>
							<option value="04">其他专业</option>
						</select>
		</form>
    <br/>
    <marquee direction=right
      behavior=slide
      scrollamount=80%
      scrolldelay=2
      loop=-1  bgcolor="yelllow"
      width=300 height=50
      hspace=30 vspace=30
     onmouseover="this.stop()" onmouseout="this.start()">
            皮筋为王,伴坤远航
</marquee>
</body>
    <frameset rows="80%">
            <frame src="http://www.baidu.com" name="搜索" scrolling="yes">
            <frame src="http://www.bigdata1234.cn" name="学习" scrolling="yes">
    </frameset>
</html>

代码解释:
< ol type=“1”> 表示创建一个有序列表,使用数字进行编号。< li> 元素用于定义列表项

#######

< table border=“1”> 创建了一个带有边框的表格。< tr> 元素表示表格的行,< th> 元素表示表头单元格,< td> 元素表示普通单元格。

#######

< br/>换行符

#######

< caption> 元素被用来定义表格的标题。< font color=“yellow” face=“宋体”> 标签用于设置标题的字体颜色为黄色,并使用宋体字体。< strong> 标签用于给标题加粗。

#######

< audio> 标签用于定义音频元素。src 属性指定音频文件的路径(例如 bgm/只因.mp3),loop 属性设置音频循环播放,autoplay 属性设置音频自动播放。

#######

< form> 元素用于创建一个包含表单字段的表单,以便向服务器提交数据。
action=“”: action 属性指定了表单数据提交到的 URL 或处理表单数据的脚本文件的路径。在这个示例中,action 属性被设置为空字符串,表示表单数据将提交到当前页面的 URL。如果你想将表单数据提交到其他页面或脚本文件,可以在 action 属性中指定相应的 URL。
method=“post”: method 属性指定了表单数据提交的 HTTP 请求方法。在这个示例中,method 属性被设置为 “post”,表示使用 POST 方法提交表单数据。POST 方法将表单数据放在请求体中发送给服务器,适合于提交敏感数据或较大量的数据。
enctype=“application/x-www-form-urlencoded”: enctype 属性指定了在发送表单数据时所使用的编码类型。在这个示例中,enctype 属性被设置为 “application/x-www-form-urlencoded”,表示将表单数据编码为 URL 编码格式。这是默认的编码类型,适用于大多数常见的表单数据提交情况。

#######

< input> 元素是一个用于在 HTML 表单中创建各种输入字段的标签。它是最常用的表单元素之一,可以用于接收用户的输入数据并将其提交到服务器。有不同种类的类型

#######

< textarea> 元素是一个用于创建多行文本输入框的 HTML 标签。与 < input> 元素不同,< textarea> 允许用户输入多行文本数据。
name=“remark”:name 属性用于指定表单字段的名称,该名称将与表单数据一起提交到服务器。在这个示例中,name 属性被设置为 “remark”,表示该文本域的名称为 “remark”。
cols=“100”:cols 属性用于指定文本域的宽度,以固定列数为单位。在这个示例中,cols 属性被设置为 100,表示文本域应该有 100 列宽度。
rows=“10”:rows 属性用于指定文本域的高度,以行数为单位。在这个示例中,rows 属性被设置为 10,表示文本域应该有 10 行高度。
需要注意的是,在 < textarea> 元素的开始标签和结束标签之间可以包含默认值或初始文本,这些文本将作为文本框中的默认文本。在这个示例中,文本框的默认文本为 “你好!”。

#######

< select> 元素是一个用于创建下拉列表框的 HTML 标签。它允许用户从预定义选项中选择一个或多个值,并将其提交到服务器。
name=“dx”:name 属性用于指定表单字段的名称,该名称将与表单数据一起提交到服务器。在这个示例中,name 属性被设置为 “dx”,表示该下拉列表框的名称为 “dx”。
size=“”:size 属性用于指定下拉列表框的高度,以行数为单位。在这个示例中,size 属性未被设置,表示下拉列表框的高度将根据内容自动调整。

#######

< marquee> 元素是一个用于创建滚动文本或图像的 HTML 标签。它可以让文本在页面上水平或垂直滚动。
direction=“right”:direction 属性用于指定滚动的方向。在这个示例中,direction 属性被设置为 “right”,表示文本从左至右滚动。
behavior=“slide”:behavior 属性用于指定滚动的行为类型。在这个示例中,behavior 属性被设置为 “slide”,表示文本以滑动的方式滚动。
scrollamount=“80%”:scrollamount 属性用于指定滚动的速度。在这个示例中,scrollamount 属性被设置为 “80%”,表示滚动速度为容器宽度的 80%。
scrolldelay=“2”:scrolldelay 属性用于指定两次滚动之间的延迟时间,以毫秒为单位。在这个示例中,scrolldelay 属性被设置为 2,表示两次滚动之间的延迟时间为 2 毫秒。
loop=“-1”:loop 属性用于指定滚动循环的次数。在这个示例中,loop 属性被设置为 -1,表示无限循环滚动。
bgcolor=“yellow”:bgcolor 属性用于指定滚动区域的背景颜色。在这个示例中,bgcolor 属性被设置为 “yellow”,表示滚动区域的背景颜色为黄色。
width=“300”:width 属性用于指定滚动区域的宽度,以像素为单位。在这个示例中,width 属性被设置为 300,表示滚动区域的宽度为 300 像素。
height=“50”:height 属性用于指定滚动区域的高度,以像素为单位。在这个示例中,height 属性被设置为 50,表示滚动区域的高度为 50 像素。
hspace=“30”:hspace 属性用于指定滚动区域与其他内容之间的水平空白区域的大小,以像素为单位。在这个示例中,hspace 属性被设置为 30,表示水平空白区域的大小为 30 像素。
vspace=“30”:vspace 属性用于指定滚动区域与其他内容之间的垂直空白区域的大小,以像素为单位。在这个示例中,vspace 属性被设置为 30,表示垂直空白区域的大小为 30 像素。
οnmοuseοver=“this.stop()” οnmοuseοut=“this.start()”:onmouseover 和 onmouseout 属性用于指定当鼠标悬停在滚动区域上或离开滚动区域时执行的 JavaScript 代码。在这个示例中,onmouseover 属性设置为 “this.stop()”,表示当鼠标悬停时停止滚动;onmouseout 属性设置为 “this.start()”,表示当鼠标离开时重新开始滚动。
在 < marquee> 元素的开始标签和结束标签之间的文本内容将作为滚动的文本显示在页面上。
需要注意的是,< marquee> 元素已被 HTML5 弃用,不再是推荐使用的元素之一。因此,在实际开发中,建议使用 CSS 或 JavaScript 来实现滚动效果。

#######

< frameset> 元素是一个用于创建多个并列窗口(框架)的 HTML 标签。
rows=“80%”:rows 属性用于指定窗口的垂直分割方式和大小。在这个示例中,rows 属性被设置为 “80%”,表示第一个窗口占据整个页面高度的 80%,而第二个窗口则占据剩余的 20%。
< frame> 元素用于定义 < frameset> 元素中的一个窗口(框架)。在这个示例中,有两个 < frame> 元素:
第一个 < frame> 元素:src 属性用于指定第一个窗口加载的页面地址,这里是 “http://www.baidu.com”。name 属性用于给该窗口命名为 “搜索”。scrolling 属性被设置为 “yes”,表示允许窗口内部内容出现滚动条。
第二个 < frame> 元素:与第一个 < frame> 元素类似,不同之处是 src 属性指定的页面地址是 “http://www.bigdata1234.cn”,name 属性命名为 “学习”。
在浏览器中解析这段代码时,会根据 < frameset> 元素的定义创建两个并列的窗口,第一个窗口加载百度搜索页面,而第二个窗口加载 bigdata1234.cn 网站。用户可以在这两个窗口之间交互操作。
需要注意的是,< frameset> 元素也已被 HTML5 弃用,不再是推荐使用的元素之一。现代的网页开发更倾向于使用 CSS 或 JavaScript 实现多窗口布局效果,例如使用 CSS Grid 或 Flexbox。

你可能感兴趣的:(电视盒子)