属性	作用
`action`	在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。
`method`	用于设置表单数据的提交方式，其取值为get或post，如选择get的话，如表单中有密码等私人隐私信息，提交时会显示出来，所以平时多数都不用get，推荐用post.
`name`	用于指定表单的名称，以区分同一个页面中的多个表单。

属性值	描述
`button`	定义可点击按钮(多数情况下，用于通过JavaScript启动脚本)
`checkbox`	定义复选框按钮
`radio`	定义单选框按钮
`file`	定义输入字段和“浏览按钮”，供文件上传
`hidden`	定义隐藏的输入字段
`image`	定义图像形式的提交按钮
`password`	定义密码字段，该字段中的字符被掩码
`reset`	定义重置按钮，重置按钮会清除表单中的所有数据
`submit`	定义提交按钮，提交按钮会把表单数据发送给服务器
`text`	定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符

属性值	描述
`name`	用户自定义，定义input元素的名称
`value`	用户自定义，定义input元素的值
`checked`	规定此input元素首次加载时默认被选中
`maxlength`	正整数，规定输入字段中的字符的最大长度
`fieldest`	控件组，可以将表单打包分组，与legend配合使用
`placeholder`	占位符，当用户输入文字时，自动消失，自动返回
`multiple`	多文件上传
`autocomplete`	自动完成，值为: `on \off`
`required`	必填项

老李头mu

html 基础知识 -- 前端Web - HTML 基础篇

前端Web - HTML 基础篇

一、HTML 是什么

二、HTML基本结构

三、HTML 常用标签

1. 排版标签

	1.1   标题标签
	1.2   段落标签
	1.3   水平线标签
	1.4   换行标签
	1.5   div span标签
	1.6    文件格式化标签
	1.7   标签属性

2. 图像标签

3. 链接标签

4. 锚点定位标签

5. 路径

	1  文件与图片的相对路径
	2  文件与图片的绝对路径

6. 列表标签

7. 表格标签 table

8. 表单控件

9. 多媒体标签

一、html是什么？

HTML：用文本来表示的带有标签的一种语言。( 超文本语言 )
	  主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

1.1 html基本结构

html 骨架：

<html>
	<head>
		<tile> 内容 tile>
	head>
	<body>
		内容
	body>
html>

HTML标签：作用：所有HTML中标签的一个根节点。

. head标签：作用：用于存放。 title,meta,base,style,script,link 注意在head标签中我们必须要设置的标签是title

. title标签：作用：让我们的网页拥有自己的一个标题

. body 标签：作用：页面在的主体部分，用于存放所有的HTML标签： p,h,a,b,u,i,s,em,del,ins,strong,img

2 . html 常用标签

  2.1.  标题标签:  h1-h6         ( 双标签 )
  2.2.  段落标签：   ( 双标签 )
  2.3.  平行线标签   ( 单标签 )  
  	  如需要样式  
  2.4.  换行标签  
  (单标签 ）
  2.5.  和用来布局的一个标签，它们就是一个盒子

特点：

标签用来布局，但是现在一行只能放一个

大盒子
标签用来布局，一行上可以多个。小盒子

  2.6.  文字格式化标签
  	    加粗文字
  	       	 倾斜文字
  	  		删除文字 
  	    下划线文字

2.7 标签属性

制作网页时，想让更多标签拥有不同的属性，如颜色，尺寸等样式，可以设置标签的属性来定义。
如以下如法

<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 标签名>

二、图像标签

为一个单标签用来定义html页面中的图像
src 是标签的必须属性，它用于指定图像文件的路径和文件名。

<img  src=“图像路径(图像名字+后缀名)”/>
 设置图像边宽或给图片外面加一条边宽

以上代码均可在同一条代码上实现：如

三、超链接标签

在 html标签中，标签用于定义超链接，作用是从一个页面链接到另一个页面。

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

属性	作用
`href`	用于指定链接目标的url地址 (超文本引用)
`target`	用于指定链接页面的打开方式，其取值有`_self`和`_blank`两种，其中`_self`为默认值，`_blank`为在新窗口中打开方式。

注意：
1.外部链接：需要添加 http:// www.baidu.com

2.内部链接：直接链接内部页面名称即可
比如 < a href="index.html"> 首页

3 如果当时没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。

4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

5.锚点链接：点击链接，可以快速定位到页面中的某个位置。

在链接文本的 href 属性中，设置属性值为 文字的标题a>`
需要跳转到的位置
内容
如:刘德华 需要跳转到他的个人经历


<a href="#经历">早年经历<br />

演艺历史←

<p id="经历"> 早年经历:刘德华小时候.....p>

如在打开刘德华  个人简介 ，点击 早年经历的时候，会直接跳转到他的早年经历的具体内容。

四、路径

1. 相对路径：

图像文件和html文件同在一个文件夹中：

 隔开)：
 <ul>
  <li>列表项1li>
  <li>列表项2li>
  <li>列表项3li>
   ......
ul>
 
   
   如下列示例： 
    
    国家名称 
    中国 
    日本 
    韩国 
    
   
  1. 
中只能嵌套

，直接在标签中输入其他标签或者文字的做法是不被允许的。
 2. 与
之间相当于一个容器，可以容纳所有元素。
 3. 无序列表会带有自己样式属性，
 如要取消前面的点 要在css或者属性里取消：
 ul li { list-style :none; } 
   
   1、disc : 默认值，实心圆。
 2、circle : 空心圆。
 3、square : 实心方块。
 4、decimal : 阿拉伯数字。
 5、lower-roman : 小写罗马数字。
 6、upper-roman : 大写罗马数字。
 7、lower-alpha : 小写英文字母。
 8、upper-alpha : 大写英文字母。
 9、none : 不使用项目符号。 
   
  2. 有序列表 ( ol ) 
  有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义 如： 1. 2. 3. 
  <ol>
  <li>列表项1li>
  <li>列表项2li>
  <li>列表项3li>
 ......
ol>

 和一样的特性，只能嵌套 标签，不能与其他搭配 
  3. 自定义列表标签 
  定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。其基本语法如下： 
  <dl>
  <dt>名词1dt>
  <dd>名词1解释1dd>
  <dd>名词1解释2dd>
  ...
  <dt>名词2dt>
  <dd>名词2解释1dd>
  <dd>名词2解释2dd>
  ...
dl>
 
   
    
    
      标题1 
     
    
      解释 
     
    
      解释内容 
     
    
      标题2 
     
    
      解释 
     
    
      解释内容 
     
    
   
  
为一个标题，比内容字号大，加粗 ，突出重要一项 
  六、表格标签 （table） 
  表格多数用来处理数据， 不能用来布局
 基本语法如下： 
  <table>  `表格标签`
  <tr>    `行标签，有多少行的内容就复制多少行就可以了`
    <td>单元格内的文字td>  `单元格标签`
    <td>内容的文字td>
    <td>内容的文字td>
    ...
  tr>
  ...
table>
 
  中只能嵌套
 可以容纳所有的元素6.1 表格结构
一个表格分为：头部，主体，页脚 三部分
 
   
：用于定义表格的头部。 必须位于 
    
     
     属性 
     作用 
     
    
    
     
     标签中，一对 中包含几对，就表示该行中有多少列（或多少个单元格）。 
     用于定义一个表格 
     
     
      
     用于定义表格的头部。 
     
     
     
 
     用于定义表格中的一行，必须嵌套在 table /table标签中，在 table /table中包含几对 tr /tr，就有几行表格。 
     
     
      
     用于定义表格中的单元格，必须嵌套在
 
 
     
    
   
   
    
     
     姓名 
     性别 
     电话 
     
     
     小黄 
     女 
     135467945 
     
     
     小红 
     男 
     135467945 
     
     
     小美 
     女 
     135467945 
     
    
   
  注意 
   
   
 
    
   
   
   
  
 标签中，一般包含网页的logo和导航等头部信息。 
   ：用于定义表格的主体。必须位于 标签中，包含网页头部，底部之外的内容。 
   
  表格也可以设置宽度、高度，线粗等属性：如下图 
  6.2 表头标签： 
  表头一般位于表格的第一行或第一列，其文本加粗居中。
 设置表头非常简单，只需用表头标签替代相应的单元格标签即可。
  
  6.3 表格标题标签：caption 
  （表格上面的一个标题，如需要的话，按情况决定）
 需要写在
下面，在 的前面
<table>  
<caption>为表格起一个名称 
  <tr>    
    <td>姓名td>  
    <td>性别td>
    <td>年龄td>
  tr>
table>
6.4 合并单元格
跨行合并：rowspan
 跨列合并：colspan
 
   合并单元格的思想： 将多个内容合并的时候，就会有多余的东西，把它删除。 例如 把 3个 td 合并成一个， 那就多余了2个，需要删除。
  公式： 删除的个数 = 合并的个数 - 1
 
七、表单标签
表单控件是什么？
 表单是一种收集客户信息、资料的表格
 在HTML中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和 提示信息3个部分构成。
 表单域包括以下几种元素：
 
   input输入表单元素 
   select下拉表单元素 
   textarea 文本域元素 
  
7.1 表单域
表单域是一个包含表单元素的区域。
 在 HTML 标签中， 标签用于定义表单域，以实现用户信息的收集和传递。
 会把它范围内的表单元素信息提交给服务器
<body>
 	
    	....
from >
body >
 
   
   
   
   
   
   
   
   
   
   
   
   
  
 
    
     
     属性 
     作用 
     
    
    
     
     action 
     在表单收集到信息后，需要将信息传递给服务器进行处理，action属性用于指定接收并处理表单数据的服务器程序的url地址。 
     
     
     method 
     用于设置表单数据的提交方式，其取值为get或post， 如选择get的话，如表单中有密码等私人隐私信息，提交时会显示出来，所以平时多数都不用get，推荐用post. 
     
     
     name 
     用于指定表单的名称，以区分同一个页面中的多个表单。 
     
    
   
  7.2 input 控件 
   单标签 ，可以通过type属性使文本拥有很多种形式（可以是文本
 字段、复选框、掩码后的文本控件、单选按钮、按钮等）。。
 
 type属性值和描述如下： 
   
    
     
     属性值 
     描述 
     
    
    
     
     button 
     定义可点击按钮(多数情况下，用于通过JavaScript启动脚本) 
     
     
     checkbox 
     定义复选框按钮 
     
     
     radio 
     定义单选框按钮 
     
     
     file 
     定义输入字段和“浏览按钮”，供文件上传 
     
     
     hidden 
     定义隐藏的输入字段 
     
     
     image 
     定义图像形式的提交按钮 
     
     
     password 
     定义密码字段，该字段中的字符被掩码 
     
     
     reset 
     定义重置按钮，重置按钮会清除表单中的所有数据 
     
     
     submit 
     定义提交按钮，提交按钮会把表单数据发送给服务器 
     
     
     text 
     定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符 
     
    
   
  input标签除type属性外,还有其他很多的属性: 
   
    
     
     属性值 
     描述 
     
    
    
     
     name 
     用户自定义 ，定义input元素的名称 
     
     
     value 
     用户自定义 ，定义input元素的值 
     
     
     checked 
     规定此input元素首次加载时默认被选中 
     
     
     maxlength 
     正整数，规定输入字段中的字符的最大长度 
     
     
     fieldest 
     控件组，可以将表单打包分组，与legend配合使用 
     
     
     placeholder 
     占位符，当用户输入文字时，自动消失，自动返回 
     
     
     multiple 
     多文件上传 
     
     
     autocomplete 
     自动完成 ，值为: on \off 
     
     
     required 
     必填项 
     
    
   
  具体用法如下： 
  用户名：<input  type = 'text'/> 或定义一个名字<input  type = 'text'  name = 'username' />
密码：< input type = 'password' name = 'wd' />
性别：<input type = 'radio' /> 女  <input type = 'radio' /> 男    此为（单选框）
    	如需要条件 ：选择女生，就会把男生的按钮取消选择，这时需要加一个名称 name， 如
    	<input type = 'radio'  name='sex'/> 女  <input type = 'radio' name='sex' /> 男
爱好：<input type = 'checkbox' /> 足球  <input type = 'checkbox' /> 篮球  （复选框）  可多选 
 
  7.3 label 标签 （双标签） 
  label 标签为input元素定义标注 （标签）
 作用：用于绑定表单元素，点击时被绑定的表单会自动获得焦点 （点击名称或点击选项框都可以进到需要填写的内容的框内。 
  （1）只需要一个选项的话，可以直接用label标签包裹，如： 
   
   
 用户名：  
   
  (2) 如果label里面有多个表单，想定位到某个的时候 ，可以通过for id 的格式来进行，具体如下： 
   
   
 用户名：  
   
  7.4 textarea 控件 （文本域） 
  如需输入大量信息，文字，就需要  标签来实现，通过textarea控件可以轻松地创建多行文本输入框，可以输入更多的文字，该控件常见于留言板，评论。
 具体代码格式如下： 
  <textarea rows="20" cols="20">
 	 文本内容
 textarea>
 
  cols=“每行中的字符数”，rows=“显示的行数”，在实际开发中不会使用，都是用 CSS 来改变大小。 
  防止拖拽文本域resize 
  但是实际中，如只加上以上代码文本域是可以拖拽的，这时需要设置文本域防止拖拽： 
   
   </code><br> 文本内容<br> <code> 
   
  7.5 标签控件定义下拉列表。 
  <select>
<option>选项1option>
<option>选项2option>
<option>选项3option>
...
select>
 
  注意： 
   
   ;中至少应包含一对。 
   在option 中定义selected =" selected "时，当前项即为默认选中项。 
   
  具体用法如下： 
  <body>
<select>
	籍贯
		<option> 请选择您所在的城市 option >
		<option> 广东 option >
		<option> 广西 option >
		<option> 北京 option >
select>
<select>
	地区
		<option> 请选择您所在的地区 option >
		<option> 海珠 option >
		<option> 天河 option >
		<option> 黄埔 option >
select>
body>
 
  
7.6 datalist 标签 
  下拉菜单中选项列表，与input控件配合使用
 如打上需要搜索的文字，会有多个同一类型的文字出来选择可供选择。
 如： 
  <body>
明星演员列表: 
<datalist id="star">
	<option> 郭富城 option>
	<option> 刘德华 option>
	<option> 张学友 option>
	<option> 梁朝伟 option>
	<option> 金城武 option>
body>
如打上郭富城三个字，下面也会跟着出来其他的明星的名字选项。
 
  7.7 fieldest 标签 
  将表单内的相关信息分组，打包 和 legend 配合使用
 如网页中有多个表单，需要将表单分组时，此时需要用fieldest 标签来区分
 具体语法如下： 
  <body>
	<form action="ulr地址" method="提交方式" name="表单名称">
		<fieldest>
			<legend>用户登录 legend>
				用户名：<input type="text" />
			<input type="submit"/>
		fieldest>
	form>
body>

 
  
 注意：
 表单一定要添加一个form，需要一个提交按钮。 
  八、多媒体标签 
  多媒体标签是什么？
 可以把网页视频，本地音频，视频导入html当中，可自定义设计播放内容，
 三种格式：如下： 
   
   embed：标签定义嵌入的内容 ，网页视频音频引入 
   audio：播放音频 
   video：播放视频 
   
  8.1 emded：网页视频引入html 
  embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等。url为音频或视频文件及其路径，可以是相对路径或绝对路径。
 基本语法如下： 
  <body>
	<emded src="在网上下载的视频网址 （如分享处，复制html处的网址)" > emded>
body>
 
  格式可以是 Midi、Wav、AIFF、AU、MP3等等。url为音频或视频文件及其路径。 
  8.2 audio 音频播放 
  audio 支持mp3 wav ogg 格式 
  <audio src="音频名称+后缀名" autoplay controls> aodio>
 
  通过添加属性可以更好的控制音频播放的方式： 
   
    autoplay 自动播放
  
    controls 是否显不默认播放控件
  
    loop 循环播放
  
   
  为了使浏览器都兼容视频的播放，需要把格式都写上去 
  <audio autoplay controls>
	<source src="音频名称+mp3" />
	<source src="音频名称+ogg" />
	<source src="音频名称+wav" />
aodio>
 
  8.3 video 视频播放 
  可以自定义设置视频的宽度和高度 
  width 设置播放窗口宽度
 height 设置播放窗口的高度 
  <video src="视频.mp4" autoplay controls> video>
 
  为了使浏览器都兼容视频的播放，video 支持mp4 ogg webm 格式 
  <video autoplay controls>
	<source src="视频名称+ mp4" />
	<source src="祉频名称+ ogg" />
	<source src="祉频名称+ webm" />
video>

生成一个完全真实情况下的翌师公会运行机制报告和翌师+ai业务模式的综合价值评估报告太翌修仙笔录人工智能
翌师公会项目全景报告——基于行业基准分析与战略定位研究一、项目本体架构1.组织基因解码核心DNA：markdown知识蒸馏力(35%)+技术融合力(28%)+生态构建力(22%)+合规生存力(15%)进化图谱：mermaidtimeline2023Q4:原型验证2024Q2:MVP发布2025Q1:区域扩展2026Q3:生态闭环2.能力雷达图pythonimportmatplotlib.pyplo
3D Web轻量化引擎HOOPS Communicator如何赋能航空航天制造？工业3D_大熊 3D CAD开发工具 3d 制造 3D数据可视化 3D模型格式转换 3D可视化 3D Web轻量化 3D web可视化
在当今航空航天制造领域，精确度、效率和协作是推动行业发展的关键要素。随着数字化技术的飞速发展，3DWeb可视化开发包HOOPSCommunicator为航空航天制造带来了革命性的变化。它凭借强大的功能和灵活的应用，助力企业在设计、生产、培训等各个环节实现高效协同和创新优化，成为航空航天制造企业迈向数字化转型的重要工具。本文将深入探讨HOOPSCommunicator在航空航天制造中的广泛应用，揭示
Linux系统管理-Shell-脚本入门 11-pmans-20220308016 linux 运维服务器
关于Linux系统管理、Shell以及脚本入门，我们可以从以下几个方面进行清晰的归纳和总结：一、Linux系统管理基础知识Linux系统组成：Linux系统由内核、shell、文件系统和应用程序四个部分组成。Linux系统分为内核版本与发行版本。Linux文件系统：Linux文件系统采用树形结构，根目录（/）是顶级目录。文件是数据的集合，目录则是包含文件和子目录的容器。Linux文件系统使用元数据
框架基本知识总结 Day9 小斌的Debug日记 vue vue.js
Node.jsNode.js是一个基于ChromeV8JavaScript引擎构建的JavaScript运行环境。它使得开发者能够在服务器端运行JavaScript，而不仅仅是在浏览器中运行。SE6的一些语法特性1.解构是一种从数组或对象中提取数据并将其赋值给变量的语法。它让你可以更简洁地获取对象或数组中的值，而不需要通过繁琐的方式逐个提取。属性，数组，键值对，方法都可以解构2.模块化类似于jav
[250224] Yaak 2.0：Git集成、WebSocket支持、OAuth认证等 | Zstandard v1.5.7 发布 x-cmd daily blog git websocket 网络协议 OAuth 安全压缩运维
目录Yaak2.0发布：Git集成、WebSocket支持、OAuth认证等众多功能！Zstandardv1.5.7发布：性能提升，稳定性增强Yaak2.0发布：Git集成、WebSocket支持、OAuth认证等众多功能！Yaak，一款离线、开源且Git友好的桌面应用，用于与HTTP、GraphQL、WebSockets、SSE和gRPC交互，近日发布了2.0版本，带来了众多令人期待的新功能和改
快手弹幕 websocket 分析 2766958292 websocket java go python 快手快手弹幕 ks
声明:本文章中所有内容仅供学习交流使用，不用于其他任何目的，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！逆向分析importtimeimportrequestsimportrandomdefgenerate_random_string(t):characters="useandom-26T198340PX75pxJACKVERYMI
浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
从Chrome125开始，支持了一个全新的CSS特性-AnchorPositioning，翻译过来即是锚点定位。在之前的文章中，我们较为系统的讲述了这个新特性的使用，感兴趣的可以翻开一下前文：抢先体验！超强大的AnchorPositioning锚点定位。在本文中，我们将使用锚点定位，实现一个简化版本的Popover功能。下面，我们将一起一探究竟。传统Popover功能长话短说，在日常的前端需求开发
大学生知识库人工智能知识助手泉舟创新中心【产品经理】一米九五的猪
1、授课：张思鹏sunnyact(泉舟时代创新创业中心)参考：2、主要文章内容：大学生知识库（专升本）1.福建统招专升本考试大纲及参考用书http://fj.offcn.com/html/2018/11/108847.html2.福建省教育考试院2019年普通高校专升本考试报名工作的通知http://jyt.fujian.gov.cn/xxgk/zywj/201812/t20181228_4728
JSP基础实践项目：创建交互式网站案例 DIY飞跃计划
本文还有配套的精品资源，点击获取简介：JSP（JavaServerPages）是一种动态网页技术，通过将HTML与Java代码结合，简化了JavaWeb应用的开发。本案例面向初学者，包含多个JSP页面，演示了数据展示、用户输入处理等功能。页面由静态和动态内容组成，展示了JSP生命周期的三个阶段、内置对象、动作标签等核心概念。还包括JavaBean的使用和MVC设计模式的基础。案例包含JSP文件、J
当Vue组件的复用性不是很高的时候，组件化还有必要用vue吗？百锦再@新空间代码工作室包罗万象 vue.js 前端 javascript 前端框架组件复用
图片:Vue作为一个轻量级的前端框架，在个性化开发中的使用非常广泛，尤其是其组件化开发的思想可以有效提升开发效率、可维护性和代码复用性。不过，正如你提到的，当Vue组件的复用性不高时，组件化是否还必要、是否还有使用Vue的必要性就变得有些模糊了。一、Vue组件化开发的优势组件化思想Vue的组件化开发思想，使得开发者可以将UI和业务逻辑划分为不同的模块。每个模块（组件）都可以独立开发、调试、测试和维
python 基于aiohttp的异步爬虫实战钢铁知识库 python教程 python 爬虫开发语言
钢铁知识库，一个学习python爬虫、数据分析的知识库。人生苦短，快用python。之前我们使用requests库爬取某个站点的时候，每发出一个请求，程序必须等待网站返回响应才能接着运行，而在整个爬虫过程中，整个爬虫程序是一直在等待的，实际上没有做任何事情。像这种占用磁盘/内存IO、网络IO的任务，大部分时间是CPU在等待的操作，就叫IO密集型任务。对于这种情况有没有优化方案呢，当然有，那就是使用
DOM编程晚安720 前端 javascript 服务器
DOM编程what主要是对页面中标签的增删改查。文档对象模型(DocumentObjectModel,简称DOM)，是W3C组织推荐的处理可扩展标记语言的标准编程接口。在网页上，组织页面(或文档)的对象被组织在一个树形结构中。why学习DOM操作就是操作页面中的标签/节点/元素/标记的对节点的操作what：什么是节点？文档是一个文档节点。(页面中的汉字、空格符、特殊符号)所有的HTML元素都是元素
Spring Boot 实际开发中，对输入参数进行合法性校验的几种方案狂飙程序员 spring boot 后端 java spring
在SpringBoot实际开发中，对输入参数进行合法性校验，确保其值是某个枚举类型中定义的值，常见的实现方案有以下几种：方案一：手动校验手动在业务逻辑中进行枚举值的合法性检查。//定义状态枚举enumStatus{ACTIVE,INACTIVE,PENDING}//控制器类importorg.springframework.web.bind.annotation.PostMapping;impor
JavaEE进阶(1) Spring Web MVC 注解和参数传递 Purified_Soda JavaEE进阶 servlet spring boot mvc spring java maven
完整版博客：SpringWebMVC注解和参数传递在学习SpringWebMVC时，我们常用不同的注解来处理HTTP请求和响应。SpringMVC提供了一系列的注解，简化了我们的开发工作，让我们能够通过更简洁和可读的方式来处理请求。以下将详细讲解这些注解的使用方式，结合代码示例以及常见的应用场景，帮助大家深入理解SpringMVC中的请求处理。1.@RestController和@RequestM
【2024软考架构案例题】你知道 Es 的几种分词器吗？Standard、Simple、WhiteSpace、Keyword 四种分词器你知道吗？激流丶日常 elasticsearch 大数据搜索引擎
博主介绍：博主从事应用安全和大数据领域，有8年研发经验，5年面试官经验，Java技术专家，WEB架构师，阿里云专家博主，华为云云享专家，51CTO专家博主⛪️个人社区：个人社区个人主页：个人主页专栏地址：✅Java中级八股文专题：剑指大厂，手撕Java八股文文章目录1.什么是Standard分词器？2.什么是Simple分词器？3.什么是WhiteSpace分词器？4.什么是Keyword分词器？
Spring Boot整合MyBatis BugAndWarning SpringBoot的学习 spring boot mybatis tomcat intellij idea java 服务器后端
SpringBoot整合MyBatis在SpringBoot项目中，使用MyBatis是一种十分流行的数据访问方式。相对于Javaweb通过原生JDBC访问数据库，MyBatis的操作会非常的简单。原生JDBC访问数据库使用原生JDBC进行数据库操作如下：加载数据库驱动程序。获取数据库连接。创建Statement/PreparedStatement对象。执行SQL语句。处理查询结果。关闭资源。使用
# 零基础到红队渗透笔记（5）Shor量子算法对传统密码学的威胁和应对复苏之枫渗透测试学习笔记笔记算法密码学
声明：本系列笔记只为记录学习过程和师傅们探讨，发布在站内的版本经我本人反复核对，已对涉密及敏感信息进行处理，部分内容收集于网络，如涉及侵权或违规请联系我马上删除文章。笔记所提到的一切内容，只做学习和交流用途，严禁用于任何非法或未授权的用途！！如有违规操作与本人以及泷羽sec团队无关，切勿触碰法律底线，否则后果自负！！！！感谢泷羽sec团队提供的免费渗透测试系列视频课程，有兴趣的小伙伴可以点击下面连
html5代码大全文库,HTML5标签大全(最终整理版) cx不二 html5代码大全文库
HTML5标签大全(最终整理版)一、文字备忘之标签HTML5中新增的标签定义文章定义页面内容旁边的内容定义声音内容定义图形定义一个控制按钮指树或表格状数据格式中的动态数据定义一个下拉列表定义一个元素的细节定义会话或人的交谈定义额外的交互内容或插件定义指定元素的标题定义一组媒体内容，以及他们的标题为章节或页面定义一个底部为章节或页面定义一个头部定义文档中某段落的信息定义表单生成的关键定义被标记的文本
html5代码_HTML5篇（一） weixin_39713317 html5代码 html5标签属性大全
html5是html最新的修订版本，2014年10月由万维网联盟(W3C)完成标准制定。其设计目的是为了在移动设备上支持多媒体，当前大部分现代浏览器已经具备了某些HTML5支持。如上图，html5的新增的api，如在翻页时的动画效果、右上角的音频播放等，便利开发的同时也提升了用户体验。html5新特性：用于绘画的canvas元素用于媒介回放的video和audio元素对本地离线存储的更好的支持新的
python pip 国内加速无用功无事忙 python pip 开发语言
python,pip相关学习资料：https://edu.51cto.com/video/1158.htmlhttps://edu.51cto.com/video/2083.htmlhttps://edu.51cto.com/video/3502.htmlPythonpip国内加速指南作为一名刚入行的开发者，你可能会在安装Python库时遇到速度慢的问题。这通常是因为默认的pip源在国外，访问速度
kafka的ACL配置的sasl.kerberos.principal.to.local.rules配置解释 tkgup 常见问题解决方案 kafka 分布式
kafka配置acl认证的用户名转换规则1、Kerberos中的介绍2、自定义saslusername3、自定义ssl的用户名4、关于kafka配置kerberos以及开启acl的实践1、Kerberos中的介绍Kerberos关于此配置项的解释https://web.mit.edu/Kerberos/krb5-latest/doc/admin/conf_files/krb5_conf.html中
Html5学习教程，从入门到精通，HTML 5 链接语法知识点及案例代码（7）知识分享小能手前端开发编程语言如门网页开发 html html5 学习前端开发语言 java后端开发 web
HTML5链接语法知识点及案例代码一、HTML链接基础1.1链接标签标签用于定义超链接，用户点击后可以跳转到其他页面或资源。语法：链接文本1.2链接属性href：指定链接的目标地址（URL）。target：指定链接的打开方式，常用值：_self：在当前窗口打开（默认）。_blank：在新窗口打开。_parent：在父框架中打开。_top：在整个窗口中打开。title：鼠标悬停时显示的提示文本。do
Html5学习教程，从入门到精通，HTML 5 段落语法知识点及案例代码（5）知识分享小能手前端开发网页开发编程语言如门 html html5 学习 java 开发语言 java后端开发前端
HTML5段落语法知识点及案例代码在HTML5中，段落是通过标签定义的。段落是网页内容的基本组成部分，用于组织和呈现文本内容。一、段落的基本语法1.标签标签用于定义段落。浏览器会自动在段落前后添加空白（margin）以分隔段落。语法：这是一个段落。2.段落中的文本段落中可以包含纯文本、换行、空格、特殊字符等。浏览器会忽略HTML代码中的多余空格和换行，只显示一个空格。3.段落中的换行如果需要在段落
如何动态向HTML中插入SVG元素(包括Line,path,marker..等) junzhen_chen 前端 HTML SVG html svg
1.使用dodument对象创建一个SVG元素marker，为元素引入svg的命名空间（必需引入命名空间，不然浏览器将此元素当做普通html标签插入文档流）varmarker=document.createElementNS("http://www.w3.org/2000/svg","marker");2.使用标签元素对象的setAttribute函数为元素的属性设值marker.setAttri
C语言练习题：三种if语句、嵌套三元运算符受命于天既寿永昌 C语言初学算法 c语言
本文涉及到的知识点有：if语句（三种写法）、switch语句、三元运算符（嵌套使用）本文的题目来源于《全国计算机等级考试二级教程-C语言程序设计》练习题4.25对于以下函数:编写程序，要求输入x的值，输出y的值。分别用：不嵌套的if语句、嵌套的if语句、if-else语句、switch语句注：本文为了方便理解，并没有对输入的x值进行限制，所以用户调试的时候请自行将x限定在指定的范围里面，否则程序就
网络安全常见面试题--含答案网络安全-杰克 web安全安全
本文面试题汇总：防范常见的Web攻击重要协议分布层arp协议的工作原理rip协议是什么？rip的工作原理什么是RARP？工作原理OSPF协议？OSPF的工作原理TCP与UDP区别总结什么是三次握手四次挥手？tcp为什么要三次握手？dns是什么？dns的工作原理一次完整的HTTP请求过程Cookies和session区别GET和POST的区别HTTPS和HTTP的区别session的工作原理？htt
计算机网络——概述橘子汽水0408 计算机网络
在计算机科学领域中，计算机网络占据着至关重要的地位。而当我们翻开计算机网络课本，第一章的概述往往是我们探索这个庞大知识体系的起点。计算机网络（互联网）的基本概念与重要组成计算机网络，简单来说，就是将地理位置不同的具有独立功能的多台计算机及其外部设备，通过通信线路连接起来，在网络操作系统，网络管理软件及网络通信协议的管理和协调下，实现资源共享和信息传递的系统。它就像是一张无形的大网，把世界各地的计算
框架基本知识总结 Day8 小斌的Debug日记 javascript 前端 vue.js
事件冒泡页面上有父子标签，点击子标签时，点击事件向上传递，父标签也会被点击事件修饰符stop：用于阻止事件冒泡，用于子类标签上prevent：阻止标签的默认行为self:也是用于阻止事件冒泡，在父级标签上设置，只关注自己once：一次，事件只触发一次，之后执行默认行为键盘鼠标类的事件修饰符enter：回车键tab：tab键，制表符...按钮按钮跨域问题相关前后端分离，会出现跨域问题，跨域请求默认不
kafka小白基础知识小四的快乐生活 kafka 分布式
一、Kafka入门（一）Kafka简介Kafka是一个开源的分布式流处理平台，最初由LinkedIn开发，后来贡献给了Apache软件基金会。它被设计用于处理实时数据流，具有高吞吐量、可扩展性、持久性和容错性等特点。Kafka主要用于构建实时数据管道和流式应用程序，如日志收集、消息系统、事件驱动架构等。（二）核心概念主题（Topic）：Kafka中的消息以主题为单位进行分类，类似于数据库中的表。生
Html5学习教程，从入门到精通，HTML5 元素语法知识点及案例代码（2）知识分享小能手前端开发网页开发编程语言如门 html5 学习前端开发语言 html java Java开发
HTML5元素语法知识点及案例代码一、HTML5元素概述HTML5元素是构成网页的基本单位，每个元素都有特定的语义和功能。HTML5元素由开始标签、内容和结束标签组成，例如：这是一个段落。是开始标签这是一个段落。是内容是结束标签二、HTML5元素分类HTML5元素可以根据其功能和语义进行分类，主要分为以下几类：根元素::定义HTML文档的根元素。文档元数据::定义文档的头部信息，例如标题、样式表、
书其实只有三类西蜀石兰类
一个人一辈子其实只读三种书，知识类、技能类、修心类。知识类的书可以让我们活得更明白。类似十万个为什么这种书籍，我一直不太乐意去读，因为单纯的知识是没法做事的，就像知道地球转速是多少一样（我肯定不知道），这种所谓的知识，除非用到，普通人掌握了完全是一种负担，维基百科能找到的东西，为什么去记忆？知识类的书，每个方面都涉及些，让自己显得不那么没文化，仅此而已。社会认为的学识渊博，肯定不是站在
《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他 bylijinnan tcp
《TCP/IP 详解，卷1：协议》是经典，但不适合初学者。它更像是一本字典，适合学过网络的人温习和查阅一些记不清的概念。这本书，我看的版本是机械工业出版社、范建华等译的。这本书在我看来，翻译得一般，甚至有明显的错误。如果英文熟练，看原版更好： http://pcvr.nl/tcpip/ 下面是我的一些笔记，包括我看书时有疑问的地方，也有对该书的吐槽，有不对的地方请指正： 1.
Linux—— 静态IP跟动态IP设置 eksliang linux IP
一.在终端输入 vi /etc/sysconfig/network-scripts/ifcfg-eth0 静态ip模板如下： DEVICE="eth0" #网卡名称 BOOTPROTO="static" #静态IP（必须） HWADDR="00:0C:29:B5:65:CA" #网卡mac地址 IPV6INIT=&q
Informatica update strategy transformation 18289753290
更新策略组件：标记你的数据进入target里面做什么操作，一般会和lookup配合使用，有时候用0,1,1代表 forward rejected rows被选中，rejected row是输出在错误文件里，不想看到reject输出，将错误输出到文件，因为有时候数据库原因导致某些column不能update，reject就会output到错误文件里面供查看，在workflow的
使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态酷的飞上天空 request
现象就是：程序运行一段时间，可能是几十分钟或者几个小时，然后后台日志里面就不出现下载页面的信息，一直显示上一分钟抓取了0个网页的信息。刚开始已经猜到是某些下载线程没有正常执行回调方法引起程序一直以为线程还未下载完成，但是水平有限研究源码未果。经过不停的google终于发现一个有价值的信息，是给twisted提出的一个bugfix 连接地址如下http://twistedmatrix.
利用预测分析技术来进行辅助医疗蓝儿唯美医疗
2014年，克利夫兰诊所（Cleveland Clinic）想要更有效地控制其手术中心做膝关节置换手术的费用。整个系统每年大约进行2600例此类手术，所以，即使降低很少一部分成本，都可以为诊所和病人节约大量的资金。为了找到适合的解决方案，供应商将视野投向了预测分析技术和工具，但其分析团队还必须花时间向医生解释基于数据的治疗方案意味着什么。克利夫兰诊所负责企业信息管理和分析的医疗
java 线程(一)：基础篇 DavidIsOK java 多线程线程
&nbs
Tomcat服务器框架之Servlet开发分析 aijuans servlet
最近使用Tomcat做web服务器，使用Servlet技术做开发时，对Tomcat的框架的简易分析：疑问：为什么我们在继承HttpServlet类之后，覆盖doGet(HttpServletRequest req, HttpServetResponse rep)方法后，该方法会自动被Tomcat服务器调用，doGet方法的参数有谁传递过来？怎样传递？分析之我见： doGet方法的
揭秘玖富的粉丝营销之谜与小米粉丝社区类似 aoyouzi 揭秘玖富的粉丝营销之谜
玖富旗下悟空理财凭借着一个微信公众号上线当天成交量即破百万，第七天成交量单日破了1000万;第23天时，累计成交量超1个亿……至今成立不到10个月，粉丝已经超过500万，月交易额突破10亿，而玖富平台目前的总用户数也已经超过了1800万，位居P2P平台第一位。很多互联网金融创业者慕名前来学习效仿，但是却鲜有成功者，玖富的粉丝营销对外至今仍然是个谜。　　近日，一直坚持微信粉丝营销
Java web的会话跟踪技术百合不是茶 url会话 Cookie会话 Seession会话 Java Web 隐藏域会话
会话跟踪主要是用在用户页面点击不同的页面时,需要用到的技术点会话:多次请求与响应的过程 1,url地址传递参数,实现页面跟踪技术格式:传一个参数的 url?名=值传两个参数的 url?名=值 &名=值关键代码
web.xml之Servlet配置 bijian1013 java web.xml Servlet配置
定义： <servlet> <servlet-name>myservlet</servlet-name> <servlet-class>com.myapp.controller.MyFirstServlet</servlet-class> <init-param> <param-name>
利用svnsync实现SVN同步备份 sunjing SVN 同步 E000022 svnsync 镜像
1. 在备份SVN服务器上建立版本库 svnadmin create test 2. 创建pre-revprop-change文件 cd test/hooks/ cp pre-revprop-change.tmpl pre-revprop-change 3. 修改pre-revprop-
【分布式数据一致性三】MongoDB读写一致性 bit1129 mongodb
本系列文章结合MongoDB，探讨分布式数据库的数据一致性，这个系列文章包括：数据一致性概述与CAP 最终一致性(Eventually Consistency) 网络分裂(Network Partition)问题多数据中心(Multi Data Center) 多个写者(Multi Writer)最终一致性一致性图表(Consistency Chart) 数据
Anychart图表组件-Flash图转IMG普通图的方法白糖_ Flash
问题背景：项目使用的是Anychart图表组件，渲染出来的图是Flash的，往往一个页面有时候会有多个flash图，而需求是让我们做一个打印预览和打印功能，让多个Flash图在一个页面上打印出来。那么我们打印预览的思路是获取页面的body元素，然后在打印预览界面通过$("body").append(html)的形式显示预览效果，结果让人大跌眼镜：Flash是
Window 80端口被占用 WHY? bozch 端口占用 window
平时在启动一些可能使用80端口软件的时候，会提示80端口已经被其他软件占用，那一般又会有那些软件占用这些端口呢？下面坐下总结： 1、web服务器是最经常见的占用80端口的，例如：tomcat , apache , IIS , Php等等； 2
编程之美-数组的最大值和最小值-分治法（两种形式） bylijinnan 编程之美
import java.util.Arrays; public class MinMaxInArray { /** * 编程之美数组的最大值和最小值分治法 * 两种形式 */ public static void main(String[] args) { int[] t={11,23,34,4,6,7,8,1,2,23}; int[]
Perl正则表达式 chenbowen00 正则表达式 perl
首先我们应该知道 Perl 程序中，正则表达式有三种存在形式，他们分别是：匹配：m/<regexp>;/ （还可以简写为 /<regexp>;/ ，略去 m）替换：s/<pattern>;/<replacement>;/ 转化：tr/<pattern>;/<replacemnt>;
[宇宙与天文]行星议会是否具有本行星大气层以外的权力呢? comsci
举个例子: 地球,地球上由200多个国家选举出一个代表地球联合体的议会,那么现在地球联合体遇到一个问题,地球这颗星球上面的矿产资源快要采掘完了....那么地球议会全体投票,一致通过一项带有法律性质的议案,既批准地球上的国家用各种技术手段在地球以外开采矿产资源和其它资源........ &
Oracle Profile 使用详解 daizj oracle profile 资源限制
Oracle Profile 使用详解转一、目的： Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制，使用Create Profile命令创建一个Profile，用它来实现对数据库资源的限制使用，如果把该profile分配给用户，则该用户所能使用的数据库资源都在该profile的限制之内。二、条件：创建profile必须要有CREATE PROFIL
How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis dengkane elasticsearch Lucene
This article is from an interview with Zuhaib Siddique, a production engineer at HipChat, makers of group chat and IM for teams. HipChat started in an unusual space, one you might not
循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序 dcj3sjt126com c 算法
# include <stdio.h> int main(void) { int n; int i; int f1, f2, f3; f1 = 1; f2 = 1; printf("请输入您需要求的想的序列："); scanf("%d", &n); for (i=3; i<n; i
macbook的lamp环境 dcj3sjt126com lamp
sudo vim /etc/apache2/httpd.conf /Library/WebServer/Documents 是默认的网站根目录重启Mac上的Apache服务这个命令很早以前就查过了，但是每次使用的时候还是要在网上查：停止服务：sudo /usr/sbin/apachectl stop 开启服务：s
java ArrayList源码下 shuizhaosi888 ArrayList源码
版本 jdk-7u71-windows-x64 JavaSE7 ArrayList源码上：http://flyouwith.iteye.com/blog/2166890 /** * 从这个列表中移除所有c中包含元素 */ public boolean removeAll(Collection<?> c) {
Spring Security（08）——intercept-url配置 234390216 Spring Security intercept-url 访问权限访问协议请求方法
intercept-url配置目录 1.1 指定拦截的url 1.2 指定访问权限 1.3 指定访问协议 1.4 指定请求方法 1.1 &n
Linux环境下的oracle安装 jayung oracle
linux系统下的oracle安装本文档是Linux(redhat6.x、centos6.x、redhat7.x) 64位操作系统安装Oracle 11g(Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production)，本文基于各种网络资料精心整理而成，共享给有需要的朋友。如有问题可联系：QQ：52-7
hotspot虚拟机 leichenlei java HotSpot jvm 虚拟机文档
JVM参数 http://docs.oracle.com/javase/6/docs/technotes/guides/vm/index.html JVM工具 http://docs.oracle.com/javase/6/docs/technotes/tools/index.html JVM垃圾回收 http://www.oracle.com
读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” noaighost Web node.js
读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” 眼里的Node.JS 初初接触node是一年前的事，那时候年少不更事。还在纠结什么语言可以编写出牛逼的程序，想必每个码农都会经历这个月经性的问题：微信用什么语言写的？facebook为什么推荐系统这么智能，用什么语言写的？dota2的外挂这么牛逼，用什么语言写的？……用什么语言写这句话，困扰人也是阻碍
快速开发Android应用 rensanning android
Android应用开发过程中，经常会遇到很多常见的类似问题，解决这些问题需要花时间，其实很多问题已经有了成熟的解决方案，比如很多第三方的开源lib，参考 Android Libraries 和 Android UI/UX Libraries。编码越少，Bug越少，效率自然会高。但可能由于根本没听说过、听说过但没用过、特殊原因不能用、自己已经有了解决方案等等原因，这些成熟的解决
理解Java中的弱引用 tomcat_oracle java 工作面试
　不久之前，我面试了一些求职Java高级开发工程师的应聘者。我常常会面试他们说，“你能给我介绍一些Java中得弱引用吗？”，如果面试者这样说，“嗯，是不是垃圾回收有关的？”，我就会基本满意了，我并不期待回答是一篇诘究本末的论文描述。　　然而事与愿违，我很吃惊的发现，在将近20多个有着平均5年开发经验和高学历背景的应聘者中，居然只有两个人知道弱引用的存在，但是在这两个人之中只有一个人真正了
标签输出html标签" target="_blank">关于标签输出html标签 xshdch jsp
http://back-888888.iteye.com/blog/1181202 关于<c:out value=""/>标签的使用，其中有一个属性是escapeXml默认是true(将html标签当做转移字符，直接显示不在浏览器上面进行解析)，当设置escapeXml属性值为false的时候就是不过滤xml，这样就能在浏览器上解析html标签， &nb

html 基础知识 -- 前端Web - HTML 基础篇

前端Web - HTML 基础篇

一、HTML 是什么

二、HTML基本结构

三、HTML 常用标签

1. 排版标签

2. 图像标签

3. 链接标签

4. 锚点定位标签

5. 路径

6. 列表标签

7. 表格标签 table

8. 表单控件

9. 多媒体标签

一、html是什么？

1.1 html基本结构

2 . html 常用标签

2.7 标签属性

二、图像标签

三、超链接标签

四、路径

1. 相对路径：

国家名称

2. 有序列表 ( ol )

3. 自定义列表标签

六、表格标签 （table）

6.1 表格结构

6.2 表头标签：

6.3 表格标题标签：caption

6.4 合并单元格

七、表单标签

7.1 表单域

7.2 input 控件

7.3 label 标签 （双标签）

（1）只需要一个选项的话，可以直接用label标签包裹，如：

(2) 如果label里面有多个表单，想定位到某个的时候 ，可以通过for id 的格式来进行，具体如下：

7.4 textarea 控件 （文本域）

防止拖拽文本域resize

7.6 datalist 标签

7.7 fieldest 标签

八、多媒体标签

8.1 emded：网页视频引入html

8.2 audio 音频播放

8.3 video 视频播放

你可能感兴趣的:(笔记,web,前端,html知识,html,html5)

六、表格标签（table）

7.2 `input` 控件

7.3 label 标签（双标签）

(2) 如果label里面有多个表单，想定位到某个的时候，可以通过for id 的格式来进行，具体如下：

7.4 textarea 控件（文本域）

7.6 `datalist` 标签

7.7 `fieldest` 标签

8.1 `emded`：网页视频引入html

8.2 `audio` 音频播放

8.3 `video` 视频播放