初识JavaWeb 简要代码03

最新推荐文章于 2024-06-14 11:01:38 发布
最新推荐文章于 2024-06-14 11:01:38 发布
阅读量30 收藏
点赞数
文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62745383/article/details/130757442
版权 
div{
    border:1px solid yellow;
}
span{
    border:1px solid red;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS与HTML结合</title>
    <link rel="stylesheet" type="text/css" href="01-css.css"/> <!--link标签引入css代码-->
</head>
<body>
<div>div标签1</div>
<div>div标签2</div>

<span>span标签1</span>
<span>span标签2</span>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS标签名选择器</title>
    <style type="text/css">
        div{
            border:1px solid yellow;
            color:blue;
            font-size:30px;
        }
        span{
            border:5px solid blue;
            color:blue;
            font-size:20px;
        }
    </style>
</head>
<body>
<div>div标签1</div>
<div>div标签2</div>
<span>span标签1</span>
<span>span标签2</span>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ID选择器</title>
    <style type="text/css">
        #id001{
            color:blue;
            font-size:30px;
            border:1px solid yellow;  <!--边框粗细 实线边框 黄色-->
        }
        #id002{
            color:red;
            font-size:20px;
            border:5px dotted blue; <!--边框粗细 虚线边框 蓝色-->
        }
    </style>
</head>
<body>
<div id="id001">div标签1</div>
<div id="id002">div标签2</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CLASS选择器</title>
    <style type="text/css">
        .class01{
            color:blue;
            font-size:30px;
            border:1px solid yellow;
        }
        .class02{
            color:green;
            font-size:20px;
            border:1px dotted red;
        }
    </style>
</head>
<body>
<div class="class01">dic标签class01</div>
<div class="class02">dic标签class02</div>
<span class="class01">span标签class01</span>
<span>span标签</span>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组合选择器</title>
    <style type="text/css">
        .class01,#id01{
            color:red;
            font-size:20px;
            border:1px solid blue;
        }
    </style>
</head>
<body>
<div class="class01">div标签class01</div>
<div id="id01">div标签id01</div>
<span id="id01">span标签</span><br/>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用样式</title>
    <style type="text/css">
        div{
            <!--颜色-->
            color:red;
            <!--黄色1像素实线边框-->
            border:1px solid yellow;
            <!--宽度-->
            width::300px;
            <!--高度-->
            height:200px;
            <!--背景颜色-->
            background-color:green;
            <!--字体样式-->
            font-size:20px;
            <!--DIV居中-->
            margin-left:auto;
            margin-right:auto;
            <!--文本居中-->
            text-align:center;
        }
        table{
            border:1px solid red;  <!--设置边框-->
            border-collapse:collapse; <!--将边框合并-->
        }
        td{
            border:1px solid red;
        }
        a{
            text-decoration:none;  <!--超链接去下划线-->
        }
        ul{
            list-style:none;  <!--列表去除修饰-->
        }
    </style>
</head>
<body>
<ul>
    <li>1111111111</li>
    <li>1111111111</li>
    <li>1111111111</li>
    <li>1111111111</li>
    <li>1111111111</li>
</ul>
<table>
    <tr>
        <td>1.1</td>
        <td>1.2</td>
    </tr>
</table>
<a href="http://www.baidu.com">百度</a>
<div>div标签</div>

</body>
</html>

Z.Bryce
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
《Java Web程序设计任务教程》简要复盘：第七章 EL表达式和JSTL
oALiKongZuo的博客
10-22 479
《Java Web程序设计任务教程》简要复盘：第七章 EL表达式和JSTL第七章 EL表达式和JSTL 作者：氯磷Rolin 第七章 EL表达式和JSTL
javaweb项目代码生成器
05-10
代码生成器： 该项目为代码生成器 基于Apache Velocity的 Java模板引擎
JavaWeb初识监听器
Y4tacker的博客
07-10 8873
文章目录简要说明ServletContextListener 监听器简单示例监听器配置Web.xml配置 简要说明 1、Listener 监听器它是 JavaWeb 的三大组件Servlet 程序、Filter 过滤器、Listener监听器之一。 2、Listener 它是 JavaEE 的规范，就是接口。 3、监听器的作用是，监听某种事物的变化。然后通过回调函数，反馈给客户（程序）去做一些相应的处理。 ServletContextListener 监听器 现在常用的监听器便是ServletContext
JavaWeb学习总结第一篇--初识JavaWeb
weixin_30306905的博客
04-16 107
JavaWeb学习总结（一）-- 初识JavaWeb 一：Web相关概念 Web程序也就是一般所说的网站，由服务器、客户端浏览器和网络组成。Web程序的好处就是使用简单，不需要安装、学习，有一台电脑、一根网线就可以使用。 1：应用程序的两种模式：B/S和C/S C/S是客户端(Client)/服务器端(Server)应用程序，也就是说这种应用程序一般独立运行。而B/S就是浏览器端(Br...
Javaweb----Servlet初识
qq_43667170的博客
07-17 150
1.简介 servlet是Javaweb中用于实现动态页面的接口，所以在实际代码中我们不会直接去实现servlet这个接口，而是去继承一个实现了它的抽象类：HttpServlet。类与接口之间关系如下图： Servlet接口如下图： 可以看到，Servlet其中最重要的方法就是void service()，从命名就可以看出来，这个是实现服务的主要方法。 GenericServlet在此处没有重写service方法，略过。这里说一下HttpServlet： 看得出，HttpServ.
java web springmvc,初识 SpringMVC - JavaWeb 入门开发教程
weixin_28972687的博客
03-13 102
初识 SpringMVC可以看到，使用 SpringMVC 框架，实现一个 Controller，并且能够在浏览器中访问，实在是简单了太多，背后 SpringMVC 帮我们做了很多的工作，这里简要地介绍一下，以让读者对 SpringMVC 工作原理有一个初步的认识。Annotation在前面的代码中，我们使用了诸如 @Controller 等 Annotation。要理解前面的代码，首先要对 Ja...
Servlet——初识Servlet
Stay Hungry Stay Foolish
02-09 1319
Java的各种框架虽然好，但是这些框架底层的实现技术，才是真正核心的东西。框架会随着时间更迭，底层核心却永远不变。学习各种框架的时候，不能忘记实现它们的核心技术。最近我会花时间重温Serlvet的知识，这对理解SpringMVC和SpringBoot等框架的底层原理有很大的帮助。学习Servlet不免涉及到前后端交互的一些功能，所以在前端部分我也会简要回顾一下“曾经”的JSP，尽管现在用Sprin...
[JavaWeb开发中]常用的JavaScriptAPI速览
开心的博客
03-16 1007
1.什么是 WebAPI API 是一个更广义的概念. 而 WebAPI 是一个更具体的概念, 特指 DOM+BOM 所谓的 API 本质上就是一些现成的函数/对象, 让程序猿拿来就用, 方便开发. DOM和BOM 操作网页结构都属于DOM范畴 操作浏览器的都属于BOM范畴 2.获取元素 1.querySelector <div class="one">hello</div> <div class="one">world</div> <script&
SpringMVC——初识SpringMVC，SpringMVC原理
qq_43411550的博客
08-15 266
SpringMVC——初识SpringMVC 一、什么是MVC MVC是模型（Model）、视图（View）、控制器（Controller）的简写，是一种软件设计规范。就是将业务逻辑层、数据层、显示层分离的一种方法。 MVC主要作用就是降低了视图与业务逻辑间的双向耦合。MVC不是一种设计模式，MVC是一种框架模式。 ...
[JAVA] 初识Java 和 Java的跨平台实现原理
c2017_1_10的博客
03-13 167
詹姆斯.高斯林-公认的java之父
javaweb代码生成工具源码
03-10
这是一款代码生成工具，可自定义模板生成不同的代码，支持MySQL、Oracle、SQL Server、PostgreSQL。 只需要一个Java8环境，下载后即可运行使用。 步骤简单，只需配置一个数据源，然后勾选模板即可生成代码。 默认...
JavaWeb的代码JavaWeb的代码
10-18
JavaWeb的代码JavaWeb的代码JavaWeb的代码JavaWeb的代码JavaWeb的代码JavaWeb的代码JavaWeb的代码JavaWeb的代码
javaweb笔记+代码(狂神说java)
08-27
javaweb笔记+代码(狂神说java)
javaweb有效代码行数计算器
05-22
有效代码行数计算器，可以计算包括jar包中的所有有效java代码。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 639
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
Web前端网站设计案例：深入剖析创意与技术的完美融合
liyrbtqe_66w的博客
06-12 354
在性能优化方面，设计师通过压缩代码、减少HTTP请求、使用CDN等技术手段，提升了网站的加载速度和响应性能，为用户提供了更加流畅的访问体验。综上所述，本Web前端网站设计案例通过视觉设计、用户体验、技术实现、性能优化、创意表达、响应式设计和跨平台兼容等方面的综合考量，成功打造了一款既美观又实用的网站。这个案例充分展示了Web前端设计的魅力和潜力，为未来的网站设计提供了有益的借鉴和启示。设计师通过独特的视觉元素和创意构思，将品牌理念和文化内涵融入其中，使得整个网站在传达信息的同时，也展现出品牌的独特魅力。
HTML入门教程：深度解析HTML，开启你的前端技术之旅
最新发布
zhangwenok的博客
06-14 1379
HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。
Web前端设计大赛：创意与技术的碰撞
huejiaqwerty888的博客
06-12 455
在这场竞赛中，参赛者们不仅需要展现出独特的创意，还需要运用精湛的技术将创意转化为实际作品。本文将从四个方面、五个方面、六个方面和七个方面，深入剖析Web前端设计大赛的魅力和挑战。交互设计是Web前端设计的核心环节。参赛者需要关注页面的加载速度、响应速度以及操作的便捷性等方面，确保用户在使用过程中能够获得良好的体验。参赛者需要敢于突破传统的设计理念和技术限制，尝试新的设计手法和技术应用。参赛者需要在创意构思、视觉呈现、交互设计、用户体验、技术实现、性能优化以及创新性和可实践性等方面进行全面考虑和精心打造。
javaweb存款代码
12-26
Javaweb 存款代码可以用来实现一个简单的存款功能，主要涉及到前端页面的设计和后台的数据处理。首先，我们需要在前端设计一个表单页面，包括输入存款金额和一个提交按钮。用户在页面上输入存款金额后，点击提交按钮，提交表单数据到后台处理。在后台，我们可以使用 Java 语言编写一个处理存款的方法，接收前端传过来的存款金额参数，然后对用户的账户进行存款操作。在存款方法里，我们需要判断用户输入的存款金额是否符合要求（比如必须大于0），然后将存款金额加到用户的账户余额上，最后返回存款成功的消息给前端。除了存款成功的消息，还需要处理存款失败的情况，比如用户输入金额小于0或者系统错误等。 在实现存款功能的过程中，我们还需要与数据库进行交互，即存储用户的存款信息。我们可以使用 JDBC 或者其他 ORM 框架来连接数据库，并且进行数据的增删改查操作。在存款成功之后，我们需要把用户存款的信息记录到数据库中，以便用户日后查询和管理自己的存款信息。 总的来说，Javaweb 存款代码的实现主要包括了前端页面的设计和后台的存款方法的编写，以及与数据库的交互。这个功能相对来说是一个比较简单的业务功能，但是实践中需要考虑到用户的输入情况和错误处理等情况。希望这个回答能帮到你。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值