javaweb学习2

已于 2023-06-29 22:01:03 修改
阅读量243 收藏
点赞数
分类专栏： javaweb 文章标签： 学习
于 2023-06-29 17:06:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ITjingxinbao/article/details/131460220
版权

p标签使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--p标签定义段落 p元素自动在其前后创建一段空白-->
hello，world
<p>段落1</p>
<p>段落3</p>
<p>段落2</p>
<!--span标签是内联元素 没有换行效果 如果不对span标签应用样式span标签没有任何效果
-->
你的购物车有<span style="color:red;font-size: 40px">10</span>个商品
</body>
</html>

在这里插入图片描述

div标签说明

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>div</title>
</head>
<body>
<!--div标签可以分割文档 div是一个块级元素他的内容会自动开始新行不需要换行-->
hello，world
<div>
    <h3>this is a h3</h3>
    <a herf="http://www.baidu.com">goto百度</a>
</div>
</body>
</html>

from练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--select标签是下拉列表框 option标签是列表框的选项
selected=“selected”设置默认选中 textrea表示多行文本输入框
rows属性设置显示几行的高度 cols属性设置可以显示的字符高度-->
<form>
    用户注册信息<br/>
    用户名称:<input type="text" name="username"><br/>
    用户密码:<input type="password" name="pwd1"><br/>
    确认密码:<input type="password" name="pwd2"><br/>
    选择你喜欢的运动项目:
    <input type="checkbox" name="sport" value="lq">篮球<br/>
    <input type="checkbox" name="sport" value="zq" checked>足球<br/>
    <input type="checkbox" name="sport" value="sq" checked>手球<br/>
    请选择性别:
    <input type="radio" name="gender1" value="male">男<br/>
    <input type="radio" name="gender2" value="female">女<br/>
    请选择城市:
    <select name="city">
        <option value="cd">成都</option>
        <option value="bj">北京</option>
        <option value="sh">上海</option>
        自我介绍:
        <textarea rows="6" cols="20"></textarea><br/>
        选择你的文件头像<input type="file" name="mylife" value="上传头像">
        <br/>
        <input type="submit" value="提交"><input type="reset" value="重置">
    </select>

</form>
</body>
</html>

在这里插入图片描述

from格式化

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--select标签是下拉列表框 option标签是列表框的选项
selected=“selected”设置默认选中 textrea表示多行文本输入框
rows属性设置显示几行的高度 cols属性设置可以显示的字符高度-->
<form>
    用户注册信息<br/>
    <table border="1" cellspacing="0">
        <tr>
            <td>用户名称:</td>
            <td><input type="text" name="username"> </td>
        </tr>
        <tr>
            <td>用户密码:</td>
            <td><input type="password" name="pwd1"></td>
        </tr>
        <tr>
            <td>确认密码:</td>
            <td><input type="password" name="pwd2"></td>
        </tr>
        <tr>
            <td>选择你喜欢的运动项目:</td>
            <td><input type="checkbox" name="sport" value="lq">篮球
                <input type="checkbox" name="sport" value="zq" checked>足球
                <input type="checkbox" name="sport" value="sq" checked>手球</td>
        </tr>
        <tr>
            <td>请选择性别:</td>
            <td>><input type="radio" name="gender1" value="male">男
                <input type="radio" name="gender2" value="female">女</td>
        </tr>
        
        <tr>
            <td>请选择城市:</td>
            <td>><select name="city">
                <option value="cd">成都</option>
                <option value="bj">北京</option>
                <option value="sh">上海</option></select> </td>
        </tr>
        <tr>
            <td>自我介绍:</td>
            <td>><textarea rows="6" cols="20"></textarea></td>
        </tr>
        <tr>
            <td>选择你的文件头像</td>
            <td>><input type="file" name="mylife" value="上传头像"></textarea></td>
        </tr>
        <tr>
            <td><input type="submit" value="提交"></td>
            <td>><input type="reset" value="重置"></td>
        </tr>
    </table>


</form>
</body>
</html>

在这里插入图片描述

css快速入门

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    在head标签里出现style type=text/css表示写css内容 div表示对div元素进行-->
<!--    样式指定-->
    <style type="text/css">
        div{
            width:300px;
            height:100px;
            background-color:gold;
        }
    </style>
</head>
<body>
<div>hello,北京</div><br/>
<div>hello,京</div><br/>
<div>hello,bei</div><br/>

</body>
</html>

在这里插入图片描述

css文字内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
/*<!--        颜色可以写颜色名比如green 也可以写rgb值 也可以十六进制表示 -->*/
div{
    /*color:rgb(255,122,1);*/
    width:300px;
    height:100px;
    border:1px dashed blue;
}
    </style>
</head>
<body>
<div>韩顺平教育</div>
</body>
</html>

在这里插入图片描述

css-div使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div{
            width:300px;
            height:100px;
            background: beige;
        }
    </style>
</head>
<body>
<div>jack</div>
<div>tom</div>
<div>goods</div>

</body>
</html>

在这里插入图片描述

引用css文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    通过引用css文件来改变样式  rel:relation关联-->
    <link rel="stylesheet" type="text/css" href="mycss.css"/>
</head>
<body>
<div>jack</div>
<div>tom</div>
<div>goods</div>

</body>
</html>


div{
    width:200px;
    height:100px;
    background-color: brown;
}
span{
    border:2px dashed blue;
}

在这里插入图片描述

css-table


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格细线</title>
    <style type="text/css">
        /*
            设置边框 : border: 1px solid black
            将边框合并: border-collapse: collapse;
            指定宽度： width
            设置边框： 给 td, th 指定即可 border: 1px solid black;

            老韩解读
            1. table, tr, td 表示组合选择器
            2. 就是table 和 tr 还有 td ,都用统一的样式指定, 可以提高复用性
         */
        table, tr, td {
            width: 300px;
            border: 1px solid black;
            border-collapse: collapse;
        }
    </style>
</head>
<body>
<table>
    <tr>
        <td align=center colspan="3">星期一菜谱</td>
    </tr>

    <tr>
        <td rowspan=2>素菜</td>
        <td>青草茄子</td>
        <td>花椒扁豆</td>
    </tr>
    <tr>
        <td>小葱豆腐</td>
        <td>炒白菜</td>
    </tr>
    <tr>
        <td rowspan=2>荤菜</td>
        <td>油闷大虾</td>
        <td>海参鱼翅</td>
    </tr>
    <tr>
        <td>红烧肉</td>
        <td>烤全羊</td>
    </tr>
</table>

</body>

</html>

在这里插入图片描述

css-ul

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        ul{
        /*    list-style:none表示去掉默认的修饰*/
            list-style:none;
        }
    </style>
</head>
<body>
<ul>
    <li>三国演义</li>
    <li>红楼梦</li>
    <li>水浒传</li>
    <li>西游记</li>
</ul>
</body>
</html>

在这里插入图片描述

ul

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    decoration修饰-->
    <style type="text/css">
        a{
            text-decoration:none;
        }
    </style>
</head>
<body>
<a href="http://www.baidu.com">点击百度</a>
</body>
</html>

在这里插入图片描述

id选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    使用id选择器需要先修饰id属性 id值是程序员自己选定
id的值唯一不能重复  -->
    <style type="text/css">
        #css1{
            color: gold;
        }
        #css2{
            color:green;
        }
    </style>
</head>
<body>
<h1 id="css1">韩顺平教育</h1>
<p id="css2">hello,world</p>
</body>
</html>

在这里插入图片描述

class选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css" >
        .css1{
            color:pink;
        }
        .css2{
            color:sandybrown;
        }
    </style>
</head>
<body>
<div class="css2">韩顺平教育</div>
<p class="css1">hello,world</p>
</body>
</html>

在这里插入图片描述

css居中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    margin-left、margin-right设置为auto表示左右居中
text-align:center表示文本居中-->
    <style type="text/css">
        div{
            border:1px solid black;
            width:300px;
            font-size:40px;
            font-weight:bold;
            font-family:新宋体;
            margiin-left:auto;
            margin-right:auto;
            text-align: center;
        }
    </style>
</head>
<body>
<div>韩顺平教育</div>
</body>
</html>

在这里插入图片描述

ITjingxinbao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javaweb学习.pdf
04-23
javaweb学习笔记
javaweb学习文档
07-28
javaweb开发工具说明、第二步 Javaweb目录结构、第三步 Javaweb项目部署、第四步 Javaweb开发之HTTP协议、第五步 javaweb开发之Servlet
javaweb学习资料
03-13
javaweb学习资料
javaweb学习心得.doc
11-24
Java Web 学习心得 Java Web 学习心得是指学习 Java Web 开发相关技术的经验总结，涵盖了 HTML、CSS、JavaScript、XML、DTD/Schema、Java EE 中的 JSP、Servlet、Filter、Listener、JSTL、EL、JQuery、Ajax 等技术...
JavaWeb开发学习手册
07-22
资源名称：Java Web开发学习手册内容简介：《Java Web开发学习手册》以初学者为对象，全面介绍了使用JavaWeb开发程序的相关技术。在内容安排上由浅入深，让读者循序渐进地掌握编程技术；在内容讲解上结合丰富的图解...
6.S081的Lab学习——Lab7: Multithreading
qq_43264167的博客
06-19 732
一个本硕双非的小菜鸡，备战24年秋招。打算尝试6.S081，将它的Lab逐一实现，并记录期间心酸历程。
生命在于学习——Python人工智能原理（4.1）
易水哲的博客
06-19 697
前言：人工智能基础结束了，本章开启Python的学习，之前我写过Python的学习了，不过是偏向网络安全方向的学习，这次算是完完全全的学习。
第100+12步 ChatGPT学习：R实现KNN分类
qq_30452897的博客
06-19 536
第100+12步 ChatGPT学习：R实现KNN分类
样本学习：当AI遇上“少见多怪”
山石网科的博客
06-13 782
从生物学的角度来看，我们的大脑是如何在经历了少数几次的经验后，形成对事物的认识和理解的？为了实现这样的元学习，有几种流行的方法，例如模型无关的元学习（MAML），它通过优化一个模型的初始参数，以确保这些参数可以通过少量的梯度更新迅速适应新任务。只有这样，通过增强后的数据训练出的模型，才能在现实世界中遇到新数据时，表现出良好的鲁棒性和适应性。嵌入学习是机器学习中一种将高维数据转换到低维空间的技术，它尝试揭示数据背后的隐含结构，使得数据的某些特性（如类别间的相似性或差异性）在新的空间中更加明显。
【perfetto分析性能学习笔记】
q_2474932226的博客
06-12 327
perfrtto性能分析
linux驱动学习（十二）之看门狗
ckg3824278的博客
06-12 175
linux驱动学习（十一）之看门狗
AUTOSAR学习
Dr_chaser的博客
06-12 653
前段时间参加系统架构师的软考，其中案例分析中的嵌入式题目是分析autosar架构，但是自己只是听说过汽车领域正在使用这个架构，实际上这个架构到底是什么？以及它有什么作用，则是全然不知，最终作为一个嵌入式工程师，案例题也没有选择这个嵌入式题目。其实软考会考这个东西再一定层面上就说明，国家或者当前社会这块的人才是有些稀缺的，然后想通过这种软考让更多的人去了解autosar架构。另外最近在看机器人领域的工作，发现和ROS（机器人操作系统）相关的开发工作中很多都提到了要对autosar有一定的了解。
Ui学习--UITableView
2301_80253909的博客
06-16 421
UITableView的简单学习～
微信小程序学习（五）：条件渲染与列表渲染
激洪的博客
06-19 171
微信小程序学习：条件渲染与列表渲染
如何学习VBA_3.3.3：VBA对于工作簿、工作表的一般操作
VBA语言専攻
06-12 713
我给VBA的定义：VBA是个人小型自动化处理的有效工具。利用好了，可以大大提高自己的劳动效率，而且可以提高数据处理的准确度。我推出的VBA系列教程共九套和一部VBA汉英手册，现在已经全部完成，希望大家利用、学习。。VBA是面向对象编程的语言，博大精深。很多朋友咨询VBA的学习方法，我会陆续给大家讲解一些我的经验，大家可以慢慢体会。今日的内容是:如何学习VBA_3.3.3：VBA对于工作簿、工作表的一般操作。
[Qt的学习日常]--窗口
最新发布
分享技术
06-20 403
几中窗口属性：菜单栏，工具栏，状态栏，浮动窗口，对话框，在对话框中又细分了五种对话框
Linux操作系统学习：day05
qq_45545681的博客
06-19 671
视频推荐：[Linux基础入门教程-linux命令-vim-gcc/g++ -动态库/静态库 -makefile-gdb调试](
【Spine学习08】之短飘，人物头发动效制作思路
qq_44684452的博客
06-15 327
自动计算的话可能还是顶点蓝色骨骼权重更多，但是发根的位置一般不飘动，所以需要绑定更多固定不变的总骨骼权重。可以自己发挥想象力K，也可以按照教程设置0 40 80三个阶段，40帧的时候头发上飘。同样40s的发根也可以选择30s的时候K一个幅度小的 再去替换40S的帧。然后选择发根骨骼（因为发根骨骼变化幅度是小于发尾飘动幅度的）绑定权重（手动将发根位置的顶点赋予更多总骨骼的权重）3.绑定权重（发根位置的顶点赋予更多总骨骼的权重）1.创建骨骼（头发需要在上方加一个总骨骼）创建骨骼（头发需要在上方加一个总骨骼）
Vitis Accelerated Libraries 学习笔记--OpenCV 安装指南
hi94的博客
06-19 434
在使用Vitis Vision Library进行图像处理和计算机视觉项目时，OpenCV库的安装是为了提供一个功能强大的测试和验证平台。OpenCV不仅支持Vitis Vision库中加速内核的功能演示，而且还提供了一系列工具来帮助开发者验证和优化他们的算法。通过详细的安装指南，用户可以轻松地在他们的系统上配置OpenCV环境，从而确保Vitis Vision库的顺利运行和性能测试。此外，解决常见的安装错误，如共享库文件的查找和配置，进一步确保了开发环境的稳定性。
javaweb学习系统
07-20
JavaWeb学习系统是一个用于学习和实践JavaWeb开发技术的在线教育平台。该系统通过提供丰富的学习资料、在线编程实践环境和互动交流平台，帮助学习者系统地学习并应用JavaWeb开发技术。 首先，JavaWeb学习系统提供了...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值