Web开发SpringBoot流程性的学习----回顾补充1

news/2025/4/2 8:58:10/文章来源:https://www.cnblogs.com/MoonbeamsC/p/18802793

HTML(HyperText Markup Language)**:超文本标记语言
超文本:超越了文本的限制,比普通文本更强大。除了文字信息,还可以定义图片、音频、视频等内容。
标记语言:由标签构成的语言

HTML标签都是预定义好的。例如:使用展示超链接,展示图片,

HTML代码直接在浏览器中运行,HTML标签由浏览器解析。

1.HTML结构标签

点击查看代码
<html>
<head><title>标题</title>
</head>
<body></body>
</html>

img标签:
    src:图片资源路径
    width:宽度(px,像素;号,相对于父元素的百分比)
    height:高度(px,像素 ;名,相对于父元素的百分比)
路径书写方式:
绝对路径:
    绝对磁盘路径:C:\Users\Administrator\Desktop\HTML\img\news logo.png1.
    绝对网络路径:
https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news logo.png2.
相对路径:
    ./:当前目录 (./可以省略的)
    ../:上一级目录


2.特点
HTML标签不区分大小写
HTML标签属性值单双引号都可以
HTML语法松散**CSS(Cascading Styls Sheet)**:层叠样式表,用于控制页面的样式(表现)CSS引入方式:行内样式:写在标签的style属性中(不推荐)内嵌样式:写在style标签中(可以写在页面任何位置,但通常约定写在head标签中)外联样式:写在一个单独的.css文件中(需要通过 1ink标签在网页中引入)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191356402-1816117805.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191405283-680168646.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191411305-2001727179.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191416489-1846653936.png)
**盒子模型:**
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191540327-705303036.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191545818-1336827635.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191551118-2093053209.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191556617-1797299300.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191603585-1755711617.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191608779-2098877479.png)
**Web标准**也称为网页标准,由一系列的标准组成,大部分由W3C(World Wide Web consortium,万维网联盟)负责制定。
三个组成部分:
HTML:负责网页的基本结构(页面元素和内容)。
CSS:负责网页的表现效果(页面元素的外观、位置等页面样式,如:颜色、大小等)。
Javascript:负责网页的行为(交互效果)**JavaScript(简称:JS)**是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互JavaScript 和Java 是完全不同的语言,不论是概念还是设计。但是基础语法类似。
JavaScript在1995 年由 Brendan Eich 发明,并于 1997 年成为 ECMA 标准。
ECMAScript6(ES6)是最新的JavaScript 版本(发布于 2015 年)。
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191639077-1416946820.png)
基础语句
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191701061-1417055346.png)
变量
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191713410-847491168.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191718638-1951567762.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191735461-1015611629.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191746603-318698314.png)
函数
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191800013-1214307356.png)
对象
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191818027-1847403272.png)
字符串对象
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191831511-2061902232.png)
自定义对象
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191840783-1365358204.png)
JSON对象
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191854575-505040253.png)
BOM对象
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191908671-100567873.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191915588-1412280222.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191921945-400569699.png)
DOM对象
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191932764-1512111101.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191939116-1933142059.png)
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331191948728-1139454681.png)
事件监听
![](https://img2024.cnblogs.com/blog/3478956/202503/3478956-20250331192003662-3734429.png)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/908763.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【我的青春coding物语果然有问题!】第四次上机卡题复盘

最近事多 今天才写出来 实际做的时候变量名犯了很多很唐的错误 这里就不一一说了 我们看一下今天要讲的题目 05:正整数的任意进制转换 将 p 进制 n 转换为 q 进制。p 和 q 的取值范围为[2,36],其中,用到的数码按从小到大依次为:0,1,2,3,4,5,6,7,8,9,A,B,...,Z…

【PCIE711-214】基于PCIe总线架构的4路HD-SDI/3G-SDI视频图像模拟源

产品概述 PCIE711-214是一款基于PCIE总线架构的4路SDI视频模拟源。该板卡为标准的PCIE插卡,全高尺寸,适合与PCIE总线的工控机或者服务器,板载协议处理器,可以通过PCIE总线将上位机的YUV 422格式视频数据下发通过SDI接口播放出去,从而模拟SDI协议标准的视频流。该板卡支持4…

3 Packet (Mbuf) Library

Packet(MBuf)库概述: 这个库提供了分配和释放缓冲区(mbuf)的能力,DPDK 应用可以使用这些缓冲区来存储各种类型的数据,比如:网络数据包(最常见) 控制信息(control data) 事件(events) 或其他需要临时存储的数据这些 mbuf 缓冲区的底层是通过 Mempool 管理的,即使…

3.31 计算机实践-数字逻辑电路

带使能端的D触发器 之前学的门控D锁存器加了一个时钟周期CLK(使得只有时钟发生转换的时候才能写入数据)再加一个使能端(使得只有EN=1的时候才能正确写入,否则就把当前的输出结果再输入给D端,保持触发器当前输出)4位行波加法计数器 T触发器(使得每一个时钟周期之后就会有…

2025年天梯赛补题记录——九宫格

九宫格输入样例: 3 5 1 9 2 8 3 4 6 7 7 2 8 9 6 4 3 5 1 3 4 6 5 7 1 9 2 8 8 9 2 1 4 5 7 3 6 4 7 3 6 2 8 1 9 5 6 5 1 7 3 9 2 8 4 9 3 4 8 1 6 5 7 2 1 6 7 3 5 2 8 4 9 2 8 5 4 9 7 6 1 3 8 2 5 4 9 7 1 3 6 7 9 6 5 1 3 8 2 4 3 4 1 6 8 2 7 9 5 6 8 4 2 7 1 3 5 9 9 1…

【Python编程】Python 参数传递的强制规则你必须掌握

场景 外卖点单时,本来想在“备注”里写“不要辣”,结果不小心输错位置,填在了“地址”栏。骑手到了,给你打电话:“请问您是在‘不要辣小区’门口等我吗?”是不是听起来有点好笑? 生活里,错误填写表单位置尚且令人哭笑不得;而在代码世界里,如果参数用错了位置,后果往…

基于FPGA的2ASK+帧同步系统verilog开发,包含testbench,高斯信道,误码统计,可设置SNR

1.算法仿真效果 vivado2019.2仿真结果如下(完整代码运行后无水印):设置SNR=8db设置SNR=20db整体波形效果:仿真操作步骤可参考程序配套的操作视频。2.算法涉及理论知识概要 2.1 2ASK调制解调2ASK调制解调是一种数字调制解调技术,它是基于ASK调制的一种数字调制方式。ASK调制…

15.文件和流

本章目标Java中的文件 流 字节流 字符流本章内容 一、Java中的文件 1、文件的介绍 Java中文件操作主要通过File类来实现,File类关心的是磁盘上存储的文件File类并不是只代表文件 可以表示特定文件的名称,这里的名称就是路径 可以是某个目录。2、路径的表示方式: 因为在Java中…

16.对象流

本章目标对象流 递归(掌握)本章内容 一、对象流如果想在JVM停止后,把这些对象保存到磁盘或者通过网络传输到另一远程机器,怎么办呢?1、什么是对象流 所谓对象流也就是将对象的内容进行流化,能够输入输出对象的流称为对象流。可以对流化后的对象进行读写操作,也可将流化后…

可视化图解算法: 二叉树的中序遍历

对于二叉树的相关算法,我们总结了一套【可视化+图解】方法,依据此方法来解决相关问题,算法变得易于理解,写出来的代码可读性高也不容易出错。1. 题目 描述 给定一个二叉树的根节点root,返回它的中序遍历结果。 数据范围:树上节点数满足 0≤n≤1000,树上每个节点的值满足…

CH58x/CH59x不同类型广播使用

前言:在日常使用的时候我们用到的广播基本就是普通从机广播,在有特殊使用场景的时候我们可能会用到定向广播和拓展广播。本次对使用对定向广播和拓展广播。 一:定向广播 定向广播类型是为了尽可能快的连接,俗称回连包,这种报文包含两个地址:广播者的地址和发起者的地址。…