当前位置： 首页 > news >正文

Java Web之网页开发基础复习

news 2026/5/23 20:18:07

tomcat之网页开发基础复习

**声明** :HTML标准规范

</!doctype>

<html> : 根标签

<head>: 头部标签 内含<title><meta><link><style>

<body>: 主体

<body></body>

html标签

单标签: <标签名 \>

双标签:<标签名>内容<标签名>

注释标签:<!--注释-->

<p></p>,<br/>,<span></span>,

表格标签:

<tr><td>2333</td>
</tr>

表单标签:

表单域<form>

<form action ="URL 地址" method = "提交方式" name = "表单名称">各种表单控件
</form>

action – 表单提交地址

method –GET or POST (默认GET保密性差,且有数量限制,POST保密性高,且可提交大量数据,开发中常用POST)

表单控件

<input/>

<input type = "控件类型" />

input type –text 文本输入,password 密码输入,radio 单选 ,checkbox 复选,file 文件上传,submit 提交 ,reset 重置

<textarea cols = "每行字符数" rows = "显示的行数">文本内容
</textarea>

列表标签

<ul><li>无序</li><li>阿巴阿巴</li>
</ul><ol><li>有序1</li><li>有序2</li>
</ol><dl>
<dt>名词1</dt><dd>名词1描述</dd>
<dt>名词2</dt><dd>名词2描述</dd><dd>名词2描述</dd>
</dl>

超链接标签

<a href = "跳转目标" target = "目标窗口弹出方式">文本or图像</a>

target _self 默认值,原窗口打开;_blank 新窗口打开;_parent 父框架集打开;_top 整个窗口中打开

图像标签

<img src = "图像URL"/>

可加width ,height ,border…

CSS

选择器{属性1:属性值1;属性2:属性值2;
}

长度–像素(px),百分比(%)

颜色-- red,green,blue…#FF0000,#FF6600,#29D794…rgb(255,0,0)…

行内式

结构不与样式分离,不建议使用

<标签名 style = "属性1:属性值1;.....">内容</标签名>

内嵌式

head 提前加载

<head><style type = "text/css" >选择器{属性1:属性值1;......}</style>
</head>

外链式

<head><link href = "CSS文件路径" type = "text/css" rel = "stylesheet" />
</head>

rel : 表示 定义当前文档与被链接文档之间的关系 ,指定为stylesheet, 样式表文件

css文件:

<style type = "text/css">
h2{text-align :center;
}
div{border:1px solid #CCC; width : 300px; height : 80px;color:purple;text-align:center;
}
</style>

HTML文档:

<head><link href = "style.css" type = "text/css" rel = "stylesheet" />
</head>
<body><h2>外链式css样式</h2><div>链入式</div>
</body>

导入式

<style  type = "text/css"> @import url (CSS 文件路径);<!--或 @import "CSS文件路径";-->
</style>

HTML文档更改:

<head><style  type = "text/css"> @import url (CSS 文件路径);<!--或 @import "CSS文件路径";--></style>
</head>
<body><h2>外链式css样式</h2><div>链入式</div>
</body>

CSS 选择器&常用属性

标签选择器

标签名{属性1:属性值1;......}

类选择器

.类名{属性1:属性值1;.....}

id选择器

#id名{属性1:属性值1;.....}

通配符选择器

*{属性1:属性值1;.....}

Java Script

JavaScript的引入方式

行内式
<body><input type="button" value = "点我" οnclick="alert('行内式') " / >
</body>
内嵌式
<head><script type = "text/javascript" >//javascript代码在此处
</script>
</head>
外链式
<head><title>js外链式</title><script type="text/javascript" src="jsDemo.js"></script>
</head>
数据类型
  • Number 数值部分不分整型&浮点型 ,
  • String 字符串’ '," "
  • Boolean true or false
  • Object 对象类型 一组数据&功能的键值对集合
  • Null
  • Undefined 未定义 变量被创建,但未赋值

DOM 相关知识

可以一种独立平台&语言的方式 来访问&修改一个文档的内容&结构

  • parentNode
  • childNode
  • firstChild
  • lastChild

获取文档中指定的元素

  1. id
document.getElementById("userId");
  1. name
document.getElementsByName("userName") [0];

BOM 相关知识

BOM提供了独立于内容且可与浏览器窗口进行交互的对象,

BOM包含DOM

相关文章：

Java Web之网页开发基础复习

tomcat之网页开发基础复习 **声明** :HTML标准规范 </!doctype> <html> : 根标签 <head>: 头部标签 内含<title><meta><link><style> <body>: 主体 <body></body> html标签 单标签: <标签名 \> 双标…...

编程日记 2024/3/4 18:52:25

华容道问题求解第一部分_详细设计(一)之棋子和游戏类_初始化部分

按&#xff1a;因为自控力和能力的原因&#xff0c;这个其实是在和代码同时进行的。 主要 类 说明 这一层是整个项目的基础&#xff0c;将对未来的算法的效率产生重要影响。为了和界面隔离&#xff0c;以及自身逻辑的清晰&#xff0c;下面的两个类是必须的&#xff0c;棋子类…...

编程日记 2024/3/4 18:51:23

【框架】Spring 框架重点解析

Spring 框架重点解析 1. Spring 框架中的单例 bean 是线程安全的吗&#xff1f; 不是线程安全的 Spring 框架中有一个 Scope 注解&#xff0c;默认的值是 singleton&#xff0c;即单例的&#xff1b;因为一般在 Spring 的 bean 对象都是无状态的&#xff08;在生命周期中不被…...

编程日记 2024/3/4 18:50:22

js中的内存泄漏

理解 内存泄漏是计算机,中由于疏忽或者错误造成程序未能释放已经不在使用的内存,知道浏览器结束 垃圾回收机制 js具有自动的垃圾回收机制,垃圾收集器会定期(周期性)的找出那些不在继续使用的变量,然后释放内存 常见的内存泄漏 意外的全局变量 function foo(){bar 123123…...

编程日记 2024/3/4 18:49:21

营业执照年报申报

姿势&#xff1a;营业执照年报申报 借鉴文章&#xff1a;个体工商户年报申报流程&#xff08;不要再花冤枉钱&#xff09; 1、国家企业信用信息公示系统 地址&#xff1a;https://www.gsxt.gov.cn/index.html 2、登录&#xff08;重庆的方式二简单&#xff09;...

编程日记 2024/3/4 18:47:18

Springboot教程（五）——单元测试

idea中一般使用JUnit进行单元测试 基本使用 我们可以在idea的test文件夹下的XXXXApplicationTests内进行单元测试&#xff1a; 可以在Test标注的方法上写测试代码&#xff1a; SpringBootTest class C0101ApplicationTests {Testfun contextLoads() {println("Hello …...

编程日记 2024/3/4 18:43:13

【Kotlin】函数

1 常规函数 1.1 无参函数 fun main() {myFun() }fun myFun() {println("myFun") // 打印: myFun } 1.2 有参函数 1&#xff09;常规调用 fun main() {myFun("myFun") // 打印: myFun }fun myFun(str: String) {println(str) } 2&#xff09;形参指定默…...

编程日记 2024/3/4 18:42:11

Unity生命周期函数解析

本文由 简悦 SimpRead 转码&#xff0c; 原文地址 mp.weixin.qq.com Unity生命周期函数解析 Unity 生命周期函数是在游戏对象的不同阶段被调用的方法&#xff0c;通过这些函数&#xff0c;我们可以在不同的时刻执行特定的代码。在这篇文章中&#xff0c;我们将一步步解析 Unit…...

编程日记 2024/3/4 18:41:10

【Qt】QTextEdit/QPlainTextEdit 实现 Tab 键多行缩进与反缩进

【Qt】QTextEdit/QPlainTextEdit 实现 Tab 键多行缩进与反缩进 文章目录 I - 主要原理II - 代码实现2.1 - 自定义类2.2 - 实现 Tab 缩进2.3 - 实现反缩进 III - 参考链接 I - 主要原理 由于 QTextEdit 和 QPlainTextEdit &#xff0c;都无法实现多行选中缩进与反缩进&#xff…...

编程日记 2024/3/4 18:40:09

C++缺陷与思考

数组隐式转换为指针 size_t func(int a[10]) {return sizeof(a); }int a[100]; func(a); // 指针大小 sizeof(a); // 数组大小函数的参数看似是一个数组形式&#xff0c;但事实上他已经退化为指针了&#xff0c;也就是等价于size_t func(int* a)&#xff0c;而数组作为参数传…...

编程日记 2024/3/4 18:38:07

无公网ip环境使用DS file软件远程访问内网群晖NAS中储存的文件

文章目录 1. 群晖安装Cpolar2. 创建TCP公网地址3. 远程访问群晖文件4. 固定TCP公网地址5. 固定TCP地址连接 DS file 是一个由群晖公司开发的文件管理应用程序&#xff0c;主要用于浏览、访问和管理存储在群晖NAS&#xff08;网络附加存储&#xff09;中的文件。这个应用程序具有…...

编程日记 2024/3/4 18:37:07

软件工程基础

本博客地址&#xff1a;https://security.blog.csdn.net/article/details/136446772 一. 软件工程 1、软件危机。具体表现为&#xff1a;软件开发进度难以预测、软件开发成本难以控制、软件功能难以满足用户期望、软件质量无法保证、软件难以维护和软件缺少适当的文档资料。 …...

编程日记 2024/3/4 18:36:05

alzet供应商你值得拥有

在20世纪70年代&#xff0c;ALZE公司研发出来一款巧妙的药物输送装置——Alzet osmotic pump。这款产品如胶囊般精致小巧&#xff0c;它既有胶囊的外表&#xff0c;也具有胶囊的作用。在Alzet osmotic pump中藏有可以装配药物溶液的空间。此款胶囊泵如同一个小投递员&#xff0…...

编程日记 2024/3/4 18:34:04

x86中的TSS与任务切换

前言 今天在学习《深入理解Linux内核》的时候&#xff0c;发现出现了一个新的名词TSS&#xff08;Task-State Segment&#xff09;&#xff0c;这还是我第一次了解到原来x86提供了硬件级别的任务切换功能&#xff0c;之前以为任务切换都是操作系统实现的来着&#xff0c;这里也…...

编程日记 2024/3/4 18:32:02

打造去中心化透明储蓄罐：Solidity智能合约的又一实践

一、案例背景 传统的储蓄罐通常是由个人或家庭使用&#xff0c;用于存放硬币或小额纸币。然而&#xff0c;这样的储蓄罐缺乏透明性&#xff0c;用户无法实时了解储蓄情况&#xff0c;也无法确保资金的安全性。 通过Solidity智能合约&#xff0c;我们可以构建一个去中心化…...

编程日记 2024/3/4 18:31:01

Java Mybatis数据库面试题

Java Mybatis数据库面试题 前言1、什么是 Mybatis&#xff1f;2、Mybaits 的优缺点&#xff1a;3、SQL 注入如何防止&#xff1f;4、MyBatis 框架适用场合&#xff1a;5、MyBatis 与 Hibernate 有哪些不同&#xff1f;6、#{}和${}的区别是什么&#xff1f;7、当表中的字段名和实…...

编程日记 2024/3/4 18:30:00

LeetCode-第14题-最长公共前缀

1.题目描述 编写一个函数来查找字符串数组中的最长公共前缀。 如果不存在公共前缀&#xff0c;返回空字符串 ""。 2.样例描述 3.思路描述 按字符串数组每个数组的长度&#xff0c;将字符串数组从小到大排序&#xff1b;他们的公共前缀一定小于或等于最长元素长度…...

编程日记 2024/3/4 18:27:58

TCP/UDP模型：2024/2/29

作业1&#xff1a;TCP模型 服务器端&#xff1a; #include <myhead.h> #define SER_IP "192.168.199.129" #define SER_PORT 8899int main(int argc, const char *argv[]) {//1.创建用于连接的套接字文件int sfdsocket(AF_INET,SOCK_STREAM,0);if(sfd-1){per…...

编程日记 2024/3/4 18:23:50

微信如何设置自动回复消息，提升沟通效率的？

在日常微信聊天过程中&#xff0c;我们可能会频繁遇到相同问题的客户提问&#xff0c;特别是对于从事销售工作的朋友们而言&#xff0c;客户添加好友后的第一句话常常为“在吗”或“你好”。当我们拥有大量好友&#xff0c;手动逐一回复可能会耗费大量时间。因此&#xff0c;自…...

编程日记 2024/3/4 18:22:49

PCIE的BAR空间

1.PCIe 简介 PCIe&#xff08;Peripheral Component Interconnect Express&#xff09;是一种高速 串行计算机扩展总线标准&#xff0c;主要用于连接主板上的中央处理器&#xff08;CPU&#xff09;和 各种外部设备&#xff0c;如显卡、声卡、硬盘等。PCIe 总线取代了传统的 PC…...

编程日记 2024/3/4 18:21:48

拒绝“人肉搬砖”！实测AI Agent如何重塑制造企业供应链自动管理

【摘要】 站在2026年5月的技术交汇点&#xff0c;全球制造业正经历从“自动化”向“智能化”的深度跃迁。面对制造企业供应链管理中长期存在的系统围墙、数据孤岛及信创适配难等沉疴顽疾&#xff0c;传统的RPA工具与API集成方案已显疲态。本期「企服AI产品测评局」深度实测发现…...

编程新知 2026/5/23 19:50:17

当IP矩阵遇上GEO，中小企业如何实现“双轮驱动”？

流量入口正在从搜索框向对话栏迁徙&#xff0c;你的品牌是“被看见”还是“被信任”&#xff1f;一、一个正在发生的营销范式革命2026年的一个真实场景&#xff1a;当潜在客户向豆包或千问提问“哪家公司的XX服务比较好”时&#xff0c;AI给出的推荐列表里&#xff0c;你的品牌…...

编程新知 2026/5/23 18:50:33

HTTPS明文调试实战：SSLKEYLOGFILE原理与浏览器配置指南

1. 为什么你抓不到HTTPS的明文——不是Wireshark不行&#xff0c;是浏览器在“加密保护”你很多人第一次尝试用Wireshark分析网页请求时&#xff0c;都会卡在一个看似简单却令人抓狂的问题上&#xff1a;HTTP流量清清楚楚&#xff0c;每个GET/POST、Header、Body都一览无余&…...

编程新知 2026/5/23 18:22:58

AI 教研科研一体化平台，以智能技术打通高校教研发展新路径

当前高校教学与科研工作普遍存在脱节割裂的问题&#xff0c;教学、教研、科研各成体系&#xff0c;资源分散、流程独立、数据不通。传统模式下&#xff0c;教师备课教学、课题研究、成果沉淀依靠人工完成&#xff0c;存在资源复用率低、科研选题盲目、教研过程无溯源、成果转化…...

编程新知 2026/5/23 18:20:56

零售行业AI Agent私域运营提效实录：单店月均增收27.6万元背后的11个可复用决策节点

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;零售行业AI Agent私域运营提效实录&#xff1a;单店月均增收27.6万元背后的11个可复用决策节点 某连锁美妆品牌在华东67家直营门店部署轻量级AI Agent私域运营系统后&#xff0c;3个月内单店月均GMV提升27.6万…...

编程新知 2026/5/23 18:08:32

【AI Agent咨询行业落地白皮书】：2024年已验证的7大垂直场景、3类ROI提升路径与5个避坑红线

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;AI Agent咨询行业应用全景图谱 AI Agent正以前所未有的深度与广度重塑管理咨询行业的服务范式。它不再局限于单点任务自动化&#xff0c;而是以目标驱动、多角色协同、动态推理与持续学习为核心能力&am…...

编程新知 2026/5/23 14:52:05

微服务限流实战：Nginx 漏桶与网关令牌桶

限流不是为了让系统“变慢”&#xff0c;而是为了让系统在突发流量、恶意请求或超过承载能力时&#xff0c;仍然能保住核心服务。 一句话概括&#xff1a;限流是在入口处控制请求速度或并发数量&#xff0c;Nginx 常用漏桶算法控制请求流出速率&#xff0c;Spring Cloud Gatewa…...

编程新知 2026/5/23 14:47:29

RK3288嵌入式开发实战指南：从核心优势到工业应用方案

1. 项目概述&#xff1a;为什么RK3288至今仍是嵌入式开发的“万金油”&#xff1f;在嵌入式开发这个行当里&#xff0c;选型永远是项目成败的第一步。面对市场上琳琅满目的处理器平台&#xff0c;从高通的骁龙、瑞芯微的RK系列到全志、晶晨&#xff0c;新老交替&#xff0c;让人…...

编程新知 2026/5/23 14:21:33

基于RT-Thread与TOF传感器的智能电动滑板主动刹车系统设计

1. 项目概述&#xff1a;从情怀出发的硬件升级之旅几年前&#xff0c;我和几个同学在导师的带领下&#xff0c;捣鼓出了一个基于 Arduino Uno 的电动滑板。那会儿真是干劲十足&#xff0c;白天画图、晚上调代码&#xff0c;傍晚就踩着滑板在校园里飞驰。这个滑板后来成了我的“…...

编程新知 2026/5/23 13:54:14

构建中文AI的未来：MNBVC超大规模语料库的深度解析与实践指南

构建中文AI的未来&#xff1a;MNBVC超大规模语料库的深度解析与实践指南 【免费下载链接】MNBVC MNBVC(Massive Never-ending BT Vast Chinese corpus)超大规模中文语料集。对标chatGPT训练的40T数据。MNBVC数据集不但包括主流文化&#xff0c;也包括各个小众文化甚至火星文的数…...

编程新知 2026/5/23 13:43:52