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

【Java之HTML】

news 2026/5/24 18:44:37

HTML

概念

互联网的产生：w3c的成立，

​ 互联网最开始设计的目的：看论文 ---->浏览器，HTML

​ 网络三要素：HTML HTTP URL

HTML描述论文的格式

HTTP标记这个论文在网络上怎么传输

URL:指示这个论文在互联网的哪个位置： 协议 ip/域名 端口

结构

<html><head></head><body></body>
</html>

// HTML 是一个文本: 特点
// 1, HTML页面/文本,是由标签构成的, 标签成对出现, 有开始有结束
// 2, HTML文本,最外层标签是<html>标签
// 3, 整个HTML文本分为两部分, <head> 和<body>部分

实现网页的三个技术基础：HTML、CSS、JS

Body中的重要标签

hr:横线标签

<hr>是一个横线标签，可以在网页上显示一个横线，并且是一个单标签属性：noshade:颜色是否有阴影(纯色)size:高度( 厚度,不同于height,不带单位时--默认px )width:宽度(不带单位时--默认px)align:对其方式

br：换行符

<br>:表示一个换行符，是一个单标签

hn:标题标签

// <h1><h2><h3><h4><h5><h6>: 标题标签
// 
// 注意: 在一个HTML页面中, h1只能出现一次, h2-h6可以出现多次
//       因为H1里面的内容是作为关键字存在的// 标题标签的属性:
align
Left:左对齐内容（默认值）
Center:右对齐内容
Right:居中对齐内容

div

//<div>:用来对页面划分区域，是最常用的标签

p:段落标签

// <p>: 是一个段落标签, (极类似于div, 除了一个特点)
//      p标签自带上下边距

a:超链接标签

// <a>: 是一个超链接标签:在一个页面中通过连接打开一个新的页面
//  属性: 
//      href: 指示要打开页面的地址, 本质上是一个url: 统一资源定位符
//      target:
Target
超链接属性target的value值时默认是_self
_blank:在新窗口打开
_parent:在父窗口打开
_self:它使目标文档显示在超链接所在框架或者窗口中
_top:在顶级窗口打开
同组值:通过单击一个窗口中的不同链接控制另一窗口内容变化 ; 浏览器会找与target值相符的框架或者窗口中的文档，有则在其中显示文档。如果不存在，浏览器打开一个新窗口

URL

URL分为三部分(四小部分)
// http://115.29.141.32:8085/#/mall/show/index
// http://cskaoyan.com/forum.php
// https://item.taobao.com/item.htm?scm=10&pvid=71082
// 第一部分: 协议部分 https: http
// 第二部分: 域名 或者 ip+端口 部分
// 第三部分: 虚拟路径+参数: item.htm?scm=10&pvid=71082

img:图片标签

// <img> : 图片标签
//        单标签
// 属性 src: 指向图片地址: url
// 相对路径:

绝对路径不是以盘符为开头的路径，仅仅是url

相对路径和java中的一样，在用户的浏览器中进行解析运行，还是要拼接成绝对路径来发起请求，但相对路径的上层目录是有限制的，不能超过虚拟路径的最顶层

不能使用盘符的原因：html的代码是运行在用户的电脑上的，所以如果以盘符来访问就会造成不安全的问题

input: 输入框 : 表单元素

<input> 输入框单标签
属性 type:text:默认文本password:密码button:按钮hidden:隐藏输入框radio:单选框reset:定义重置按钮。
submit:提交

select : 下拉选: 表单元素

// <select> 下拉选: 成套标签和option
// 
// 属性:
option:selected(selected="selected"选中状态)
select :multiple(multiple =“multiple“ 允许多选)
select :size(size =“4”下拉可见数4)

textarea: 多文本: 表单元素

// 本质上是一个输入框, 只不过可以输入多行属性: 
Cols:列
Rows:行
Maxlength:最大
Placeholder:提示
readonly :只读

table: 表格

// <table> 表示一个表格, 也是成套的标签
// <tr>: 表示一个表格中一行
// <td>: 表示一行中的一个单元格属性
//table标签的属性:
Bgcolor
Border
Cellpadding:规定单元边沿与其内容之间的空白。
Cellspacing:规定单元格之间的空白。
// tr标签的属性:
Bgcolor
Valign:规定表格行中内容的垂直对齐方式。
top
middle
bottom
// td 标签的属性
Colspan:横跨列数
Rowspan:横跨行数

// <th> : 表头 取代第一行的td
// <thead><tfoot><tbody>:  这三个标签出现一个别的必须出现, 除此之外顺序要注意

ol,ul 有序和无序列表

// <ol> 是一个有序列表, 和li标签共同构成成套标签
// <ul> 是一个无序列表, 和li标签共同构成成套标签ol的属性:
Type:规定在列表中使用的标记类型(1,A,a,I,i)。
Start:规定有序列表的起始值
Reversed:规定列表顺序为降序。(9,8,7...)ul的属性:
Type:
disc:默认值。实心圆。
circle :空心圆。
square :实心方块。

form表单

// < form >: 表单, 用来向后端发起请求, 提交数据
//name和value拼接完成后放在url后面，name和value构成键值对get请求和post请求的区别:1, get请求, '一般' 把参数放到url之后post请求, 一般 把参数放到'请求正文'里(url之后参数最多能拼接1kb)2, get请求不安全post请求更安全3, 语义化区别get请求一般用来获取数据post请求一般用来提交数据

相关文章：

【Java之HTML】

HTML 概念 互联网的产生&#xff1a;w3c的成立&#xff0c; ​ 互联网最开始设计的目的&#xff1a;看论文 ---->浏览器&#xff0c;HTML ​ 网络三要素&#xff1a;HTML HTTP URL HTML描述论文的格式 HTTP标记这个论文在网络上怎么传输 URL:指示这个论文在互联网的哪…...

编程日记 2024/1/31 21:52:45

支付宝支付功能解析，从零到掌握，轻松享受便捷支付

目录 一、支付宝支付功能简介 1.1 支付宝支付的概念 1.2 支付宝支付的优势 1.3 支付宝支付的适用场景 二、支付宝支付的准备工作 三、支付宝支付的接入流程 四、支付宝支付的安全性 5.1 支付宝支付的安全机制 5.2 防范支付风险的措施 5.3 支付宝支付的安全技术保障 …...

编程日记 2024/1/31 21:49:43

MacOS安装反编译工具JD-GUI以及解决无法打开的问题

目录 一.下载地址 二.安装 三.问题 四.解决办法 1.显示包内容 2.找到Contents/MacOS/universalJavaApplicationStub.sh 3.修改sh文件 4.保存后再次打开即可 一.下载地址 Java Decompiler 二.安装 将下载下来的 jd-gui-osx-1.6.6.tar 解压&#xff0c;然后将 JD-GUI.a…...

编程日记 2024/1/31 21:48:42

SpringBoot将第三方的jar中的bean对象自动注入到ioc容器中

新建一个模块&#xff0c;做自动配置 config&#xff1a;需要准备两个类&#xff0c;一个自动配置类&#xff0c;一个配置类 CommonAutoConfig&#xff1a;此类用于做自动配置类它会去读取resoutces下的META-INF.spring下的org.springframework.boot.autoconfigure.AutoConfig…...

编程日记 2024/1/31 21:47:41

5.变量的解构赋值 - JS

什么是解构赋值 通过类似&#xff08;或相同&#xff09;的构型&#xff0c;将已知数据的元素/属性解构并提取出来&#xff0c;再赋值到相应变量&#xff0c;可以是新建的变量&#xff0c;也可以是已存在的变量/属性等&#xff1b;最常见的是数组和对象的解构赋值&#xff0c;…...

编程日记 2024/1/31 21:46:40

tableau添加形状

目录 1.效果&#xff1a;1.自带的形状&#xff1a;2.添加形状&#xff1a;小结&#xff1a; 1.效果&#xff1a; 1.自带的形状&#xff1a; 2.添加形状&#xff1a; 找到tableau的安装目录&#xff0c;点入 默认->形状 的文件夹&#xff1a; 新建一个文件夹&#xff1a; …...

编程日记 2024/1/31 21:45:39

（2）(2.10) LTM telemetry

文章目录 前言 1 协议概述 2 配置 3 带FPV视频发射器的使用示例 4 使用TCM3105的FSK调制解调器示例 前言 轻量级 TeleMetry 协议 (LTM) 是一种单向通信协议&#xff08;从飞行器下行的数据链路&#xff09;&#xff0c;可让你以低带宽/低波特率&#xff08;通常为 2400 波…...

编程日记 2024/1/31 21:38:32

工具推荐系列-极客编辑器(实时在线编写md文件同步GitHub)

工具项目地址&#xff1a;https://github.com/geekeditor/geekeditor-desktop-releases/tree/main 工具基础配置方法&#xff1a;https://www.geekeditor.com/workspace1.x.html 详细同步代码仓的方法可以用下面&#xff1a; 如何创建GitHub仓库 及生成获取AccessToken&#xf…...

编程日记 2024/1/31 21:35:27

3d gaussian splatting介绍整理

3D 高斯分布是用于实时辐射场渲染的 3D 高斯分布中描述的一种光栅化技术&#xff0c;它允许实时渲染从小图像样本中学习到的逼真场景。 paper github 本文翻译整理自&#xff1a; blog: Introduction to 3D Gaussian Splatting DDPMs - Part 2 给出一些2D图片&#xff0c;用…...

编程日记 2024/1/31 21:34:25

[C#]de4dot常用命令

命令&#xff1a;de4dot.exe "D:\xxx.exe" 解释&#xff1a;运行后文件在程序集的目录下生成一个带-cleaned的新程序集。 命令&#xff1a;de4dot.exe file1 -f "D:\xxx.exe" -o "D:\output\xxx_cleaned.exe" 解释&#xff1a;-f : 指定.NET 程序…...

编程日记 2024/1/31 21:30:22

林浩然的“生命体验”大冒险

林浩然的“生命体验”大冒险 Lin Haoran’s “Life Experience” Grand Adventure 在一个阳光明媚的日子&#xff0c;林浩然——我们这位幽默风趣、充满生活智慧的大男孩&#xff0c;正坐在自家后院的老槐树下&#xff0c;手捧一本哲学书&#xff0c;皱着眉头深思&#xff1a;“…...

编程日记 2024/1/31 21:28:20

设计模式——职责链模式（Chain of Responsibility Pattern）

概述 职责链模式(Chain of Responsibility Pattern)&#xff1a;避免请求发送者与接收者耦合在一起&#xff0c;让多个对象都有可能接收请求&#xff0c;将这些对象连接成一条链&#xff0c;并且沿着这条链传递请求&#xff0c;直到有对象处理它为止。职责链模式是一种对象行为…...

编程日记 2024/1/31 21:27:19

C++引用详解

顾得泉&#xff1a;个人主页 个人专栏&#xff1a;《Linux操作系统》 《C/C》 《LeedCode刷题》 键盘敲烂&#xff0c;年薪百万&#xff01; 一、引用的概念 引用不是新定义一个变量&#xff0c;而是给已存在变量取了一个别名&#xff0c;编译器不会为引用变量开辟内存空间…...

编程日记 2024/1/31 21:19:11

fMRI数据处理（随时更新）

要开始学习处理fMRI的数据了。 fMRI的数据一般有 dcm 格式和 nii 格式。 Nifti&#xff08;Neuroimaging Informatics Technology Initiative&#xff0c;神经影像信息学技术倡议&#xff09;文件格式&#xff0c;是目前各大神经影像分析工具普遍兼容的体素水平的数据格式&am…...

编程日记 2024/1/31 21:16:09

【Linux C | 网络编程】getsockname 和 getpeername函数详解及C语言例子

&#x1f601;博客主页&#x1f601;&#xff1a;&#x1f680;https://blog.csdn.net/wkd_007&#x1f680; &#x1f911;博客内容&#x1f911;&#xff1a;&#x1f36d;嵌入式开发、Linux、C语言、C、数据结构、音视频&#x1f36d; &#x1f923;本文内容&#x1f923;&a…...

编程日记 2024/1/31 21:13:06

研发日记，Matlab/Simulink避坑指南(六)——字节分割Bug

文章目录 前言 背景介绍 问题描述 分析排查 解决方案 总结归纳 前言 见《研发日记&#xff0c;Matlab/Simulink避坑指南&#xff08;一&#xff09;——Data Store Memory模块执行时序Bug》 见《研发日记&#xff0c;Matlab/Simulink避坑指南(二)——非对称数据溢出Bug》…...

编程日记 2024/1/31 21:12:04

（M)unity受伤反弹以及死亡动画

受伤反弹 1.在人物控制脚本中添加受伤后速度将为0&#xff0c;并添加一个反弹的力 在刷新移动时&#xff0c;需要在没有受伤的状态 public bool isHurt; public float hurtForce; private void FixedUpdate() {if(!isHurt)Move(); }public void GetHurt(Transform attacker) …...

编程日记 2024/1/31 21:11:04

【Java】Springboot入门

学习目标 基于SpringBoot框架的程序开发步骤 熟练使用SpringBoot配置信息修改服务器配置 基于SpringBoot的完成SSM整合项目开发 一、SpringBoot简介 1. 入门案例 问题导入 SpringMVC的HelloWord程序大家还记得吗&#xff1f; SpringBoot是由Pivotal团队提供的全新框架&…...

编程日记 2024/1/31 21:09:02

专业138总分420+中国科学技术大学843信号与系统考研经验中科大电子信息通信

**今年中科大专业课843信号与系统138分&#xff0c;总分420顺利上岸&#xff0c;梦圆中科大&#xff0c;也是报了高考失利的遗憾&#xff0c;总结一下自己的复习经历&#xff0c;希望可以给大家提供参考。**首先&#xff0c;中科大843包括信号与系统&#xff0c;和数字信号处理…...

编程日记 2024/1/31 21:07:00

携程开源 基于真实请求与数据的流量回放测试平台、自动化接口测试平台AREX

携程开源 基于真实请求与数据的流量回放测试平台、自动化接口测试平台AREX 官网文档 基于真实请求与数据的流量回放测试平台、自动化接口测试平台AREX 目前已跑通&#xff0c;通过冒烟测试&#xff0c;这篇文章稍稍水一下&#xff0c;主要讲下部署过程里踩的坑&#xff0c;因为…...

编程日记 2024/1/31 20:58:54

Gemini深度研究模式全解析（2024最新版API+多模态检索内参）：谷歌内部技术白皮书级拆解

更多请点击&#xff1a; https://codechina.net 第一章&#xff1a;Gemini深度研究模式的核心定位与演进脉络 Gemini深度研究模式并非单纯的功能叠加&#xff0c;而是Google面向复杂知识工作场景构建的推理范式跃迁。它将多跳检索、跨模态证据聚合与可验证推理链生成深度融合&…...

编程新知 2026/5/24 18:09:12

免费获取Grammarly高级版Cookie：5分钟开启专业写作体验 ✨

免费获取Grammarly高级版Cookie&#xff1a;5分钟开启专业写作体验 ✨ 【免费下载链接】autosearch-grammarly-premium-cookie 免费白嫖使用Grammarly Premium高级版 项目地址: https://gitcode.com/gh_mirrors/au/autosearch-grammarly-premium-cookie 还在为Grammarly…...

编程新知 2026/5/24 18:09:12

TestDisk与PhotoRec：数据恢复终极指南，三步找回丢失的重要文件

TestDisk与PhotoRec&#xff1a;数据恢复终极指南&#xff0c;三步找回丢失的重要文件 【免费下载链接】testdisk TestDisk & PhotoRec 项目地址: https://gitcode.com/gh_mirrors/te/testdisk 当硬盘分区神秘消失、重要文件被误删除、存储设备突然无法访问时&#…...

编程新知 2026/5/24 16:33:55

2026年5款AI视频文案生成工具对比实测，批量口播脚本如何兼顾爆款逻辑与工程复用？

每天要写30条口播脚本&#xff0c;但爆款逻辑难复现一位MCN内容组长在CSDN发帖提问&#xff1a;‘团队6个编导轮班写口播稿&#xff0c;爆款率不到12%&#xff0c;新来的实习生连黄金三秒都卡不准&#xff1b;想上AI工具&#xff0c;结果生成的文案要么太泛、要么套话堆砌&…...

编程新知 2026/5/24 15:24:55

慕课助手：让在线学习效率提升300%的开源浏览器插件

慕课助手&#xff1a;让在线学习效率提升300%的开源浏览器插件 【免费下载链接】mooc-assistant 慕课助手 浏览器插件(Chrome/Firefox/Opera) 项目地址: https://gitcode.com/gh_mirrors/mo/mooc-assistant 你是否曾因网课平台的机械重复操作浪费宝贵时间&#xff1f;根…...

编程新知 2026/5/24 15:09:44

3步搞定B站m4s转MP4：开源工具让你的缓存视频重获新生

3步搞定B站m4s转MP4&#xff1a;开源工具让你的缓存视频重获新生 【免费下载链接】m4s-converter 一个跨平台小工具&#xff0c;将bilibili缓存的m4s格式音视频文件合并成mp4 项目地址: https://gitcode.com/gh_mirrors/m4/m4s-converter 你是否曾经遇到过这样的烦恼&am…...

编程新知 2026/5/24 14:18:09

通达信ChanlunX缠论插件：5分钟完成专业缠论分析的终极免费工具

通达信ChanlunX缠论插件&#xff1a;5分钟完成专业缠论分析的终极免费工具 【免费下载链接】ChanlunX 缠中说禅炒股缠论可视化插件 项目地址: https://gitcode.com/gh_mirrors/ch/ChanlunX 你是不是经常盯着K线图却看不懂市场走势&#xff1f;想要掌握缠论分析技术&…...

编程新知 2026/5/24 14:15:47

5步搭建企业级数据中台：AllData开源解决方案终极指南

5步搭建企业级数据中台&#xff1a;AllData开源解决方案终极指南 【免费下载链接】alldata &#x1f525;&#x1f525; AllData可定义数据中台&#xff0c;以数据平台为底座&#xff0c;以数据中台为桥梁&#xff0c;以机器学习平台为工厂&#xff0c;以大模型应用为上游产品&…...

编程新知 2026/5/24 13:13:47

Kubernetes服务发现与负载均衡机制：构建高效的服务通信网络

Kubernetes服务发现与负载均衡机制&#xff1a;构建高效的服务通信网络 一、服务发现概述 服务发现是微服务架构中服务之间相互定位和通信的核心机制。在Kubernetes中&#xff0c;服务发现通过Service资源实现&#xff0c;它为一组Pod提供稳定的网络标识和负载均衡能力。 1.…...

编程新知 2026/5/24 10:04:30

Mermaid Live Editor：为什么每个开发者都需要这个实时图表编辑神器？

Mermaid Live Editor&#xff1a;为什么每个开发者都需要这个实时图表编辑神器&#xff1f; 【免费下载链接】mermaid-live-editor Edit, preview and share mermaid charts/diagrams. New implementation of the live editor. 项目地址: https://gitcode.com/GitHub_Trendin…...

编程新知 2026/5/24 8:44:04