• Java-Web-Servlet入门2.0

    1.保存作用域：
    原始情况下，保存作用域我们认为有四个：page（页面级别，现在基本不用）、request
    1）、 request：一次请求响应范围有效
    2）、 session：一次会话范围有效
    3）、 application：一次应用程序范围有效
    2.servlet-路径问题
    在这里插入图片描述

    绝对路径和相对路径
    相对路径："../"表示返回上一级
            如果在login.html中调用login.css可以../css/login.css
    绝对路径：就是这样，http://localhost:8080/pro10/css/login.css
            在html中的作用就是：当前页面上所有的路径都是以这个为基础
            代表引用的是http://localhost:8080/pro10/css/shopping.css
        在Thymeleaf中有th:href="@{}",这个就相当于”“
        和这个http://localhost:8080/pro10/css/shopping.css一样

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

    补充前面html中的基础知识

    1、onclick 表示单机（点击）事件

    <body onclick="alert('晨哥好帅')">
hello
body>

    • 1
    • 2
    • 3

    在点击网页上点击hello的时候就会弹出弹窗
    在这里插入图片描述

    2、alert() 是javaScript语言提供的一个警告框函数

    它可以接受任意参数。参数就是警告框的函数信息，就是和onclick配合使用例子就上上面的例子

    3、button 表示是按钮

    <body >
hello
<button onclick="alert('晨哥好帅')">按钮button>
<button>按钮2button>
body>

    • 1
    • 2
    • 3
    • 4
    • 5

    这个里面是要加入onclick单击（点击）事件的，不然的话就只是一个按钮，点击之后没有反应
    在这里插入图片描述

    在不加名称是按钮就会显示的比较小
    例：
    在这里插入图片描述
    在加入名称后按钮的大小会以内字体而撑大
    例：
    在这里插入图片描述

    4、font标签

    <font>可以规定文本的字体、字体尺寸、字体颜色

    • 1

    color 改变颜色
    face 改变字体
    size 1到7，大小从1到7逐渐增大

    5、特殊字符（常用）

    <表示<  
>表示>
 表示空格，一个表示一个

    • 1
    • 2
    • 3

    6、标题

    标题一
    

    标题二
    

    标题三
    

    标题四
    

    标题五
    

    标题六
    
标题七
标题只有1~6，其他的都会变成正常的

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8

    效果：
    在这里插入图片描述

    7、align，对齐（对齐属性）

    align="left"左对齐
    align=“right”
    align="center

    8、超链接

    <a href="http://www.baidu.com">百度a>

    • 1

    在这里插入图片描述

    在点击之后会跳转到百度的页面，执行的是href指定的网址：

    • 1

    在这里插入图片描述

    这时候跳转的都是在当前页面，在a标签中的target可以设置打开窗口的位置

    <a href="http://www.baidu.com" target="_self">百度a><br/>
<a href="http://www.baidu.com" target="_blank">百度a>

    • 1
    • 2

    _self是在本窗口，
    _blank是在新窗口

    9、table标签

    cellspacing是设置单元格的间距，colspan设置跨列，rowspan设置跨行
    设置边框间距为零时效果：
    在这里插入图片描述
    在不设置单元格间距时：
    在这里插入图片描述

    iframe显示一个内嵌页面

    这是一个单独的页面<br/>
    <iframe src="demo02.html" width="500" height="500">iframe>

    • 1
    • 2

    效果展示图如下：
    在这里插入图片描述
    iframe与a标签联合使用，使用步骤：
    1、在iframe标签中使用name属性定义一个名称
    2、在a标签中的target属性上设置iframe的name属性值
    例：

    DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
    这是一个单独的页面<br/>
    <iframe src="demo02.html" width="500" height="500" name="demo">iframe>
    <ul>
      <li><a href="demo02.html" target="demo">demo01a>li>
      <li><a href="demo01.html" target="demo">demo02a>li>
    ul>
body>
html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15

    作用：可以点击超链接使iframe开辟的小窗口显示超链接的内容，如果没有这个iframe和a标签的联合使用的话，要么在本窗口转到目标页面，要么再开一个窗口展示目标页面。联合使用可以使我们在原有界面不变的情况下展示超链接
    效果展示如下：
    在这里插入图片描述

  • 相关阅读:
    基于STM32的宠物箱温度湿度监控系统
    Git基本应用＜二＞：Git的分支管理
    QT开发知识点
    转置卷积
    Nginx的请求处理流程
    React函数式组件 父组件调用子组件方法
    【目标检测】基于深度学习的植物中草药智能识别系统【python源码+Pyqt5界面+数据集+训练代码 MX_001期】
    暴力美学
    Doris数据库BE——冷热数据方案
    Linux vi vim
  • 原文地址：https://blog.csdn.net/hzsd_ygdcs/article/details/126074549