初识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 635
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
Web前端网站设计案例：深入剖析创意与技术的完美融合
liyrbtqe_66w的博客
06-12 351
在性能优化方面，设计师通过压缩代码、减少HTTP请求、使用CDN等技术手段，提升了网站的加载速度和响应性能，为用户提供了更加流畅的访问体验。综上所述，本Web前端网站设计案例通过视觉设计、用户体验、技术实现、性能优化、创意表达、响应式设计和跨平台兼容等方面的综合考量，成功打造了一款既美观又实用的网站。这个案例充分展示了Web前端设计的魅力和潜力，为未来的网站设计提供了有益的借鉴和启示。设计师通过独特的视觉元素和创意构思，将品牌理念和文化内涵融入其中，使得整个网站在传达信息的同时，也展现出品牌的独特魅力。
HTML入门教程：深度解析HTML，开启你的前端技术之旅
最新发布
zhangwenok的博客
06-14 1371
HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。
Web前端设计大赛：创意与技术的碰撞
huejiaqwerty888的博客
06-12 452
在这场竞赛中，参赛者们不仅需要展现出独特的创意，还需要运用精湛的技术将创意转化为实际作品。本文将从四个方面、五个方面、六个方面和七个方面，深入剖析Web前端设计大赛的魅力和挑战。交互设计是Web前端设计的核心环节。参赛者需要关注页面的加载速度、响应速度以及操作的便捷性等方面，确保用户在使用过程中能够获得良好的体验。参赛者需要敢于突破传统的设计理念和技术限制，尝试新的设计手法和技术应用。参赛者需要在创意构思、视觉呈现、交互设计、用户体验、技术实现、性能优化以及创新性和可实践性等方面进行全面考虑和精心打造。
javaweb存款代码
12-26
Javaweb 存款代码可以用来实现一个简单的存款功能，主要涉及到前端页面的设计和后台的数据处理。首先，我们需要在前端设计一个表单页面，包括输入存款金额和一个提交按钮。用户在页面上输入存款金额后，点击提交按钮...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值