qq373591361
qq373591361

HTML元素速查

HTML元素速查
下面列出了 HTML 定义的元素集，按字母顺序排列。
表1-1  元素列表
元  素 说  明
a 表明超链接的起始或目的位置
acronym 表明缩写词
address 特定信息，如地址、签名、作者、此文档的原创
applet 在页面上放置可执行内容
area 定义客户端图像映射中一个超级链接区域的形状、坐标
b 指定文本应以粗体渲染
base 指定一个显示 URL 用于解析对外部源的链接和引用，
baseFont 设置渲染文本时作为缺省字体的基础字体值
bdo 允许作者为选定文本片断禁用双向法则
bgSound 允许页面带有背景声音或创建音轨
big 指定内含文本要以比当前字体稍大的字体显示
blockQuote 设置文本中的一段引语
body 指定文档主体的开始和结束
br 插入一个换行符
button 指定其中所含的 HTML 要被渲染为一个按钮
caption 指定表格的简要描述
center 将后面的文本和图像居中显示
cite 用斜体显示标明引言
code 指定代码范例
col 指定基于列的表格缺省属性
colGroup 指定表格中一列或一组列的缺省属性
comment 表明不可见的注释
custom 代表了一个用户自定义元素
dataTransfer 提供了对于预定义的剪贴板格式的访问，以便在拖曳操
dd 在定义列表中表明定义。定义通常在定义列表中缩进
del 表明文本已经从文档中删除
dfn 表明术语的定义实例
dir 引起目录列表
div 指定渲染 HTML 的容器
dl 引起定义列表
dt 在定义列表中表明定义术语
em 强调文本，通常以斜体渲染
embed 允许嵌入任何文档
fieldSet 在字段集包含的文本和其他元素外面绘制一个方框

font 指定用于渲染所包含文本的新字体、大小和颜色
form 指定所包含控件在表单中起作用
frame 在 frameSet 元素内指定单个框架
frameSet 指定一个框架集，用于组织多个框架和嵌套框架集
head 提供了关于文档的无序信息集合
hn 以标题样式渲染文本
hr 绘制水平线
html 表明文档包含 HTML 元素
<!--   --> 避免任何内含文本或 HTML 代码被处理并在浏览器窗
i 指定文本应以斜体渲染
iframe 创建内嵌浮动框架
img 在文档中嵌入图像或视频剪辑
import 从元素行为中导入标签定义
input 创建各种表单输入控件
input type=button 创建按钮控件
input type=checkbox 创建复选框控件
input type=file 创建文件上传控件，该控件带有一个文本框和一个浏
input type=hidden 传输关于客户/服务器交互的状态信息
input type=image 创建一个图像控件，该控件单击后将导致表单立即被
input type=password 创建与 input type=text 控件类似的单行文本输入控件，
input type=radio 创建单选按钮控件
input type=reset 创建一个按钮，该按钮单击后将重置表单控件为缺省
input type=submit 创建一个按钮，该按钮单击后将提交表单
input type=text 创建一个单行的文本输入控件
ins 指定被插入到文档中的文本
isIndex 使浏览器显示一个对话框，提示用户输入单行文本
kbd 以固定字体渲染文本
label 为页面上的其他元素指定标签
legend 在fieldSet对象绘制的方框内插入一个标题
li 引起列表中的一个项目
link 允许当前文档和外部文档之间建立链接
map 包含客户端图像映射的坐标数据
marquee 创建一个滚动的文本字幕
menu 创建一个项目的无序列表
meta 向服务器和客户端传达关于文档的隐藏信息
nobr 不换行渲染文本
noFrames 包含对于那些不支持 frameset 元素的浏览器使用的 HT
noScript 指定要在不支持脚本的浏览器中显示的 HTML
object 向 HTML 页面中插入对象
ol 绘制文本的编号列表
optGroup 允许作者对select元素中的选项进行逻辑分组
option 引起  select元素中的一个选项
p 引起一段
param 僊置 applet、embed、object 元素的属性初始值
plainText 以固定宽度字体渲染文本，不处理标签
pre 以预先定好的格式渲染文本


q 分离文本中的引语
rt 指明 ruby 元素的注音文本
ruby 指明要放置在文本串之上或内嵌的注解或发音指南
s 以删除线字体渲染文本
samp 指定代码范例
script 指定由脚本引擎解释的脚本
select 引起列表框或下拉列表框
small 指定内含文本要以比当前字体稍小的字体显示
span 指定内嵌文本容器
strike 以删除线字体渲染文本
strong 以粗体渲染文本
style 指定页面的样式表
sub 指定内含文本要以下标的形式显示，通常比当前字体稍小
sup 指定内含文本要以上标的形式显示，通常比当前字体稍小
table 指定所含内容要组织成行列的表格
tBody 指明行作为表格主体
td 指定表格中的单元格
textarea 指定多行文本输入控件
tFoot 指明行作为表尾
th 指定标题列，标题列将在单元格中居中并以粗体显示
tHead 指明行作为表头
title 包含文档的标题
tr 指定表格中的一行
tt 以固定宽度字体渲染文本
u 带下划线渲染文本
ul 绘制文本的项目符号列表
var 定义编程变量，通常以斜体渲染
wbr 向一块 nobr文本中插入软换行
xml 在 HTML 页面上定义一个XML 数据岛
xmp 以固定宽度字体渲染作为示例的字体



HTML重点标签与详细属性
下面列出了 HTML 定义的重点标签与相关的详细属性。
HTML头部标签
表1-2  头部标签
标  签		描  述
<base> 当前文档的URL全称（基底网址）
<title> 设定显示在浏览器左上方的标题内容
<isindex> 表明该文档是一个可用于检索的网关脚本
<meta> 有关文档本身的元信息，例如用于查询的关键词、获取该文档的有效期等
<style> 设定CSS层叠样式表的内容
<link> 设定外部文件的链接
<script> 设定页面中程序脚本的内容

元信息标签  表1-3  <meta>标签属性
http-equiv生成一个HTTP标题域，它的取值与另一个属性相同，例如http-equiv=Expires，实际取值由content确定
name 如果元数据是以关键字/取值的形式出现的，name表示关键字，如author或ID
content 关键字/取值的内容


表1-4   <body>元素属性
属  性		 描  述
text 设定页面文字的颜色
bgcolor 设定页面背景的颜色
background 设定页面的背景图像
bgproperties 设定页面的背景图像为固定，不随页面的滚动而滚动
link 设定页面默认的链接颜色
alink 设定鼠标正在单击时的链接颜色
vlink 设定访问过后的链接颜色
topmargin 设定页面的上边距
leftmargin 设定页面的左边距


表1-5  特殊符号
特殊符号 符号码
“	"
&	&
<	 <
>	 >
(C)	©
(R)	 ®
±	± ×
§	 §sect;;;
￠	 ¢cent;;;
￥	 ¥yen;;;
*	· €
￡	 £
(TM)	™

表1-6  标题字标签
标  签		描  述
<h1>……</h1> 一级标题
<h2>……</h2> 二级标题
<h3>……</h3> 三级标题
<h4>……</h4> 四级标题
<h5>……</h5> 五级标题
<h6>……</h6> 六级标题


表1-7  文字的修饰标签
标  签 描  述
<b>	 粗体
<strong> 粗体
<i>	斜体
<em>	 斜体
<cite>  斜体
<sup>	上标
<sub>	下标
<big> 大字号
<small> 小字号
<u> 下划线
<s> 删除线
<strike> 删除线
<address> 地址
<tt> 打字机文字
<blink> 闪烁文字（只适用于Netscape浏览器）
<code> 等宽
<samp> 等宽
<kbd> 键盘输入文字
<var> 声明变量


表1-8  <font>标签属性
属性	描述
face	字体
size	字号
color	颜色
<ul> 无序列表
<ol> 有序列表
<dir> 目录列表
<dl> 定义列表
<menu> 菜单列表
<dt>、<dd> 定义列表的标签
<li> 列表项目的标签


表1-10  链接标签属性
属  性	  描  述
href 指定链接地址
name 给链接命名
title 给链接提示文字
target 指定链接的目标窗口

表1-11   链接的目标窗口属性
属性值		描  述
_parent 在上一级窗口中打开。一般使用分帧的框架页会经常使用
_blank 在新窗口中打开
_self 在同一个帧或窗口中打开，这项一般不用设置
_top 在浏览器的整个窗口中打开，忽略任何框架


表1-12  <img>标签属性
属  性	 描  述
src	 图像的源文件
alt	 提示文字
width、height 宽度、高度
border	 边框
vspacespacepace 垂直间距
hspacespacepace 水平间距
align	 排列

表1-13  图片排列Align属性
属性值		描  述
topop 文字的中间线居图片上方
middleiddle 文字的中间线居图片中间
bottomottom 文字的中间线居图片底部
lefteft 图片在文字的左侧
rightight 图片在文字的右侧
absbottombsbottom 文字的底线居图片底部
absmiddlebsmiddle 文字的底线居图片中间
baselineaseline 英文文字基准线对齐
texttopexttop 英文文字上边线对齐


表1-15  表格的<tr>标签属性
标  签 描  述
align 行内容的水平对齐
valign 行内容的垂直对齐
bgcolor 行的背景颜色
background 行的背景图像
bordercolor 行的边框颜色
bordercolorlight 行的亮边框颜色
bordercolordark 行的暗边框颜色



表1-16  表格的<td>、<th>标签属性
属  性		描  述
align 单元格内容的水平对齐
valign 单元格内容的垂直对齐
bgcolorgcolor 单元格的背景颜色
background 单元格的背景图像
bordercolor 单元格的边框颜色
bordercolorlight 单元格的亮边框颜色
bordercolordark 单元格的暗边框颜色
width 单元格的宽度
height 单元格的高度


表1-17  <form>标签属性
属  性	描  述
name 表单的名称
method 定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get、post
actionction 定义表单处理程序的位置(相对地址或绝对地址) 

表1-18  <form>标签内的标签
属  性	描  述
<input> 表单输入标签
<select> 菜单和列表标签
<option> 菜单和列表项目标签
<textarea> 文本域标签

输入标签
表1-19  <input>标签属性
属  性 描  述
name 域的名称
type 域的类型

表1-20   type属性值
属  性   描  述
text 文本域
password 密码域 文件域
checkbox 复选框
radio 单选按钮
button 普通按钮
submit 提交按钮
reset 重置按钮
hidden 隐藏域
image 图像域（图像提交按钮）


菜单和列表标签
表1-21  菜单和列表标签属性
属  性	   描  述
name 菜单和列表的名称
size 显示的选项数目
multiple 列表中的项目多选
valuealue 选项值
selected 默认选项


表1-22  文字域标签属性
属  性 描  述
name 文字域的名称
rows 文字域的行数
cols 文字域的列数
valuealue 文字域的默认值


框架标签
表1-23  框架标签
标  签 描  述
<frameset> 框架集
<frame> 框架
<iframe> 内联框架
<noframe> 无框架


表1-24  框架标签属性
属  性 描  述
src 显示页面源文件的路径
width 框架的宽度
height 框架的高度
name 框架的名称
align 框架的排列方式，left表示居左，center表示居中，right表示居右
frameBorder 框架边框显示属性
frameSpacing 框架边框宽度属性
scrolling 框架滚动条显示属性
noResize 框架尺寸调整属性
borderColor 框架边框颜色属性
marginWidth 框架边缘宽度属性
marginHeight 框架边缘高度属性



CSS属性
下面将对CSS 的基本属性进行详细介绍，以便用户更好地使用Dreamweaver 8制作页面。
字体属性
CSS的字体属性主要包括字体族科、字体风格、字体加粗和字体大小，如表2-1所示。


表2-1  字体属性
字体属性	描  述
font-family 用一个指定的字体名或一个种类的字体族科
字体显示的大小
font-size
font-style 以3个方法中的一个来定义显示的字体: normal （普通），italic（斜体）或oblique（倾斜）
font-weight 以bold为值可以使字体加粗
文本属性
CSS的文本属性主要包括字母间隔、文字修饰、文本排列、文本缩进和行高等，如表2-2所示。


表2-2  文本属性
文本属性	描  述
letter-spacing 定义一个附加在字符之间的间隔数量
text-decoration 文本修饰属性允许通过5个属性中的一个来修饰文本
text-align 设置文本的水平对齐方式，包括左对齐、右对齐、居中、两端对齐
text-indent 文字的首行缩进
line-height 行高属性接受一个控制文本基线之间的间隔的值
颜色和背景属性
CSS的颜色属性允许网页制作者指定一个元素的颜色，背景属性允许控制背景，如表2-3所示。

表2-3  颜色和背景属性
颜色和背景
属性	描  述
color 定义颜色
background-color 设定一个元素的背景颜色
background-image 设定一个元素的背景图像
background-repeat 决定一个指定的背景图像如何被重复
background-positionackground-position 设置水平和垂直方向上的位置
边框属性
边框属性是一个用于设置元素边框的宽度、样式和颜色的略写。边框属性只能设置 4 种边框，只能给出一
组边框的宽度和样式。为了给出一个元素的 4 种边框的不同的值，网页制作者必须使用一个或更多的属性，如
上边框、右边框、下边框、左边框、边框颜色、边框宽度、边框样式、上边框宽度、右边框宽度、下边框宽度
或左边框宽度，如表2-4所示。

表2-4  边框属性
属性	描述
border 边框
border-top 上边框
border-left 左边框
border-right 右边框
border-bottom 下边框
对于边框的样式，可以按照表2-5所示进行设置。


表2-5  边框样式属性值
属性值   描述
none 无边框
dotted 边框由点组成
dash 边框由短线组成
solid 边框是实线
double 边框是双实线
groove 边框是带有立体感的沟槽
ridge 边框成脊形
inset 边框内嵌一个立体边框
outset 边框外嵌一个立体边框



鼠标光标属性
在网页中默认的光标只有两种，一个是最普通的箭头，另一个是当移动到链接上时出现的“小手”。但是
现在越来越多的网页都使用了CSS的光标技术，当将光标移动到链接上时，可以看到多种不同的效果。
CSS 可以通过 cursor 属性改变光标形状，光标放在被此项设置修饰的区域上时，形状会发生变化，具体的
属性值如表2-6所示。
表2-6  鼠标光标属性值
属性值	 描述
hand 手
crosshair 交叉十字
text 文本选择符号
wait Windows的沙漏形状
default 默认的鼠标形状
help 带问号的鼠标
e-resize 向东的箭头
ne-resize 向东北的箭头
n-resize 向北的箭头
nw-resize 向西北的箭头
w-resize 向西的箭头
sw-resize 向西南的箭头
s-resize 向南的箭头
se-resize 向东南的箭头


定位属性
CSS 的定位技术是 CSS 的一个应用很广的知识点。通过 CSS 我们不仅可以控制元素的颜色、边框等属性，
还可以控制元素的平面或空间位置以及可见性。
CSS 提供两种定位方法，相对定位与绝对定位。相对定位是指让操作的元素在相对于其他元素的位置上进
行偏移。而绝对定位是指让操作的元素参照原始文档进行偏移。可以使用表2-7所示的属性来定位网页中的对象。


表2-7  定位属性
属性	 描述
position 分为absolute（绝对定位）、relative（相对定位）
top 层距离顶点纵坐标的距离
left 层距离顶点横坐标的距离
width 层的宽度
height 层的高度
z-index 决定层的先后顺序和覆盖关系，值较高的元素会覆盖值较低的元素
clip 限定只显示裁切出来的区域。裁切出的区域为矩形，只要设定两个点即可。 当层内的内容超出层所能容纳的范围时，内容的显示方式
这一项是针对嵌套层的设置，嵌套层是插入在其他层中的层，分为嵌套的层（子层）和被嵌
visibility
套的层（父层）
区块属性
在格式化页面对象时，CSS将所有对象都放置在一个容器里面，这个容器称为区块，其属性如表2-8所示。


表2-8  区块属性
属性	描述
width 设定对象的宽度
height 设定对象的高度 让文字环绕在一个元素的四周
clear 指定在某一个元素的某一边是否允许有环绕的文字或对象
padding 决定究竟在边框与内容之间应该插入多少空间距离
设置一个元素在4个方向上与浏览器窗口边界或上一级元素边界的距离。与padding类似，它
margin
也有上、下、左、右4个属性，分别控制4个方向
列表属性
CSS中有关列表的设定丰富了列表的外观，其属性如表2-9所示。


表2-9  列表属性
属性		描述
list-style-typeype 设定引导列表项目的符号类型
bulletullet 选择图像作为项目的引导符号
position 决定列表项目缩进的程度，outside表示列表贴近左侧边框，inside表示列表缩进
对于type属性，可以设定多种符号类型，如表2-10所示。


表2-10  列表符号类型属性值
属性值		描述
disc 在文本行前面加“●”实心圆
circle 在文本行前面加“○”空心圆
square 在文本行前面加“■”实心方块
decimal 在文本行前面加普通的阿拉伯数字
lower-roman 在文本行前面加小写罗马数字
upper-roman 在文本行前面加大写罗马数字
lower-alpha 在文本行前面加小写英文字母
upper-alpha 在文本行前面加大写英文字母
none 不显示任何项目符号或编号

你可能感兴趣的:(HTML元素速查)

  • 力扣第39题 组合总和 buaichifanqie leetcode算法c++
    前言记录一下刷题历程力扣第39题组合总和组合总和原题目：给你一个无重复元素的整数数组candidates和一个目标整数target，找出candidates中可以使数字和为目标数target的所有不同组合，并以列表形式返回。你可以按任意顺序返回这些组合。candidates中的同一个数字可以无限制重复被选取。如果至少一个数字的被选数量不同，则两种组合是不同的。对于给定的输入，保证和为target的
  • Node.js+Express|Cookie&Session机制理解|实现保存登录状态 绍重先
    Q&A各个用户的sessionname如何设置用登陆的用户名？用当时时间？req.session.name=req.body.usernamelogout？url列表标签posthtml退出登陆js//登出事件监听varlogout=document.getElementById('logout');logout.onclick=function(){alert('logout');varlogo
  • 掌财社:在html5中使用video进行全屏播放与自动播放的代码方法总结！ weixin_45378258 HTML
    今天由于在之前小编在项目中遇到的有关于：“在html5中使用video进行全屏播放与自动播放的代码方法总结！”这方面的内容，所以今天就来和大家分享有关于这方面的相关内容！近期开始开发公司新版官网，首页顶部（header）是一个全屏播放的小视频,现简单总结如下：页面代码：其中php简单判断了一下是否是移动设备,移动设备不展示视频(如果移动端展示的话,需要解决iOS上无法自动播放的问题):ps:如果H
  • 数据结构绪论题目 小黄瓜丹斯 数据结构#笔记数据结构数据结构
    绪论1.1数据结构的基本概念一、单项选择题1.可以用()定义一个完整的数据结构。A.数据元素B.数据对象C.数据关系D.抽象数据类型【解析】D抽象数据类型可以定义一个完整的数据结构。包括数据元素，数据元素之间的关系，以及可以进行的操作2.以下数据结构中，()是非线性数据结构。A.树B.字符串C.队列D.栈【解析】A知识点是非线性数据结构的定义。A是层次结构，为非线性数据结构；B、C、D均为线性数据
  • WebKit 简介及工作流程深度解析 不知名靓仔 webkitchromesafariedge
    WebKit是一个开源的浏览器引擎，最初由苹果公司为Safari浏览器开发，后来被多个浏览器和应用采纳，如早期的Chrome和众多移动平台上的浏览器。WebKit不仅仅是一个渲染引擎，它集成了HTML、CSS、JavaScript的解析与渲染能力，以及网络资源加载、图形处理、排版布局等功能，为用户提供丰富的网页浏览体验。本文将深入探讨WebKit的核心组件以及其复杂的工作流程。WebKit核心架构
  • 深入解析`node-html-to-image`的`main.ts`源码：实现HTML到图片的转换 软考鸭 nodeHtmlToImagehtml前端nodeHtmlToImage
    引言node-html-to-image是一个强大的Node.js库，它允许开发者将HTML内容转换为图片。本文将深入解析该库的main.ts文件，揭示其内部工作原理，并帮助开发者更好地理解和使用该库。项目背景与功能概述node-html-to-image的主要功能是将HTML字符串或文件渲染为图片。它支持多种输出格式（如PNG、JPEG等），并提供了一系列配置选项，如图片质量、透明度等。该库利用
  • 【数据结构】基本概念和术语 熙曦Sakura 数据结构数据结构
    数据(data)定义是对客观事物的符号表示，在计算机科学中是指所有能输入到计算机中并被计算机程序处理的符号的总称。数据元素(dataelement)是数据的基本单位，在计算机程序中通常作为一个整体进行考虑和处理。数据对象(dataobject)是性质相同的数据元素的集合，是数据的一个子集。数据结构(datastructure)是相互之间存在一种或多种特定关系的数据元素的集合。结构(structur
  • ubuntu 16(7) 2401_84715880 单元测试功能测试学习
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！conf：存放配置文件html：静态网页logs：存
  • 使用transform对html的video播放器窗口放大 宣晨光 前端整理htmlvideo缩放transform
    核心是使用播放容器$('video').css({'transform':'scale(2)','transform-origin':'centertop'});其中scale表示放大倍数，可以是小数transform-origin表示位置，1）可以使用坐标点如'120px200px'2）或者使用方位坐标，leftrighttopbottom总共九个，如左上方'lefttop'上方‘topcent
  • 数据结构绪论 搁浅小泽 数据结构算法
    1.1基本概念1.数据(data)是对客观事物的符号表示，在计算机科学中是指所有能输入到计算机中并被计算机程序处理的符号的总称。它是计算机程序加工的"原料"。2.数据元素(dataelement)是数据的基本单位，在计算机程序中通常作为一个整体进行考虑和处理。有时，一个数据元素可由若干个数据项(dataitem)组成，例如，一本书的书目信息为一个数据元素，而书目信息中的每一项(如书名、作者名等)为
  • 147.最小栈 gugugu. c++算法
    题目链接：leetcode链接思路这道题目做起来还是比较简单的，使用两个栈就可以实现题目要求。其中一个栈s实现栈的基本功能，另一个栈mins实现检索最小元素的功能。来看一下怎么样实现检索最小元素的功能呢？我们可以这么做：在每一次入栈的时候，都将该元素x与mins栈的栈顶元素top相比较1、xtopx不入mins栈出栈的时候怎么实现呢？将s.top与mins.top进行比较1、s.top==mins
  • RapidJson递归去除空值元素Value Cloudox_
    RapidJson是一款高效的C++处理JSON字符串的库。教程：http://rapidjson.org/zh-cn/md_doc_tutorial_8zh-cn.html#QueryObject源码：https://github.com/Tencent/rapidjson但不得不说教程写的不太全，网上资料也很少，大都重复教程的范畴。项目中有个蛋疼的需求要把JSON字符串中值为空的键值对去掉，C
  • element-ui layout布局 铺满整个空间方法 遇事不决AI解决 uicss3cssvue.jsjavascript
    h5布局文件上传css样式有些朋友用height:100%并不能铺满，这个时候可以使用height:100vh即可铺满html,body,.el-container{/*设置内部填充为0，几个布局元素之间没有间距*/padding:0px!important;/*外部间距也是如此设置*/margin:0px!important;/*统一设置高度为100%*/height:100vh;}有任何问题都
  • vue 搜索关键字，关键字标红 Feng、锋 vuejsjavascriptvue.jshtml
    vue使用v-htmlthis.voice_result.map(e=>{if(this.red_text){//匹配关键字正则letreplaceReg=newRegExp(this.red_text,'g');//高亮替换v-html值letreplaceString=''+this.red_text+'';//开始替换e.info=e.info.replace(replaceReg,repl
  • 【鼠鼠学AI代码合集#5】线性代数 鼠鼠龙年发大财 鼠鼠学AI系列代码合集人工智能线性代数机器学习
    在前面的例子中，我们已经讨论了标量的概念，并展示了如何使用代码对标量进行基本的算术运算。接下来，我将进一步说明该过程，并解释每一步的实现。标量（Scalar）的基本操作标量是只有一个元素的数值。它可以是整数、浮点数等。通过下面的Python代码，我们可以很容易地进行标量的加法、乘法、除法和指数运算。代码实现：importtorch#定义两个标量x=torch.tensor(3.0)#标量x，值为3
  • 用python的NiceGUI库 实现webApp___官网文档熟悉 错误重复学习记录 webapp
    官网文档文本元素ui.label、、ui.markdown和ui.restructured_text等元素ui.html可用于显示文本和其他内容。TextElementsLabel、Link、ChatMessage、GenericElement、MarkdownElement、ReStructuredText、MermaidDiagrams、HTMLElement控制NiceGUI提供了多种用于用
  • HTML、CSS实现树状图 凉风听雪 CSS炫酷使用htmlcss前端
    效果图：源码：（未做移动端自适应）Document海关数据海关数据类型海关申报数据贸易提单数据进口数据出口数据过境数据海运数据空运数据搜索方式产品hs编码小语种查询进口商出口商提单号口岸时间国别数据查询提关单记录买家实时监控同行实时监控出口全球分析进口商分析出口商分析产品分析供应国分析进口国分析开发工具公司概况联系邮箱领英联系WhatsApp进出口详情分析展会记录LBS地理信息B2B店铺社媒动态社
  • HTML常用特殊字符列表 前端无冕之王 前端cssjava
    以下是更详细的HTML常用特殊字符列表，分为常见符号、货币符号、数学符号和其他符号，涵盖了它们的字符实体名称及对应的编号：常见符号符号描述实体名称实体编号&和号&&大于号>>"双引号""'单引号''©版权符号©©®注册商标符号®®™商标符号™™§段落符号§
  • 正则表达式-运算符优先级 一只小棉花 正则表达式正则表达式-优先级
    转自：http://www.runoob.com/regexp/regexp-operator.html
  • 线性代数基础 wq_151 mathematic线性代数
    Base对于矩阵A，对齐做SVD分解，即UΣV=svd(A)U\SigmaV=svd(A)UΣV=svd(A).其中U为AATAA^TAAT的特征向量，V为ATAA^TAATA的特征向量。Σ\SigmaΣ的对角元素为降序排序的特征值。显然，U、V矩阵中的列向量相互正交，所以也可以视V为svd分解给出了A的列向量空间的正交基，其中最大奇异值（或特征值）对应的特征向量捕捉了数据变化的最大方向。求满足A
  • ray.tune文档总结 AI大司马 python人工智能深度学习
    ray.tune文档总结tune.runconfig指定超参数的搜索方法ConcurrencyLimiter搜索算法scheduler试验调度程序分析资源（并行、GPU、分布式）原文档请看这里https://docs.ray.io/en/latest/tune/key-concepts.htmltune.run执行超参数调整、用于管理实验，例如日志检查、提前停止tune.run(trainable
  • [C题目]力扣203. 移除链表元素 GLC8866 链表leetcodec语言
    203.移除链表元素-力扣（LeetCode）方法一：删除val值的结点，并将其前后的结点连接上。structListNode*removeElements(structListNode*head,intval){structListNode*prev=NULL;//prev标记cur前一个结点的位置structListNode*cur=head;//cur表示当前要检查的结点while(cur)
  • 快乐的LeetCode --- 83. 删除排序链表中的重复元素 北木. 多味的LeetCodeleetcode
    题目描述：给定一个排序链表，删除所有重复的元素，使得每个元素只出现一次。示例1:输入:1->1->2输出:1->2示例2:输入:1->1->2->3->3输出:1->2->3解题思路1:类似题解：面试题18.删除链表的节点代码1：超出时间限制#Definitionforsingly-linkedlist.#classListNode(object):#def__init__(self,x):#se
  • java中IO流详解 一路向上的桃子 学习资料java
    java中IO流详解转载：https://www.cnblogs.com/biehongli/p/6074713.html
  • C语言简单复习(在力扣上刷题）【学习记录】 清蒸君 51单片机c语言leetcode
    一、魔术索引在数组A[0...n-1]中，有所谓的魔术索引，满足条件A[i]=i。给定一个有序整数数组，编写一种方法找出魔术索引，若有的话，在数组A中找出一个魔术索引，如果没有，则返回-1。若有多个魔术索引，返回索引值最小的一个。示例1:输入：nums=[0,2,3,4,5]输出：0说明:0下标的元素为0来源：力扣（LeetCode）链接：https://leetcode-cn.com/probl
  • ECS a19576
    https://www.jianshu.com/p/d9a3093bd151https://blog.csdn.net/mzl87/article/details/89462311https://www.jianshu.com/p/1617d6948ee8http://www.voidcn.com/article/p-udretuox-bsw.htmlhttps://www.e-learn.cn/
  • 移除链表元素 - 力扣（LeetCode）C语言 XYLoveBarbecue C语言数据结构练习链表leetcode数据结构
    203.移除链表元素-力扣（LeetCode）(点击前面链接即可查看题目)/***Definitionforsingly-linkedlist.*structListNode{*intval;*structListNode*next;*};*/structListNode*removeElements(structListNode*head,intval){structListNode*cur=h
  • 每日CSS一道题day01 [代码的搬运工] html布局csshtml前端css
    内容：什么是双飞翼布局以及如何书写？原理：左右固定宽高，利用定位、负定位距离，实现中间的宽度自适应代码演示：HTML：头部中左右头部这里引入头部和尾部是为了突出如何在具体内容插入一个双飞翼布局CSS：/*去除浏览器默认样式*/*{margin:0;padding:0;}.header,.footer{height:200px;width:100%;background-color:aqua;}/*
  • Java-实现双向环形链表 Bro_cat 数据结构与算法链表数据结构java双向环形链表
    双向链表是一种常用的数据结构，其特点是每个节点不仅包含数据，还持有指向前一个节点和后一个节点的指针。与普通双向链表不同的是，它的哨兵节点的prev指向最后一个元素，而最后一个元素的next指向哨兵。具体双向普通链表可以参考我的上篇文章，这里是传送门。什么是双向环形链表？双向环形链表不仅支持双向遍历，还形成一个闭合环，即最后一个节点的next指针指向链表的头部，第一个节点的prev指针指向链表的尾部
  • 【基础算法】双指针算法 TT哇 基础算法算法
    双指针算法1.内容2.模板3.例题1.内容双指针并不是一种数据结构，也不是指C这种语言中的指针，而是一种经典的算法思想，可以用来求链表的中点、链表是否成环、移除数组中多余的元素、归并排序等，核心思想是：设计不同速度、不同间距、或不同方向的两个指针对目标集合操作，解决我们的问题。理论基础双指针是一种通过设置两个指针不断进行单向移动来解决问题的算法思想。一般包含两种形式：一、两个指针指向同一个序列。二
  • ztree设置禁用节点 3213213333332132 JavaScriptztreejsonsetDisabledNodeAjax
    ztree设置禁用节点的时候注意，当使用ajax后台请求数据,必须要设置为同步获取数据，否者会获取不到节点对象，导致设置禁用没有效果。 $(function(){ showTree(); setDisabledNode(); });
  • JVM patch by Taobao bookjovi javaHotSpot
    在网上无意中看到淘宝提交的hotspot patch，共四个，有意思，记录一下。   7050685：jsdbproc64.sh has a typo in the package name 7058036：FieldsAllocationStyle=2 does not work in 32-bit VM 7060619：C1 should respect inline and
  • 将session存储到数据库中 dcj3sjt126com sqlPHPsession
    CREATE TABLE sessions ( id CHAR(32) NOT NULL, data TEXT, last_accessed TIMESTAMP NOT NULL, PRIMARY KEY (id) );   <?php /** * Created by PhpStorm. * User: michaeldu * Date
  • Vector 171815164 vector
    public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) { for (int i = 0; i < cart.size(); i++) { if (cart.get(i).getId().equals(id)) { cart.remove(i);
  • 各连接池配置参数比较 g21121 连接池
            排版真心费劲，大家凑合看下吧，见谅~     Druid DBCP C3P0 Proxool 数据库用户名称 Username Username User   数据库密码 Password Password Password   驱动名
  • [简单]mybatis insert语句添加动态字段 53873039oycg mybatis
          mysql数据库,id自增,配置如下：       <insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id" parameterType=&
  • struts2拦截器配置 云端月影 struts2拦截器
    struts2拦截器interceptor的三种配置方法 方法1. 普通配置法 <struts>     <package name="struts2" extends="struts-default">         &
  • IE中页面不居中，火狐谷歌等正常 aijuans IE中页面不居中
    问题是首页在火狐、谷歌、所有IE中正常显示，列表页的页面在火狐谷歌中正常，在IE6、7、8中都不中，觉得可能那个地方设置的让IE系列都不认识，仔细查看后发现，列表页中没写HTML模板部分没有添加DTD定义，就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
  • String,int,Integer,char 几个类型常见转换 antonyup_2006 htmlsql.net
    如何将字串 String 转换成整数 int? int i = Integer.valueOf(my_str).intValue(); int i=Integer.parseInt(str); 如何将字串 String 转换成Integer ? Integer integer=Integer.valueOf(str); 如何将整数 int 转换成字串 String ? 1.
  • PL/SQL的游标类型 百合不是茶 显示游标(静态游标)隐式游标游标的更新和删除%rowtyperef游标(动态游标)
    游标是oracle中的一个结果集,用于存放查询的结果;   PL/SQL中游标的声明; 1,声明游标 2,打开游标(默认是关闭的); 3,提取数据 4,关闭游标     注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标   隐式游标:主要是对DML数据的操作隐
  • JUnit4中@AfterClass @BeforeClass @after @before的区别对比 bijian1013 JUnit4单元测试
    一.基础知识 JUnit4使用Java5中的注解（annotation），以下是JUnit4常用的几个annotation： @Before：初始化方法   对于每一个测试方法都要执行一次（注意与BeforeClass区别，后者是对于所有方法执行一次）@After：释放资源  对于每一个测试方法都要执行一次（注意与AfterClass区别，后者是对于所有方法执行一次
  • 精通Oracle10编程SQL(12)开发包 bijian1013 oracle数据库plsql
    /* *开发包 *包用于逻辑组合相关的PL/SQL类型（例如TABLE类型和RECORD类型）、PL/SQL项（例如游标和游标变量）和PL/SQL子程序（例如过程和函数） */ --包用于逻辑组合相关的PL/SQL类型、项和子程序，它由包规范和包体两部分组成 --建立包规范：包规范实际是包与应用程序之间的接口，它用于定义包的公用组件，包括常量、变量、游标、过程和函数等 --在包规
  • 【EhCache二】ehcache.xml配置详解 bit1129 ehcache.xml
    在ehcache官网上找了多次，终于找到ehcache.xml配置元素和属性的含义说明文档了，这个文档包含在ehcache.xml的注释中！ ehcache.xml ： http://ehcache.org/ehcache.xml ehcache.xsd ： http://ehcache.org/ehcache.xsd ehcache配置文件的根元素是ehcahe   ehcac
  • java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL 白糖_ javaeclipsespringtomcatWeb
    今天学习spring+cxf的时候遇到一个问题：在web.xml中配置了spring的上下文监听器： <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener>  随后启动
  • angular.element boyitech AngularJSAngularJS APIangular.element
    angular.element 描述:     包裹着一部分DOM element或者是HTML字符串，把它作为一个jQuery元素来处理。（类似于jQuery的选择器啦）     如果jQuery被引入了，则angular.element就可以看作是jQuery选择器，选择的对象可以使用jQuery的函数；如果jQuery不可用，angular.e
  • java-给定两个已排序序列，找出共同的元素。 bylijinnan java
    import java.util.ArrayList; import java.util.Arrays; import java.util.List; public class CommonItemInTwoSortedArray { /** * 题目：给定两个已排序序列，找出共同的元素。 * 1.定义两个指针分别指向序列的开始。 * 如果指向的两个元素
  • sftp 异常，有遇到的吗？求解 Chen.H javajcraftauthjschjschexception
    com.jcraft.jsch.JSchException: Auth cancel at com.jcraft.jsch.Session.connect(Session.java:460) at com.jcraft.jsch.Session.connect(Session.java:154) at cn.vivame.util.ftp.SftpServerAccess.connec
  • [生物智能与人工智能]神经元中的电化学结构代表什么? comsci 人工智能
         我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色....      我们可以尝试一下...在某些神经
  • 通过LAC和CID获取经纬度信息 dai_lm laccid
    方法1： 用浏览器打开http://www.minigps.net/cellsearch.html，然后输入lac和cid信息(mcc和mnc可以填0)，如果数据正确就可以获得相应的经纬度 方法2： 发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&
  • JAVA的困难分析 datamachine java
    前段时间转了一篇SQL的文章（http://datamachine.iteye.com/blog/1971896），文章不复杂，但思想深刻，就顺便思考了一下java的不足，当砖头丢出来，希望引点和田玉。   -----------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第二课 dcj3sjt126com englishword
    money 钱 paper 纸 speak 讲，说 tell 告诉   remember 记得，想起 knock 敲，击，打 question 问题 number 数字，号码   learn 学会，学习 street 街道 carry 搬运，携带 send 发送，邮寄，发射   must 必须 light 灯，光线，轻的 front
  • linux下面没有tree命令 dcj3sjt126com linux
    centos p安装 yum -y install tree   mac os安装 brew install tree   首先来看tree的用法 tree 中文解释：tree 功能说明：以树状图列出目录的内容。 语　　法：tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式
  • Map迭代方式，Map迭代，Map循环 蕃薯耀 Map循环Map迭代Map迭代方式
    Map迭代方式，Map迭代，Map循环   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年
  • Spring Cache注解+Redis hanqunfeng spring
    Spring3.1 Cache注解  依赖jar包： <!-- redis --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redis</artifactId>
  • Guava中针对集合的 filter和过滤功能 jackyrong filter
    在guava库中，自带了过滤器(filter)的功能，可以用来对collection 进行过滤，先看例子：    @Test public void whenFilterWithIterables_thenFiltered() { List<String> names = Lists.newArrayList("John"
  • 学习编程那点事 lampcy 编程androidPHPhtml5
    一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！ 接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
  • 架构师之流处理---------bytebuffer的mark,limit和flip nannan408 ByteBuffer
    1.前言。   如题，limit其实就是可以读取的字节长度的意思，flip是清空的意思，mark是标记的意思 。 2.例子. 例子代码: String str = "helloWorld"; ByteBuffer buff = ByteBuffer.wrap(str.getBytes()); Sy
  • org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1 Everyday都不同 $转义el表达式
    最近在做Highcharts的过程中，在写js时，出现了以下异常：   严重: Servlet.service() for servlet jsp threw exception org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1,
  • 用Java实现发送邮件到163 tntxia java实现
    /* 在java版经常看到有人问如何用javamail发送邮件？如何接收邮件？如何访问多个文件夹等。问题零散，而历史的回复早已经淹没在问题的海洋之中。 本人之前所做过一个java项目，其中包含有WebMail功能，当初为用java实现而对javamail摸索了一段时间，总算有点收获。看到论坛中的经常有此方面的问题，因此把我的一些经验帖出来，希望对大家有些帮助。 此篇仅介绍用
  • 探索实体类存在的真正意义 java小叶檀 POJO
    一. 实体类简述    实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口，在程序中仅作为数据容器用来持久化存储数据用的 POJO（Plain Old Java Objects）简单的Java对象   它的一般格式就是 public class A{ private String id; public Str
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他