JavaWeb知识点（4）

最新推荐文章于 2021-03-10 07:23:09 发布
最新推荐文章于 2021-03-10 07:23:09 发布
阅读量1k 收藏 5
点赞数 3
分类专栏： JavaWeb
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44767871/article/details/107338831
版权

文章目录

一、Web概念

在这里插入图片描述

1.C/S架构

2.B/S架构

通信图解

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

一、静态资源

在这里插入图片描述
在这里插入图片描述

1.HTML（网页内容）
1.概念

在这里插入图片描述

2.文件标签

在这里插入图片描述

3.文本标签

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
特殊字符对照表
在这里插入图片描述

4.图片标签

在这里插入图片描述

5.列表标签

列表还能嵌套
在这里插入图片描述
在这里插入图片描述

6.链接标签

在这里插入图片描述
在这里插入图片描述在这里插入代码片

在这里插入图片描述
在这里插入图片描述

本地跳转 #表示本页面
在这里插入图片描述

在这里插入图片描述

7.表格标签

先定义框，在定义行，在定义格

框和行和单元格都能单独的操作样式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

（1）.旅游网站首页

如果某一行有多个单元格，但是不用table嵌套的话，就会影响其他行的大小
就是把一行里面嵌套一个table，一行还是那么大，里面用一个表格来完成每一列，这样无论内置表格里的大小是什么样子，都不会影响到外面的行

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--    最外层的table，用于整个页面的布局-->
<table width="100%" align="center">
    <!--    第一行 头-->
    <tr>
        <td>
            <img src="image/top_banner.jpg" width="100%" alt="">
        </td>
    </tr>
    <!--    第二行 搜索-->
    <tr>
        <table width="100%" align="center">
            <tr>
                <td>
                    <img src="image/logo.jpg" alt="">
                </td>
                <td>
                    <img src="image/search.png" alt="">
                </td>
                <td>
                    <img src="image/hotel_tel.png" alt="">
                </td>
            </tr>
        </table>
    </tr>
    <!--    第三行 首页栏-->
    <tr>
        <table width="100%" align="center" bgcolor="yellow" height="45">
            <tr align="center">
                <td>
                    <a href="">首页</a>
                </td>
                <td>
                    门票
                </td>
                <td>
                    酒店
                </td>
                <td>
                    香港车票
                </td>
                <td>
                    出境游
                </td>
                <td>
                    国内游
                </td>
                <td>
                    港澳游
                </td>
                <td>
                    抱团定制
                </td>
                <td>
                    全球自由行
                </td>
                <td>
                    收藏排行榜
                </td>
            </tr>
        </table>
    </tr>
    <!--    第四行 轮播图-->
    <tr>
        <td>
            <img src="image/banner_3.jpg" alt="" width="100%">
        </td>
    </tr>
    <!--    第五行 横杠-->
    <tr>
        <td>
            <img src="image/icon_5.jpg" alt="">
            黑马精选
            <hr color="yellow">
        </td>
    </tr>
    <!--    第六行 国内精选-->
    <tr>
        <table>
            <tr>
                <td>
                    <img src="image/jiangxuan_1.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 899</font>
                </td>
                <td>
                    <img src="image/jiangxuan_1.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 899</font>
                </td>
                <td>
                    <img src="image/jiangxuan_1.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 899</font>
                </td>
                <td>
                    <img src="image/jiangxuan_1.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 899</font>
                </td>
            </tr>
        </table>
    </tr>
    <!--    第七行 横杠-->
    <tr>
        <td>
            <img src="image/icon_6.jpg" alt="">
            国内游
            <hr color="yellow">
        </td>
    </tr>
    <!--    第八行 国内游-->
    <tr>
        <table>
            <tr>
                <td rowspan="2">
                    <img src="image/guonei_1.jpg" alt="">
                </td>
                <td>
                    <img src="image/jiangxuan_2.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>
                <td>
                    <img src="image/jiangxuan_2.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>
                <td>
                    <img src="image/jiangxuan_2.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>

            </tr>
            <tr>
                <td>
                    <img src="image/jiangxuan_2.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>
                <td>
                    <img src="image/jiangxuan_2.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>
                <td>
                    <img src="image/jiangxuan_2.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>
            </tr>
        </table>
    </tr>
    <!--    第九行 横杠-->
    <tr>
        <td>
            <img src="image/icon_7.jpg" alt="">
            境外游
            <hr color="yellow">
        </td>
    </tr>
    <!--    第十行 国内游-->
    <tr>
        <table>
            <tr>
                <td rowspan="2">
                    <img src="image/jiangwai_1.jpg" alt="">
                </td>
                <td>
                    <img src="image/jiangxuan_3.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>
                <td>
                    <img src="image/jiangxuan_3.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>
                <td>
                    <img src="image/jiangxuan_3.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>

            </tr>
            <tr>
                <td>
                    <img src="image/jiangxuan_3.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>
                <td>
                    <img src="image/jiangxuan_3.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>
                <td>
                    <img src="image/jiangxuan_3.jpg" alt="">
                    <p>上海飞三亚五天四晚自由行(春节销售+亲子+蜜月+自由行)</p>
                    <font color="red">&yen; 699</font>
                </td>
            </tr>
        </table>
    </tr>
<!--    第十一行 底部-->
    <tr>
        <td>
            <img src="image/footer_service.png" alt="">
        </td>
    </tr>
<!--    第十二行-->
    <tr >
        <td bgcolor="yellow" align="center">
            <font >
            江苏传智播客教育科技股份有限公司版权所有Copyright 2006-2018,All Rights Reserved 苏 ICP备16007882
            </font>
        </td>
    </tr>

</table>
</body>
</html>
8.表单标签

在这里插入图片描述
在这里插入图片描述表单最终提交的是name和value
提交的格式是重点 “name=value”

在这里插入图片描述

访问百度
在这里插入图片描述

例子：
在这里插入图片描述
在这里插入图片描述

9.表单项标签

文本框，文本域，用户输入的数据就是value，所以不用指定value，如果没有输入数据，那么提交的是一个空字符串，java收到的是 String s=" "; 不是null

单选框，复选框,下拉列表框， 那些就需要指定value，因为浏览器不知道你选的那个有什么意义
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

（10）.注册案例HTML版

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="#" METHOD="post">
    <table border="1" align="center" width="500">
        <tr>
            <td><label for="username">用户名</label></td>
            <td><input type="text" name="username" id="username"></td>
        </tr>
        <tr>
            <td><label for="password">密码</label></td>
            <td><input type="password" name="password" id="password"></td>
        </tr>
        <tr>
            <td><label for="emain">Email</label></td>
            <td><input type="email" name="emain" id="emain"></td>
        </tr>
        <tr>
            <td><label for="name">姓名</label></td> 
            <td><input type="text" name="name" id="name"></td>
        </tr>
        <tr>
            <td><label for="tel">手机号</label></td>
            <td><input type="number" name="tel" id="tel"></td>
        </tr>
        <tr>
            <td><label >性别</label></td>
            <td><input type="radio" name="sex"> 男
                <input type="radio" name="sex"> 女
            </td>
        </tr>
        <tr>
            <td><label for="brithday">出生日期</label></td>
            <td><input type="date" name="birthday" id="brithday"></td>
        </tr>
        <tr>
            <td><label for="yzm">验证码</label></td>
            <td><input type="text" name="yzm" id="yzm">
                <img src="img/verify_code.jpg" alt="">
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center"><input type="submit" value="注册"></td>
        </tr>
    </table>
</form>

</body>
</html>
2.CSS（美化网页）
1.概念和好处

在这里插入图片描述

2.使用方法

在这里插入图片描述

3.选择器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.属性和盒子模型

浮动能让不同快的div在一行显示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

（5）.注册案例CSS版

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
最低0.47元/天 解锁文章
努力的Java工程师
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaWeb知识点.docx
05-18
JavaWeb知识点.docx
Java注解
YEN_CSDN的博客
06-23 1908
Java注解是插入代码中的一种注释或者说一种元数据(mete data)。这些注解信息可以在编译期使用编译期使用预编译工具进行处理，也可以运用Java的反射机制在运行时处理。注解为我们在代码中添加信息提供了一种形式化的方法。Java中的注解主要是： 元注解 自定义注解 元注解 Java提供了四个基本的元注解类型： 这些类型在：java.lang.annotation包中 @Documente
Golang Web 实战
快乐的工程师的博客
02-19 1684
Golang Web 实战 1. 前言 在开发一个应用，也就是我们俗称 App 时，最低的配置是需要一个前端和一个后端。由前端技术人员为用户开发接触到的页面，由后端为前端的各类用户事件提供处理和数据响应。比较常见的，如手机 App 应用（QQ、微信），网页 Web 应用（GitChat、CSDN 页面），桌面应用（YY、QQ 游戏）…… 不管是什么应用，都需要有后端技术与之匹配。而我们今天介绍的，...
Access to XMLHttpRequest at ‘http://xxxx‘ from origin ‘http://xxxx‘ has been blocked by CORS policy
笑三年-Dylen
10-30 10万+
解决CORS跨域问题 今天做前后端分离的项目时, 前端向后台发送请求发现报错: Access to XMLHttpRequest at ‘http://localhost:8082/doLogin’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-A
javaweb开发中实现登陆权限管理
Programmerfjq的博客
07-05 7179
1.数据库中表的结构2.添加SpringSecurity的依赖包3.在webapp/WEB-INFO下的web.xml中添加过滤器（Filter）4.写springsecurity.xml核心配置文件6.使service层的接口继承类UserDetailsService类，在其实现类userService中重写loadUserByUsername方法7.改写jsp页面中的内容 1.数据库中表的结...
weblogic81的服务配置
weixin_30784501的博客
10-16 179
weblogic81的服务配置使用给weblogic6.1的朋友都知道，weblogic61不用自己新建webservice，而wl81必须新建自己的webservice。其基本的建立步骤为： l1。启动WebLogic8.1的Configuration Wizard,新建一个 weblogic...
2023年JavaWeb知识点.docx
11-05
JavaWeb知识点总结 一、静态Web和动态Web的区别 静态Web和动态Web的最本质的区别是静态Web是无法进行数据库操作，而动态Web是可以进行数据库操作的。动态Web的最大特点就是具有交互性，所谓交互性就是服务器端会...
JavaWeb 知识点总结
01-25
JavaWeb 知识点总结 同学总结的 期末考试准过~
javaweb 所有知识点
01-11
JavaWeb是Java技术在Web开发中的应用，涵盖了从服务器端编程到前端交互的诸多知识点。以下是对这个主题的详尽解析： 1. **Java基础知识**：Java是一种面向对象的编程语言，具有平台无关性、安全性、稳定性和高性能...
javaweb知识点总结
10-20
javaweb培训22天知识点 Xmind结构图 在后面资源中将会有具体每天的笔记
67.220.90.12/bbs/index.php,对乌云漏洞库的分析.md
weixin_42366533的博客
03-10 8923
漏洞都是相似的，但挖洞姿势却各有各的不同。最近收集了很多src的资产域名，正在琢磨怎么用自动化扫描器来扫描，于是有了这个想法。乌云漏洞库有很多样本案例，网络上好像还没有人公开整理过乌云漏洞库中的payload，所以来分析一下吸取乌云前辈们的经验吧。过程过程很容易，爬取了乌云镜像库，并将所有出现过的漏洞链接存储起来。但网页中展示的格式都不太一致，在通过手工测试三四十个样本后，才终于将提取规则完善。存...
Linux下WebLogic10.3的安装与配置
shihuan830619的专栏
10-10 337
WebLogic 10.3 安装、配置与管理手册 第二章 WebLogic 10.3 for SUSE linux §2.1 安装准备  下载WebLogic10.3 for x86 linux安装文件；  安装Suse Linux enterprise Server 11.0；  检查Suse环境，确保/root空闲空间在2G以上。如果/root空间不足，则应扩展root空间，或...
vue项目webpack配置代理，报错代理失败，Proxy error: Could not proxy request xxx from xxx
qq_43305958的博客
09-07 4万+
vue项目webpack配置代理，报错代理失败，Proxy error: Could not proxy request xxx from xxx解决思路1.原因总结 解决思路 1.原因 1.是因为代理对象没有开启服务，不能访问到对象服务器 2.代理规则写错 总结 good morning ...
67.220.91.30/forum/index.php,Burp辅助插件之WooyunSearch 乌云漏洞库payload
weixin_39549312的博客
03-10 1万+
插件安装方式参考下面的页面Burp辅助插件之WooyunSearch 乌云漏洞库payloadBurp辅助插件之WooyunSearch 乌云漏洞库payload来自于一个小的想法，我们能否从一个http数据包获取一些历史漏洞来辅助？例如获得该域名的历史漏洞，获得URL相同路径的历史漏洞，以及URL各个参数的历史漏洞。于是爬了下乌云镜像，通过正则收集链接，又整理了其他各种信息，原本想存到数据库，但...
网站HTTP升级HTTPS完全配置手册
weixin_34232744的博客
07-25 125
 本文由葡萄城技术团队于博客园原创并首发 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 今天，所有使用Google Chrome稳定版的用户迎来了v68正式版首个版本的发布，详细版本号为v68.0.3440.75，上一个正式版v67.0.3396.99发布于6月13日，自Chrome 68起，当在加载非HTTPS站点时，都会在地址栏上明确标...
零基础腾讯云CentOS部署云服务器
qq_35115224的博客
11-25 5390
零基础远程部署项目 获取云主机，安装系统 购买云服务器 腾讯云，1核，2G，50G 安装系统 Linux主要分类 Debian：Ubuntu，Debian Red hat：Red Hat ，Centos 具体分类 Debian：用的deb包，使用APT包管理系统。同时Debian提供了大多数软件比较新的版本，并且提供了更多的软件包（相对于原版Red Hat）。Debian的优点在于更新迅速，软件包完善（Ubuntu尤其），操作便利。缺点是部分时候稳定性欠佳，跟进最新软件有可能存在Bug。
常用端口总结
热门推荐
u014182755的专栏
06-11 12万+
TCP和UDP采用16bit的端口浩来识别应用程序。那么常用的知名端口号有哪些呢？
黑马旅游网_后端总结
底层码农
05-25 1万+
Maven 项目启动，我们可以通过配置 Tomcat 插件来启动 <!--tomcat插件--> <plugin> <groupId>org.apache.tomcat.maven</groupId> <!-- tomcat7的插件， 不同tomcat版本这个也不一样 --> <artifactId&gt...
javaweb知识点
最新发布
09-20
JavaWeb知识点包括以下内容： - JavaWeb应用程序的组成部分：静态web和动态web - Tomcat服务器的使用 - HTTP协议的基本概念和原理 - Maven项目管理工具的使用 - Servlet的概念、原理和常用方法 - Servlet的Mapping和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值