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=rightbehavior=slidescrollamount=80%scrolldelay=2loop=-1  bgcolor="yelllow"width=300 height=50hspace=30 vspace=30onmouseover="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。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/186953.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【WebSocket】通信协议基于 node 的简单实践和心跳机制和断线重连的实现

前后端 WebSocket 连接 阮一峰大佬 WebSocket 技术博客 H5 中提供的 WebSocket 协议是基于 TCP 的全双工传输协议。它属于应用层协议&#xff0c;并复用 HTTP 的握手通道。它只需要一次握手就可以创建持久性的连接。 那么什么是全双工呢&#xff1f; 全双工是计算机网络中的…

聊聊接口最大并发处理数

文章目录 前言并发和并行并发&#xff08;Concurrency&#xff09;并行&#xff08;Parallelism&#xff09;思考一下 前言 生活在 2023 年的互联网时代下&#xff0c;又是在国内互联网越发内卷的背景下&#xff0c;相信大家面试找工作、网上学习查资料时都了解过互联网系统设…

如何计算数据泄露的成本

现在&#xff0c;几乎所有类型的组织每天都在发生企业 IT 网络遭到破坏的情况。它们是任何合规官员最担心的问题&#xff0c;并且找出更好的方法来防止它们或从中恢复是合规官员永远不会远离的想法。 但数据泄露的实际成本是多少&#xff1f;该数字从何而来&#xff1f;当您获…

考试复习

选择20道 填空10道 判断10道 简答4-5道 编程题2道 一、选择题 1.js中更改一个input框的值&#xff1a; <input ida type"text" value"123456"> 通过a.value改变他的值 方法&#xff1a; 在script标签中通过id获得该输入框对象&#xff0c;然…

纯净版ISO镜像下载大全(Windows、Linux、mac)

目录 一、前言介绍 前言必读 介绍 二、获取ISO镜像方式 &#xff08;一&#xff09;官方镜像下载 &#xff08;二&#xff09;获取下载方式 ps&#xff1a;回复的内容都是小写的 Windows操作系统 1.windows XP系统 2.Windows 7系统 3.Windows10系统 4.Windows11系…

Flutter应用程序的加固原理

在移动应用开发中&#xff0c;Flutter已经成为一种非常流行的技术选项&#xff0c;可以同时在Android和iOS平台上构建高性能、高质量的移动应用程序。但是&#xff0c;由于其跨平台特性&#xff0c;Flutter应用程序也面临着一些安全风险&#xff0c;例如反编译、代码泄露、数据…

Python的正则表达式使用

Python的正则表达式使用 定义使用场景查替换分割 常用的正则表达符号查原字符英文状态的句号点 .反斜杠 \英文的[]英文的()英文的?加号 星号 *英文状态的大括号 {} 案例 定义 正则表达式是指专门用于描述或刻画字符串内在规律的表达式。 使用场景 无法通过切片&#xff0c;…

numpy知识库:深入理解numpy.resize函数和数组的resize方法

前言 numpy中的resize函数顾名思义&#xff0c;可以用于调整数组的大小。但具体如何调整&#xff1f;数组形状变了&#xff0c;意味着数组中的元素个数发生了变化(增加或减少)&#xff0c;如何确定resize后的新数组中每个元素的数值呢&#xff1f;本次博文就来探讨并试图回答这…

electron调用dll问题总汇

通过一天的调试安装&#xff0c;electron调用dll成功&#xff0c;先列出当前的环境&#xff1a;node版本: 18.12.0&#xff0c;32位的&#xff08;因为dll为32位的&#xff09; VS2019 python node-gyp 1、首先要查看报错原因&#xff0c;通常在某一行会有提示&#xff0c;常…

什么是基线和 x-height

前言 在排版和字体设计领域&#xff0c;了解和掌握基线&#xff08;baseline&#xff09;和 x 高度&#xff08;x-height&#xff09;的概念是至关重要的。这两个术语描述了字母在视觉上是如何对齐的&#xff0c;以及它们相对于其他字母的大小。通过对这两个概念的深入了解&…

elk+filebeat+kafka集群部署

EFK实验架构图&#xff1a; 实现高并发&#xff0c;无需指定logstash 3台esfile&#xff0c;3台kafka 20.0.0.10 esfile 20.0.0.20 esfile 20.0.0.30 esfile 20.0.0.11 kafka 20.0.0.12 kafka 20.0.0.13 kafka在es1主机上解压filebeat cd filebeat 安装nginx服务 vim /usr/loc…

无人机助力电力设备螺母缺销智能检测识别,python基于YOLOv7开发构建电力设备螺母缺销高分辨率图像小目标检测系统

传统作业场景下电力设备的运维和维护都是人工来完成的&#xff0c;随着现代技术科技手段的不断发展&#xff0c;基于无人机航拍飞行的自动智能化电力设备问题检测成为了一种可行的手段&#xff0c;本文的核心内容就是基于YOLOv7来开发构建电力设备螺母缺销检测识别系统&#xf…

软件设计师——计算机网络(一)

&#x1f4d1;前言 本文主要是【计算机网络】——软件设计师计算机网络的题目&#xff0c;如果有什么需要改进的地方还请大佬指出⛺️ &#x1f3ac;作者简介&#xff1a;大家好&#xff0c;我是听风与他&#x1f947; ☁️博客首页&#xff1a;CSDN主页听风与他 &#x1f304…

su与 su -导致邮箱收件异常

先贴代码 rootlocalhost postfix]# su - mail-user1 Last login: Thu Nov 30 17:07:14 CST 2023 on pts/0 [mail-user1localhost ~]$ mail Heirloom Mail version 12.5 7/5/10. Type ? for help. "/var/spool/mail/mail-user1": 3 messages > 1 root …

Arduino、ESP8266、HTML相关知识点记录

C代码 const char *ssid "********"; // 这里定义将要建立的WiFi名称。 const char *password "********"; // 这里定义将要建立的WiFi密码。 多WiFi连接&#xff1a; wifiMulti.addAP("**…

TypeScript 中声明类型的方法

1、使用:运算符来为变量和函数参数指定类型。例如&#xff1a; let num: number 5; function add(a: number, b: number): number {return a b; }2、使用 type 关键字来声明自定义类型别名。例如&#xff1a; type Point {x: number;y: number; };3、使用 interface 关键字…

element Tree 树形控件 高亮默认

需求&#xff1a; 1. 进入页面&#xff0c;默认选中需要的节点&#xff0c;并展开做出高亮效果&#xff0c;其他时候点击箭头图标才展开。 2. input框搜索树节点 代码&#xff1a; <el-asideclass"aside flex-shrink-0 bg-white"style"width:300px;height…

mockito加junit gd 单元测试 笔记

目录 一、简介1.1 单元测试的特点1.2 mock类框架使用场景1.3 常用mock类框架1.3.1 mockito1.3.2 easymock1.3.3 powermock1.3.4 JMockit 二、mockito的单独使用2.1 mock对象与spy对象2.2 初始化mock/spy对象的方式2.3 参数匹配2.4 方法插桩2.5 InjectMocks注解的使用断言工具 三…

SQL 金额数值转换成中文大写

需求&#xff1a;将金额转换成中文大写格式填入单据合计行&#xff1a; _佰_拾_万_仟_佰_拾_元_角_分 1234567.89 壹佰贰拾叁万肆仟伍佰陆拾柒元捌角玖分 1.函数转换 drop function n2C;CREATE FUNCTION n2C (num numeric(14,2)) RETURNS VARCHAR(20) AS BEGIN …

Java基础- 自定义类加载器

自定义类加载器 在 Java 中实现自定义类加载器通常涉及继承 ClassLoader 类并重写其 findClass 方法。自定义类加载器允许我们从非标准来源&#xff08;如网络、加密文件或其他媒体&#xff09;加载类。下面是实现自定义类加载器的基本步骤&#xff1a; 1. 继承 ClassLoader …