Java Web_04从入门到精通

最新推荐文章于 2021-02-16 04:20:52 发布
最新推荐文章于 2021-02-16 04:20:52 发布
阅读量154 收藏
点赞数
分类专栏： JavaWeb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44561640/article/details/96888788
版权
这篇博客探讨了Java Web开发中框架的应用，包括三种框架分割方式：左右分割、上下分割和嵌套分割，并详细介绍了窗口框架的设置。同时，文章还讲解了如何创建多媒体网页效果，如设置表格背景、内容对齐以及使用特定属性实现文字滚动等。
摘要由CSDN通过智能技术生成

七、设置表格背景
基本语法：

基本语法：
<table bgcolor="" background="" align="">
<tr>
<td></td>
</tr>
</table>


<table width="470" border="1" bgcolor="red" align="center">
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
   </tr>
<tr>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
<tr>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
     <td>&nbsp;</td>
   </tr>
</table>

在这里插入图片描述
八、设置行内容水平对齐和垂直对齐

<table>
<tr align="" valign="" bordercolor=  bgcolor=  height="">
</tr>
<tr>
<td></td>
</tr>
</table>

如：

<table border="1">
     <tr align="center" height=50 valign="bottom">
      <th>网页设计</th>
      <th>数据库开发</th>
      <th>程序设计</th>
   </tr>
<tr align="center" bordercolor=red bgcolor=yellow>
     <td>Dreamweaver</td>
     <td>Access</td>
     <td>C++</td>
   </tr>
<tr>
     <td>FrontPage</td>
     <td>SQL SERVER</td>
     <td>C#</td>
   </tr>
</table>

在这里插入图片描述
九、设置跨行跨列

<td colspan=数值>
<th colspan=数值>
<td rowspan=数值>
<th rowspan=数值>
Colspan：跨列
Rowspan：跨行

如：

<table width="380" border="1">
   <tr>
    <td rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
   </tr>
   <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
   </tr>
</table>

在这里插入图片描述
如：

<table width="380" border="1">
   <tr>
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
   </tr>
<tr>
    <td>&nbsp;</td>
    <td >&nbsp;</td>
    <td>&nbsp;</td>
   </tr>
   <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
   </tr>
</table>

在这里插入图片描述

框架的应用

一、框架分割方式
1.左右分割方式

<frameset cols="value,value,value">
<frame src="url">
<frame src="url">
<frame src="url">
</frameset>

如：

<html>
<head>
<title>左右分割窗口</title>
</head>
<frameset cols="25%,25%,25%,*">
<frame><frame><frame><frame>
</frameset>
</html>

在这里插入图片描述
2.上下分割窗口

<frameset rows="value,value,value">
<frame src="url">
<frame src="url">
<frame src="url">
</frameset>

如：

<html>
<head>
	<meta charset="utf-8">
<title>上下分割窗口</title>
</head>
<frameset rows="10%,30%,60%,">
<frame><frame><frame>
</frameset>
</html>

在这里插入图片描述
3.嵌套分割窗口

<frameset rows="value,value,value">
<frame src="url">
<frameset cols="value,value,value">
<frame src="url">
<frame src="url">
</frameset>

如：

<html>
<head>
	<meta charset="utf-8">
<title>嵌套分割窗口</title>
</head>
<frameset cols="*,*">
<frameset rows="*,*">
<frame><frame>
</frameset>
<frameset rows="*,*">
<frame><frame>
</frameset>
</frameset>
</html>

在这里插入图片描述
二、窗口框架设置

1. 设置窗口框架宽度属性border
<frameset border="value">
2.边框颜色属性bordercolor
<frameset bordercolor="value">
3.框架隐藏属性
<frameset frameborder="value">

如：

<html>
<head>
	<meta charset="utf-8">
<title>框架窗口属性</title>
</head>
<frameset cols="20%,80%">
<frame scrolling=yes name=left src="http://www.sina.com.cn">
<frameset rows="50%,50%">
<frame src="http://www.sohu.com"  scrolling=no>
<frame>
</frameset>
</frameset>
</html>

在这里插入图片描述

多媒体网页效果

<marquee direction="" behavior="" loop="" scrollamount ="" scrolldelay="
" align="" bgcolor="#" height="" width="" hspace="" vspace="">滚动文字</marquee>

Direction：移动方向 left,right,up,down
Behavior：移动效果 scroll(循环),slide(滚动一次停止),alternate(交替滚动)
Loop：循环滚动次数
Scrollamount：文字滚动速度
Scrolldelay：文字每次滚动间隔时间
如：

<title></title>
</head>
<body>
<marquee direction=right behavior="scroll" scrolldelay="150" bgcolor="blue" height="50" width="525">
<font size=10 color="yellow">滚动文字可以增加网页的生动性。</font>
</marquee>
</body>

在这里插入图片描述

滚动文字
如;

<title>设置滚动字幕的超链接</title>
</head>
<body>
<a href=mailto:andashy@163.com><marquee>给我写信吧！带你进入网页制作的世界！</marquee></a>
</body>

在这里插入图片描述

<title>播放音乐</title>
</head>

<body>
　　<EMBED SRC="music1.mp3" loop=true width=145 height=60>

<P>　　出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。</P>

</body>>

在这里插入图片描述

<title>播放音乐和视频</title>
</head>

<body>
　　<EMBED SRC="music1.mp3" loop=true width=145 height=60>

<P>　　出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。</P>

</body>

<B><font size=4>播放视频</font></B> 
<P>
　　<EMBED SRC="yanda.mp4" autostart=true loop=true width=350 height=250>
</P>

在这里插入图片描述

林钟二五
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML学习笔记之框架的应用
想去海邊
10-19 2332
一.建立框架 1.框架结构 框架的基本结构主要包括两部分：一部分是框架集，另一部分是框架，它主要是利用标签和标签来定义的。框架集是在一个文档内定义一组框架结构的HTML网页，它定义了网页显示的框架数、框架的大小，载入框架的网页源和其他可以定义的属性等，用标签来定义一个窗口框架；而框架则是指在网页上定义的一个显示区域，用标签来定义窗口框架中的子窗口的内容。 窗口框架文档HTML的结构如下：
Java Web_06从入门到精通
weixin_44561640的博客
07-23 177
二、表单相关的标签和属性（重点） HTML使用表单向服务器提交请求，表单、表单控件的主要作用就是收集用户输入、当用户提交表单时，用户输入内容被作为请求参数提交到远程服务器。因此在web编程中， 表单主要用于收集用户输入的数据。在需要与用户交互的web页面中，表单，表单控件都是极为常用的。 HTML5在保留原有HTML表单控件、属性的基础上，大大增强了表单、表单控件的功能。HTML5新增校验API，...
图像分割几种经典方法
05-27
里面有csc.EGBIS.JSEG.MEANSHIFT
CSplitterWnd分割框架4個
04-12
CSplitterWnd分割框架成爲四個區域, 分別為列表框、樹形視圖、對話框（2個）；還包含列表框和樹形視圖的通訊， 很簡單
分割框架
dench2001的博客
08-08 237
代码下载 转载于:https://www.cnblogs.com/forrestsun/articles/471119.html
分割算法——可以分割一切目标（各种分割总结）
热门推荐
gzq0723的博客
09-22 2万+
周末应该是一个好好休息的时间，但是一定会有在默默努力科研的你，由于最近是开学季，很多关注的朋友一直会问“计算机视觉战队平台有基础性的内容吗？”，今天我和大家说一次，我们平...
Java Web_07从入门到精通(CSS)
weixin_44561640的博客
07-23 128
** 一、css样式概述 Cascading Style Sheet(层叠样式表) 缩写为CSS,主要用于网页风格设计，包括字体大小，颜色 以及元素的精确定位等。 HTML5规范推荐把页面外观交给CSS去控制，而HTML标签则负责标签、语义部分。HTML5删除了传统的 big strike等专门控制页面外观的标签，而把页面外观的控制工作交给CSS负责。目前的最新规范是CSS3. 1.1 CSS历...
Java Web从入门到精通光盘源码1-15
11-29
这个"Java Web从入门到精通光盘源码1-15"提供了学习者深入理解和实践Java Web应用开发的资源。以下是一些核心知识点的详细说明： 1. **Servlet与JSP**：Servlet是Java Web的基础，用于处理HTTP请求并生成动态响应。...
java从入门到精通 答案_java从入门到精通练习题答案.doc
weixin_30284125的博客
02-16 2587
java从入门到精通练习题答案精品文档2016全新精品资料-全新公文范文-全程指导写作 –独家原创 PAGE26 / NUMPAGES26 java从入门到精通练习题答案 一．填空题1.运行编译后的class文件，需要输入命令2.JVM是指3.Java程序源文件扩展名为二，简答题1.简述java语...
JAVA WEB从入门到精通 随书源码
05-19
本资源包含"JAVA WEB从入门到精通"这本书随书附带的第2到第10章的源代码，这些章节通常涵盖了Web开发的基础到进阶内容。 1. **基础概念**：Java Web开发首先涉及Servlet和JSP（JavaServer Pages），它们是构建动态...
Java Web从入门到精通光盘18-21
11-29
【Java Web从入门到精通光盘18-21】是一个涵盖了Java Web开发基础到进阶的教程资源，旨在帮助初学者系统学习并掌握这一领域。在这个光盘中，你可能会遇到一系列关于Web应用程序开发的知识点，包括但不限于以下内容：...
Java Web从入门到精通光盘17-2
11-29
在"Java Web从入门到精通光盘17-2"中，我们可以预见到一系列关于这个主题的教程或实例，旨在帮助初学者和进阶者掌握Java Web开发的核心概念。 首先，Java Web开发主要涉及Servlet、JSP（JavaServer Pages）、JSTL...
框架不懂的问题
weixin_42992079的博客
02-06 221
Model的用法以及addAttribute.
HTML学习笔记【8】使用框架结构
com_lixiang0616的专栏
10-17 423
 1. 设置框架集的属性 frameset框架页面的结构是在框架集中设置的，可以根据框架的分割方式分为水平分割窗口，垂直分割窗口和嵌套分割窗口。A. 水平分割窗口 rows框架窗口的高度，框架窗口的高度,....">。。。。。。Rows可以取多个值，由逗号分割的像素值或百分比组成。B. 垂直分割窗口 clos框架窗口的高度，框架窗口的高度,....">
HTML学习笔记——框架结构
菜鸟的编程之路
09-01 3029
8.1 框架的基本概念 框架时浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示的内容无关的HTML文档。 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、框架的大小和位置，以及在每个框架中初始显示的页面URL。框架集文件本身不包含要在浏览器中显示的HTML内容，但noframes部分除外。框架集文件只是向浏览器提供应如何显示一组框架，以及在这些框架中应显示哪些文档...
数据架构切分的设计方案
Jerry的博客
06-27 379
1. 数据的切分实现方式 简单来讲，就是讲存放在一台数据库上的数据分布到多台数据库上，形成了一个分布式数据库，大致我们数据的拆分方式分为两种 1.1. 垂直切分 常用于我们的微服务设计中，不同的业务领域存放不同的表，比如用户模块存放我们用户相关表，外部调用通过服务访问用户模块，用户模块再去访问对应的数据库 跨库来实现我们数据的join连接，就会导致查询性能极大的下降 垂直切分的优缺点 优点 拆分后业务更清晰，规则明确 系统之间耦合降低，便于扩展 数据维护简单 缺点 部分业务表无法join，只能通过接口
一个图看懂语义分割框架
大泽之国
10-21 1408
来自ICNET的一个图，对理解语义分割框架很有帮助
【中科院1区】Matlab实现哈里斯鹰优化算法HHO-SAE实现故障诊断算法研究.rar
最新发布
09-03
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值