sadleaflzh

HTML常用标签和属性大全

目录

html标签<
字体效果
区断标记
连结格式
贴图/音乐
表格语法
分割视窗
表单
表示颜色的有三种方式；
.....属性可分为三种：
- align 属性
列表
- 1无序列表又称符号列表
- 2有序列表
- 3定义列表
name 连接名称
target目标窗口语法格式：
图像语法格式：
font元素
表格语法格式：
- tr元素
- td元素
input元素语法格式：
select元素
- option属性
多行文本框

回到顶部

html标签<

...普通卷动

...滑动

...预设卷动

...来回卷动

...向下卷动

...向上卷动

向右卷动

向左卷动

...卷动次数

...设定宽度

...设定高度

...设定背景颜色

...设定滚动速度

...设定卷动时间

...鼠标经过上面时停止滚动

...鼠标离开时开始滚动

回到顶部

字体效果

...

标题字(最大)

...

标题字(最小)

...粗体字

...粗体字(强调) （同上效果略同）

...斜体字

...斜体字(强调)

...斜体字(表示定义)

...底线

...底线(表示插入文字)

~~...~~横线

~~...~~删除线

~~...~~删除线(表示删除)

...键盘文字

... 打字体

...固定宽度字体(在文件中空白、换行、定位功能有效)

...</plaintext>固定宽度字体(不执行标记符号)</p> <p> </p> <p><listing>...</listing> 固定宽度小字体</p> <p> </p> <p><font color=00ff00>...</font>字体颜色</p> <p> </p> <p><font size=1>...</font>最小字体</p> <p> </p> <p><font style =’font-size:100 px'>...</font>无限增大 </p> <p> </p> <p> </p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle2"><strong>区断标记</strong></h2> <p> </p> <p><hr>水平线</p> <p> </p> <p><hr size='9'>水平线(设定大小)</p> <p> </p> <p><hr width='80%'>水平线(设定宽度)</p> <p> </p> <p><hr color='ff0000'>水平线(设定颜色)</p> <p> </p> <p><br>(换行)</p> <p> </p> <p><nobr>...</nobr>水域(不换行)</p> <p> </p> <p><p>...</p>水域(段落)</p> <p> </p> <p><center>...</center>置中</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle3"><strong><!>连结格式</strong></h2> <p> </p> <p><base href=位址>(预设好连结路径)</p> <p> </p> <p><a href=位址></a>外部连结</p> <p> </p> <p><a href=位址 target='_blank'></a>外部连结(另开新视窗)</p> <p> </p> <p><a href=位址 target='_top'></a>外部连结(全视窗连结)</p> <p> </p> <p><a href=位址 target='页框名'></a>外部连结(在指定页框连结)</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle4"><strong><!>贴图/音乐</strong></h2> <p> </p> <p><img src=图片位址>贴图</p> <p> </p> <p><img src=图片位址 width="180">设定图片宽度</p> <p> </p> <p><img src=图片位址 height="30">设定图片高度</p> <p> </p> <p><img src=图片位址 alt="提示文字">设定图片提示文字</p> <p> </p> <p><img src=图片位址 border="1">设定图片边框</p> <p> </p> <p><bgsound src=MID音乐档位址>背景音乐设定</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle5"><strong><!>表格语法</strong></h2> <p> </p> <p><table aling=left>...</table>表格位置,置左</p> <p> </p> <p><table aling=center>...</table>表格位置,置中</p> <p> </p> <p><table background=图片路径>...</table>背景图片的URL=就是路径网址</p> <p> </p> <p><table border=边框大小>...</table>设定表格边框大小(使用数字)</p> <p> </p> <p><table bgcolor=颜色码>...</table>设定表格的背景颜色</p> <p> </p> <p><table borderclor=颜色码>...</table>设定表格边框的颜色</p> <p> </p> <p><table borderclordark=颜色码>...</table>设定表格暗边框的颜色</p> <p> </p> <p><table borderclorlight=颜色码>...</table>设定表格亮边框的颜色</p> <p> </p> <p><table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)</p> <p> </p> <p><table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)</p> <p> </p> <p><table cols=参数>...</table>指定表格的栏数</p> <p> </p> <p><table frame=参数>...</table>设定表格外框线的显示方式</p> <p> </p> <p><table width=宽度>...</table>指定表格的宽度大小(使用数字)</p> <p> </p> <p><table height=高度>...</table>指定表格的高度大小(使用数字)</p> <p> </p> <p><td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)</p> <p> </p> <p><td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle6"><strong>分割视窗</strong></h2> <p> </p> <p><frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整</p> <p> </p> <p><frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整</p> <p> </p> <p><frameset cols="20%,*">分割左右两个框架</p> <p> </p> <p><frameset cols="20%,*,20%">分割左中右三个框架</p> <p> </p> <p><分割上下两个框架</p> <p> </p> <p><frameset rows="20%,*,20%">分割上中下三个框架</p> <p> </p> <p>属性：</p> <p> </p> <p><strong>cols</strong> 垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。</p> <p> </p> <p><strong>rows</strong> 就是横向切割，将窗口上下分开，数值设置同上。</p> <p> </p> <p>以上两属性尽量不要在同一个<frameset>标记中，因为王井（netscape）不支持，尽量采用多重分割。</p> <p> </p> <p>frameborder 设置框架的边框，其值有0不要边框，1要边框。</p> <p> </p> <p>border 设置框架边框厚度</p> <p> </p> <p>framespacing 表示框架与框架间保留空白的距离</p> <p> </p> <p>frame 元素（单标签）</p> <p> </p> <p>语法格式：</p> <p> </p> <p><frame name="" src="url" scrolling="yes/no" noresize></p> <p> </p> <p>属性：</p> <p> </p> <p>name 框架名称，指定框架来做连接的目标窗口。</p> <p> </p> <p>src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。</p> <p> </p> <p>scrolling 是否显示滚动条，yes/no,auto是自动。</p> <p> </p> <p>noresize 设置不让使用者改变这个框架的大小，</p> <p> </p> <p><strong>noframe元素</strong></p> <p> </p> <p>指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息</p> <p> </p> <p>语法格式：</p> <p> </p> <p><noframe></p> <p> </p> <p>......</p> <p> </p> <p></noframe></p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle7"><strong>表单<form></form></strong></h2> <p> </p> <p>语法格式：</p> <p> </p> <p><form action="url" method="get/post"></p> <p> </p> <p>....</p> <p> </p> <p><input type=submit><input type=reset></p> <p> </p> <p></form></p> <p> </p> <p>method有两种提交方式get,post</p> <p> </p> <p>action 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:lwr8494@163.com" 这样此表单所填的资料将会发送到这个邮箱地址。</p> <p> </p> <p>method 是指传送信息给cgi等网络程序的方式。可选post方法， get方法，post方法容许传送大量信息。get方法只接受低于1k的信息。</p> <p> </p> <p>申请表单用的是post搜索引擎用的是get</p> <p> </p> <p> </p> <p> </p> <p><strong><! - - ... - -> 注解</strong></p> <p> </p> <p><A HREF TARGET> 指定超连结的分割视窗</p> <p> </p> <p><A HREF=#锚的名称> 指定锚名称的超连结</p> <p> </p> <p><A HREF> 指定超连结</p> <p> </p> <p><A NAME=锚的名称> 被连结点的名称</p> <p> </p> <p><ADDRESS>....</ADDRESS> 用来显示电子邮箱地址</p> <p> </p> <p><B> 粗体字</p> <p> </p> <p><BASE TARGET> 指定超连结的分割视窗</p> <p> </p> <p><BASEFONT SIZE> 更改预设字形大小</p> <p> </p> <p><BGSOUND SRC> 加入背景音乐</p> <p> </p> <p><BIG> 显示大字体</p> <p> </p> <p><BLINK> 闪烁的文字</p> <p> </p> <p><BODY TEXT LINK VLINK> 设定文字颜色</p> <p> </p> <p><BODY> 显示本文</p> <p> </p> <p><BR> 换行</p> <p> </p> <p><CAPTION ALIGN> 设定表格标题位置</p> <p> </p> <p><CAPTION>...</CAPTION> 为表格加上标题</p> <p> </p> <p><CENTER> 向中对齐</p> <p> </p> <p><CITE>...<CITE> 用於引经据典的文字</p> <p> </p> <p><CODE>...</CODE> 用於列出一段程式码</p> <p> </p> <p><COMMENT>...</COMMENT> 加上注解</p> <p> </p> <p><DD> 设定定义列表的项目解说</p> <p> </p> <p><DFN>...</DFN> 显示"定义"文字</p> <p> </p> <p><DIR>...</DIR> 列表文字标签</p> <p> </p> <p><DL>...</DL> 设定定义列表的标签</p> <p> </p> <p><DT> 设定定义列表的项目</p> <p> </p> <p><EM> 强调之用</p> <p> </p> <p><FONT FACE> 任意指定所用的字形</p> <p> </p> <p><FONT SIZE> 设定字体大小</p> <p> </p> <p><FORM ACTION> 设定户动式表单的处理方式</p> <p> </p> <p><FORM METHOD> 设定户动式表单之资料传送方式</p> <p> </p> <p><FRame MARGINHEIGHT> 设定视窗的上下边界</p> <p> </p> <p><FRame MARGINWIDTH> 设定视窗的左右边界</p> <p> </p> <p><FRame NAME> 为分割视窗命名</p> <p> </p> <p><FRame NORESIZE> 锁住分割视窗的大小</p> <p> </p> <p><FRame SCROLLING> 设定分割视窗的卷轴</p> <p> </p> <p><FRame SRC> 将HTML档加入视窗</p> <p> </p> <p><FRameSET COLS> 将视窗分割成左右的子视窗</p> <p> </p> <p><FRameSET ROWS> 将视窗分割成上下的子视窗</p> <p> </p> <p><FRameSET>...</FRameSET> 划分分割视窗</p> <p> </p> <p><H1>~<H6> 设定文字大小</p> <p> </p> <p><HEAD> 标示文件资讯</p> <p> </p> <p><HR> 加上分格线</p> <p> </p> <p><HTML> 文件的开始与结束</p> <p> </p> <p><I> 斜体字</p> <p> </p> <p><IMG ALIGN> 调整图形影像的位置</p> <p> </p> <p><IMG ALT> 为你的图形影像加注</p> <p> </p> <p><IMG DYNSRC LOOP> 加入影片</p> <p> </p> <p><IMG HEIGHT WIDTH> 插入图片并预设图形大小</p> <p> </p> <p><IMG HSPACE> 插入图片并预设图形的左右边界</p> <p> </p> <p><IMG LOWSRC> 预载图片功能</p> <p> </p> <p><IMG SRC BORDER> 设定图片边界</p> <p> </p> <p><IMG SRC> 插入图片</p> <p> </p> <p><IMG VSPACE> 插入图片并预设图形的上下边界</p> <p> </p> <p><INPUT TYPE NAME value> 在表单中加入输入栏位</p> <p> </p> <p><ISINDEX> 定义查询用表单</p> <p> </p> <p><KBD>...</KBD> 表示使用者输入文字</p> <p> </p> <p><LI TYPE>...</LI> 列表的项目 ( 可指定符号 )</p> <p> </p> <p><MARQUEE> 跑马灯效果</p> <p> </p> <p><MENU>...</MENU> 条列文字标签</p> <p> </p> <p><meta NAME="REFRESH" CONTENT URL> 自动更新文件内容</p> <p> </p> <p><MULTIPLE> 可同时选择多项的列表栏</p> <p> </p> <p><NOFRame> 定义不出现分割视窗的文字</p> <p> </p> <p><OL>...</OL> 有序号的列表</p> <p> </p> <p><OPTION> 定义表单中列表栏的项目</p> <p> </p> <p><P ALIGN> 设定对齐方向</p> <p> </p> <p><P> 分段</p> <p> </p> <p><PERSON>...</PERSON> 显示人名</p> <p> </p> <p><PRE> 使用原有排列</p> <p> </p> <p><SAMP>...</SAMP> 用於引用字</p> <p> </p> <p><select >...</select > 在表单中定义列表栏</p> <p> </p> <p><SMALL> 显示小字体</p> <p> </p> <p><STRIKE> 文字加横线</p> <p> </p> <p><STRONG> 用於加强语气</p> <p> </p> <p><SUB> 下标字</p> <p> </p> <p><SUP> 上标字</p> <p> </p> <p><TABLE BORDER=n> 调整表格的宽线高度</p> <p> </p> <p><TABLE CELLPADDING> 调整资料栏位之边界</p> <p> </p> <p><TABLE CELLSPACING> 调整表格线的宽度</p> <p> </p> <p><TABLE HEIGHT> 调整表格的高度</p> <p> </p> <p><TABLE WIDTH> 调整表格的宽度</p> <p> </p> <p><TABLE>...</TABLE> 产生表格的标签</p> <p> </p> <p><TD ALIGN> 调整表格栏位之左右对齐</p> <p> </p> <p><TD BGCOLOR> 设定表格栏位之背景颜色</p> <p> </p> <p><TD COLSPAN ROWSPAN> 表格栏位的合并</p> <p> </p> <p><TD NOWRAP> 设定表格栏位不换行</p> <p> </p> <p><TD VALIGN> 调整表格栏位之上下对齐</p> <p> </p> <p><TD WIDTH> 调整表格栏位宽度</p> <p> </p> <p><TD>...</TD> 定义表格的资料栏位</p> <p> </p> <p><TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏</p> <p> </p> <p><TEXTAREA WRAP> 决定文字输入栏是自动否换行</p> <p> </p> <p><TH>...</TH> 定义表格的标头栏位</p> <p> </p> <p><TITLE> 文件标题</p> <p> </p> <p><TR>...</TR> 定义表格美一行</p> <p> </p> <p><TT> 打字机字体</p> <p> </p> <p><U> 文字加底线</p> <p> </p> <p><UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )</p> <p> </p> <p><var>...</var> 用於显示变数</p> <p> </p> <p>BlockQuotc文本缩进</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle8"><strong>表示颜色的有三种方式；</strong></h2> <p> </p> <p>1，16进制颜色代码</p> <p> </p> <p>语法：#RRGGBB</p> <p> </p> <p>例：<font color="#ff0000">红色</font></p> <p> </p> <p>2，10进制RGB码</p> <p> </p> <p>语法：RGB（RRR，GGG，BBB）</p> <p> </p> <p>例：<font color="rgb(255,000,000)">红色</font></p> <p> </p> <p>3,直接用颜色的英文名称</p> <p> </p> <p>例：<font color="red">红色</font></p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle9"><strong><body>.....</body>属性可分为三种：</strong></h2> <p> </p> <p>1，背景属性</p> <p> </p> <p>包括：bgcolor,background</p> <p> </p> <p>2,文字属性：</p> <p> </p> <p>包括：text,link,alink,vlink,</p> <p> </p> <p>3,留白属性：</p> <p> </p> <p>其中分为：leftmargin,topmargin</p> <p> </p> <p>.bgcolor背景色</p> <p> </p> <p>语法格式：<body bgcolor="#ff0000"></p> <p> </p> <p>.background背景图案。</p> <p> </p> <p>语法格式：<body background="url"></p> <p> </p> <p>.text文本颜色（非连接文字颜色）</p> <p> </p> <p>.link连接文字颜色（可连接文字颜色）</p> <p> </p> <p>.alink活动连接文字颜色（正被点击的可连接文字的颜色）</p> <p> </p> <p>.vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色）</p> <p> </p> <p>语法格式：<body text="color" link="color" alink="color" vlink="color"></p> <p> </p> <p>.leftmargin 页面左侧的留白距离</p> <p> </p> <p>.topmargin 页面顶部的留白距离</p> <p> </p> <p>语法格式：<body leftmargin="value" topmargin="value"></p> <p> </p> <p>注：value为长度值为数字</p> <p> </p> <p></p> <h3 id="blogTitle10"><strong>align 属性</strong></h3> <p> </p> <p>语法：<h2 align="?">文字</h2></p> <p> </p> <p>其属性有三种：left靠左,center居中,right靠右</p> <p> </p> <p>〈p〉</p>为段落标记，可利用以上属性对整个段落进行设置</p> <p> </p> <p>〈br>为换行标记</p> <p> </p> <p><nobr></nobr>为不换行标记放在文字两边即可</p> <p> </p> <p>例：<body></p> <p> </p> <p><h3>江南逢李龟年</h3></p> <p> </p> <p><p>歧王宅里寻常见<br></p> <p> </p> <p>催九堂前几度闻<br></p> <p> </p> <p>正是江南好风景<br></p> <p> </p> <p>落花时节又逢君</p></p> <p> </p> <p></body></p> <p> </p> <p><strong>预格式化：</strong></p> <p> </p> <p><pre>......</pre> 浏览是效果和编写是效果格式一样</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle11"><strong>列表</strong> </h2> <p> </p> <p></p> <h3 id="blogTitle12"><strong>1无序列表又称符号列表</strong></h3> <p> </p> <p>语法格式：</p> <p> </p> <p><ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框</p> <p> </p> <p><li>文字</li></p> <p> </p> <p><li>文字</li></p> <p> </p> <p></ul></p> <p> </p> <p></p> <h3 id="blogTitle13"><strong>2有序列表</strong></h3> <p> </p> <p>语法格式：</p> <p> </p> <p><ol type="?" start"?"></p> <p> </p> <p><li>文字</li></p> <p> </p> <p><li>文字</li></p> <p> </p> <p></ol></p> <p> </p> <p>type的值是编号字符可选的有1...,a...,A...,i... ,I...</p> <p> </p> <p>start为起始值例：如果start为3是那么将从3开始，而且必须是数字。</p> <p> </p> <p></p> <h3 id="blogTitle14"><strong>3定义列表</strong></h3> <p> </p> <p><dl>定义列表标记</p> <p> </p> <p><dt>标示定义条目</p> <p> </p> <p><dd>标示定义内容</p> <p> </p> <p>语法格式：</p> <p> </p> <p><dl></p> <p> </p> <p><dt>文字</dt></p> <p> </p> <p><dd>文字内容</dd></p> <p> </p> <p></dl></p> <p> </p> <p>连接和图像</p> <p> </p> <p>语法格式：</p> <p> </p> <p><a href="url" name="?" target="?" title="?">....</a></p> <p> </p> <p>属性：href 连接目标值可以是url地址也可以是连接锚点</p> <p> </p> <p><a href="url">...</a>或者</p> <p> </p> <p><a href="锚点">...</a></p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle15"><strong>name 连接名称</strong></h2> <p> </p> <p>语法格式：<a name="锚点名称">...</a></p> <p> </p> <p>例：<a name="abcdcf">...</a></p> <p> </p> <p>连接到该锚点的连接则应是：</p> <p> </p> <p><a name="#abcdef">....</a></p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle16"><strong>target目标窗口语法格式</strong>：</h2> <p> </p> <p><a href="url"target="_blank|_self|_farent|_top|windowname">....</a></p> <p> </p> <p>-blank打开新窗口</p> <p> </p> <p>_self当前窗口打开</p> <p> </p> <p>一下两个仅在框架叶面中应用</p> <p> </p> <p>_parent当前窗口的父级窗口（上一级）打开</p> <p> </p> <p>_top在最高一级的窗口打开</p> <p> </p> <p>windowname已命名的窗口或框架中打开连接</p> <p> </p> <p>title连接提示</p> <p> </p> <p><a href="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a></p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle17"><strong>图像<img> 语法格式：</strong></h2> <p> </p> <p><img src="url" alt="?" width="?" height="?" border="?" align="?"></p> <p> </p> <p>border属性定义图片边框的宽度，默认值为0</p> <p> </p> <p>align属性设置图片旁边文字的位置</p> <p> </p> <p>语法格式：<img src="" align""></p> <p> </p> <p>可选值有：</p> <p> </p> <p>top图片和文字顶部对齐</p> <p> </p> <p>middle图片和文字居中对齐</p> <p> </p> <p>bottom图片和文字底边对齐（默认）</p> <p> </p> <p>left图片居左对齐，文字沿图片绕排</p> <p> </p> <p>right图片居右对齐，文字沿图片绕排</p> <p> </p> <p>absmiddle图片对齐到目前文字行绝对中央</p> <p> </p> <p>absbottom图片对齐到目前文字行绝对底部</p> <p> </p> <p>文字的排版</p> <p> </p> <p>不换行空白标记</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle18"><strong>font元素</strong></h2> <p> </p> <p>语法格式：</p> <p> </p> <p><font face="字体名称" size="字体大小" color="字体颜色"></p> <p> </p> <p>字体大小可选值为1——7，默认为3</p> <p> </p> <p>例：〈font face="黑体" size="4" color="#ff00ff">....</font></p> <p> </p> <p><strong>水平线<hr></strong></p> <p> </p> <p>语法格式：<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade></p> <p> </p> <p>noshade无阴影，既实线</p> <p> </p> <p>层〈div><span>两种元素</p> <p> </p> <p><div>是块级元素，和段落元素<p>相似，不同的是两个<div>元素之间不会产生两个<p>元素之间的空行，</p> <p> </p> <p><span>是行内元素，可以定义段落中部分文字的属性</p> <p> </p> <p>语法格式：</p> <p> </p> <p><div align="" style="">...</div></p> <p> </p> <p>align设置层中元素的水平对齐方式</p> <p> </p> <p>stule设置元素应用css规范的属性</p> <p> </p> <p><div>兼容性比<span>要好一点，最好使用<div></p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle19"><strong>表格语法格式</strong>：</h2> <p> </p> <p><table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""></p> <p> </p> <p><tr>...<td>....</td>....</tr></p> <p> </p> <p></table></p> <p> </p> <p>border边框宽度默认值为0，既没有边框</p> <p> </p> <p>cellspacing表格中单元格的边距大小，默认值为两个像素</p> <p> </p> <p>cellpadding表格中单元格之间的间距大小，默认值为两个像素</p> <p> </p> <p></p> <h3 id="blogTitle20"><strong>tr元素</strong></h3> <p> </p> <p>语法格式：</p> <p> </p> <p><tr align="" bgcolor="">....</tr></p> <p> </p> <p>align属性对齐方式可选值如下：left,center,tight,默认为left</p> <p> </p> <p>bgcolor指定该行的背景颜色</p> <p> </p> <p></p> <h3 id="blogTitle21"><strong>td元素</strong></h3> <p> </p> <p>语法格式：</p> <p> </p> <p><td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td></p> <p> </p> <p>align属性的可选值有：left,center,right</p> <p> </p> <p>valign属性的可选值有：top,middle,bottom</p> <p> </p> <p>rowspan和colapan跨行和跨列的数量，默认为1</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle22"><strong>input元素语法格式：</strong></h2> <p> </p> <p><input type=""></p> <p> </p> <p>type属性的可选值有：</p> <p> </p> <p>text 单行文本框</p> <p> </p> <p>属性：name 文本框名称</p> <p> </p> <p>value 文本框的初始值</p> <p> </p> <p>size 文本框的长度</p> <p> </p> <p>maxlength 可输入字符串最大的长度</p> <p> </p> <p>radio 单选框</p> <p> </p> <p>属性：name 单选框名称</p> <p> </p> <p>value 内部值</p> <p> </p> <p>checked 默认选定</p> <p> </p> <p>checkbox 复选框</p> <p> </p> <p>属性：name 复选框名称</p> <p> </p> <p>value 内部值</p> <p> </p> <p>checked 默认选定</p> <p> </p> <p>reset 重置按钮</p> <p> </p> <p>submit 确定按钮</p> <p> </p> <p>属性：name 按钮名称</p> <p> </p> <p>value 显示在按钮上的文字</p> <p> </p> <p>password 密码框</p> <p> </p> <p>属性与文本框的属性完全相同</p> <p> </p> <p>file 文件域</p> <p> </p> <p>属性：name文件域名称</p> <p> </p> <p>size 文件域的长度</p> <p> </p> <p>maxlength 文件域可接受的字符数量的上限</p> <p> </p> <p>hidden 隐藏域</p> <p> </p> <p>属性：name 隐藏域名称</p> <p> </p> <p>value 内定值</p> <p> </p> <p>image 图片域</p> <p> </p> <p>属性：name 所要代表的按钮，可以是submit,reset,或其他.</p> <p> </p> <p>src 按钮图片的url 地址</p> <p> </p> <p>列表框<select></p> <p> </p> <p>语法格式：</p> <p> </p> <p><select></p> <p> </p> <p>.....</p> <p> </p> <p><option>....</option></p> <p> </p> <p>.....</p> <p> </p> <p></select></p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle23"><strong>select元素</strong></h2> <p> </p> <p>语法格式：<select name="" size=""multiple></select></p> <p> </p> <p>name 指定列表框的名字</p> <p> </p> <p>size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个下拉列表框</p> <p> </p> <p>multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项</p> <p> </p> <p></p> <h3 id="blogTitle24"><strong>option属性</strong></h3> <p> </p> <p>语法格式：<option value="" selected></option></p> <p> </p> <p>value 该列表项的值</p> <p> </p> <p>selected 如果设定了这个参数，默认为选定这一项</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle25"><strong>多行文本框<textarea></strong></h2> <p> </p> <p><textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea></p> <p> </p> <p>属性：</p> <p> </p> <p>name文本框的名称</p> <p> </p> <p>cols文本框的宽度</p> <p> </p> <p>rows文本框的高度</p> <p> </p> <p>wrap文本框的折行方式可选值有：</p> <p> </p> <p>off不保存换行信息</p> <p> </p> <p>physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出，</p> <p> </p> <p>virtual送出连续成串的字除非使用者按回车。</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle26"><strong>css 层叠样式表</strong></h2> <p> </p> <p>引入层叠样式表的方法包括：</p> <p> </p> <p></p> <h3 id="blogTitle27"><strong>外联式样式表</strong></h3> <p> </p> <p>例：<head></p> <p> </p> <p><link rel="stylesheet" href="/css/default.css"></p> <p> </p> <p></head></p> <p> </p> <p><body></p> <p> </p> <p>....</p> <p> </p> <p></body></p> <p> </p> <p></html></p> <p> </p> <p>属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址</p> <p> </p> <p>内嵌式样式表：</p> <p> </p> <p>例：<html></p> <p> </p> <p><head></p> <p> </p> <p><style type="text/css"></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p></head></p> <p> </p> <p><body>....</body></p> <p> </p> <p></html></p> <p> </p> <p></p> <h3 id="blogTitle28"><strong>元素内定</strong></h3> <p> </p> <p>格式：<p style="font-size:10.5pt"></p> <p> </p> <p></p> <h3 id="blogTitle29"><strong>导入式样式表</strong></h3> <p> </p> <p>〈html></p> <p> </p> <p><head></p> <p> </p> <p><style type="text/css"></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p><body></p> <p> </p> <p>....</p> <p> </p> <p></body></p> <p> </p> <p></html></p> <p> </p> <p>css的优先级</p> <p> </p> <p>越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义</p> <p> </p> <p>如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。</p> <p> </p> <p></p> <h3 id="blogTitle30"><strong>css结构</strong></h3> <p> </p> <p>例：td{font-size:10.5pt;color:#666666}</p> <p> </p> <p>css样式包含两个基础部分，</p> <p> </p> <p>选择符<td>和声明{font-size:10.5pt;color:#666666}</p> <p> </p> <p>声明也有两部分组成：</p> <p> </p> <p>属性font-size,color和值10.5pt,#666666</p> <p> </p> <p></p> <h3 id="blogTitle31"><strong>选择符分为6种</strong></h3> <p> </p> <p>1元素选择符</p> <p> </p> <p>当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开例：td,p,li,input,select{font-size:12px;}</p> <p> </p> <p>2class(类)选择符</p> <p> </p> <p>例：〈head></p> <p> </p> <p><title>.....</title></p> <p> </p> <p><style type="text/css"></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p></head></p> <p> </p> <p><body bgcolor="#ffffff"></p> <p> </p> <p><p class="red">士大夫井冈山地方官</p></p> <p> </p> <p><p>九连环离开计划</p></p> <p> </p> <p></body></p> <p> </p> <p>还有一种方法就是限定可以应用它的页面元素</p> <p> </p> <p>例：〈head></p> <p> </p> <p><title>.....</title></p> <p> </p> <p><style type="text/css"></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p></head></p> <p> </p> <p><body bgcolor="#ffffff"></p> <p> </p> <p><p class="red">士大夫井冈山地方官</p></p> <p> </p> <p><h1 class="red">九连环离开计划</h1></p> <p> </p> <p></body></p> <p> </p> <p>3 id选择符</p> <p> </p> <p>与class选择附类似，只是把'.'换成'#'</p> <p> </p> <p>例：<body></p> <p> </p> <p><head></p> <p> </p> <p><style type="text/css"></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p></head></p> <p> </p> <p><body></p> <p> </p> <p><table width="250" border="1" height="50"></p> <p> </p> <p><tr></p> <p> </p> <p><td align="center" id="select">id选择符</td></p> <p> </p> <p></tr></p> <p> </p> <p></table></p> <p> </p> <p></body></p> <p> </p> <p></html></p> <p> </p> <p>我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用</p> <p> </p> <p></p> <h3 id="blogTitle32"><strong>关联选择符</strong></h3> <p> </p> <p><body></p> <p> </p> <p><head></p> <p> </p> <p><style type="text/css"></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p></head></p> <p> </p> <p><body></p> <p> </p> <p><table width="250" border="1" height="50"></p> <p> </p> <p><tr></p> <p> </p> <p><td align="center"><p>关联选择符</p></td></p> <p> </p> <p></tr></p> <p> </p> <p></table></p> <p> </p> <p><p>关联选择符</p></p> <p> </p> <p></body></p> <p> </p> <p></html></p> <p> </p> <p>我们设定了在元素中<td>的元素<p>所包含文字的样式，只有在两个条件都满足是，样式在会起作用，</p> <p> </p> <p>伪类选择符</p> <p> </p> <p>是只能用在css选择符里，而不能用在html代码中的选择符</p> <p> </p> <p>例：</p> <p> </p> <p>〈html></p> <p> </p> <p><head></p> <p> </p> <p><style type="text/css"></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p></head></p> <p> </p> <p><body></p> <p> </p> <p><p><a href="#">关联选择符</a><p></p> <p> </p> <p><p><a href="#">关联选择符</a><p></p> <p> </p> <p><p><a href="#">关联选择符</a><p></p> <p> </p> <p><p><a href="#">关联选择符</a><p></p> <p> </p> <p>〈/body></p> <p> </p> <p></html></p> <p> </p> <p>正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱</p> <p> </p> <p></p> <h3 id="blogTitle33"><strong>伪元素选择符</strong></h3> <p> </p> <p>与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的</p> <p> </p> <p>例：首行</p> <p> </p> <p><html></p> <p> </p> <p><head></p> <p> </p> <p><style></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p></hesd></p> <p> </p> <p><body></p> <p> </p> <p><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p></p> <p> </p> <p></body></p> <p> </p> <p></html></p> <p> </p> <p>长度随浏览器窗口大小而改变</p> <p> </p> <p>首字</p> <p> </p> <p><html></p> <p> </p> <p><head></p> <p> </p> <p><style></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p></hesd></p> <p> </p> <p><body></p> <p> </p> <p><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p></p> <p> </p> <p></body></p> <p> </p> <p></html></p> <p> </p> <p>以上两种都只能应用于块状元素上</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle34"><strong>css规则</strong></h2> <p> </p> <p></p> <h3 id="blogTitle35"><strong>1.继承</strong></h3> <p> </p> <p>例：<html></p> <p> </p> <p><head></p> <p> </p> <p><style type="text/css"></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p></hesd></p> <p> </p> <p><body></p> <p> </p> <p><table width="300" border="1" height="150"></p> <p> </p> <p><tr></p> <p> </p> <p><td align="center"></p> <p> </p> <p><p>css规则</p></p> <p> </p> <p></td></p> <p> </p> <p></table></p> <p> </p> <p></body></p> <p> </p> <p></html></p> <p> </p> <p><p>为最高级<td>次一级两种css用在一个属性元素上，相同的覆盖，不同的继承，</p> <p> </p> <p></p> <h3 id="blogTitle36"><strong>2.组合</strong></h3> <p> </p> <p>例:td{font-size:12pt}</p> <p> </p> <p>p1{font-size:12pt}</p> <p> </p> <p>组合后</p> <p> </p> <p>td,.p1{font-size:12pt}</p> <p> </p> <p></p> <h3 id="blogTitle37"><strong>3.层叠</strong></h3> <p> </p> <p>在样式里定义过后，在表格属性中又定义一次</p> <p> </p> <p><html></p> <p> </p> <p><head></p> <p> </p> <p><style type="text/css"></p> <p> </p> <p></p> <p> </p> <p></style></p> <p> </p> <p></hesd></p> <p> </p> <p><body></p> <p> </p> <p><table width="300" border="1" height="150"></p> <p> </p> <p><tr></p> <p> </p> <p><td align="center" style="color:#0000ff" class="red">决撒地方官</td></p> <p> </p> <p></tr></p> <p> </p> <p></table></p> <p> </p> <p></body></p> <p> </p> <p></html></p> <p> </p> <p></p> <h3 id="blogTitle38"><strong>css单位</strong></h3> <p> </p> <p>分四大类：</p> <p> </p> <p>1 长度单位</p> <p> </p> <p>数值可以是整数，小数，正数，负数，0，后加单位（负值不要轻易使用）</p> <p> </p> <p>换算关系：</p> <p> </p> <p>1in(英寸)=6pc(派)</p> <p> </p> <p>1in(英寸)=72pt(磅)</p> <p> </p> <p>1in(英寸)=2.54(厘米)</p> <p> </p> <p>1cm(厘米)=10mm(毫米)</p> <p> </p> <p>1cm(厘米)=0.3937(英寸)</p> <p> </p> <p>1pt(磅)=1/72in(英寸)=0.2478mm(毫米)</p> <p> </p> <p>1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸</p> <p> </p> <p>2 百分比单位</p> <p> </p> <p>3 颜色单位</p> <p> </p> <p>4 url单位</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle39">div属性</h2> <p> </p> <p>color : #999999 文字颜色</p> <p> </p> <p>font-family : 宋体文字字型</p> <p> </p> <p>font-size : 10pt 文字大小</p> <p> </p> <p>font-style:itelic 文字斜体育</p> <p> </p> <p>font-variant:small-caps 小字体</p> <p> </p> <p>letter-spacing : 1pt 文字间距</p> <p> </p> <p>line-height : 200% 设定行高</p> <p> </p> <p>font-weight:bold 文字粗体</p> <p> </p> <p>vertical-align:sub 下标字</p> <p> </p> <p>vertical-align:super 上标字</p> <p> </p> <p>text-decoration:line-through 加?h除线</p> <p> </p> <p>text-decoration:overline 加顶线</p> <p> </p> <p>text-decoration:underline 加底线</p> <p> </p> <p>text-decoration:none ?h除连接底线</p> <p> </p> <p>text-transform : capitalize 首字大写</p> <p> </p> <p>text-transform : uppercase 英文大写</p> <p> </p> <p>text-transform : lowercase 英文写</p> <p> </p> <p>text-align:right 文字*右对齐</p> <p> </p> <p>text-align:left 文字*左对齐</p> <p> </p> <p>text-align:center 文字置中对齐</p> <p> </p> <p>这些是一些简单的文字效果，可以应用到css的页面中。　</p> <p> </p> <p>回到顶部</p> <h2 id="blogTitle40"><strong>背景</strong></h2> <p> </p> <p>TEXTAREA STYLE="border:1px dashed pink"></p> <p> </p> <p>实线</p> <p> </p> <p><TEXTAREA STYLE="border:1px solid pink"></p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1280602299424587776"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(HTML常用标签和属性大全)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1900549378242834432.htm" title="云原生周刊：基于 KubeSphere LuBan 架构打造DeepSeek 插件" target="_blank">云原生周刊：基于 KubeSphere LuBan 架构打造DeepSeek 插件</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E4%BA%91%E8%AE%A1%E7%AE%97/1.htm">云计算</a> <div>开源项目推荐KubeAIKubeAI是一个K8s上的AI推理操作器，旨在简化在生产环境中部署和管理大型语言模型（LLM）、向量嵌入和语音处理等机器学习模型。它提供与OpenAI兼容的API，支持在CPU和GPU上运行，并具备按需自动扩缩容的能力。KubeAI无需依赖Istio、Knative等其他系统，能够在几乎任何K8s集群中开箱即用。此外，它内置了模型代理，优化了键值缓存利用率，从而显著提升系</div> </li> <li><a href="/article/1900549251126063104.htm" title="2025年2月中国数据库排行榜：OceanBase迎来开门红，金仓、GBASE排名节节高" target="_blank">2025年2月中国数据库排行榜：OceanBase迎来开门红，金仓、GBASE排名节节高</a> <span class="text-muted"></span> <div>2025年2月，中国数据库流行度排行榜正式发布。在春节之际，DeepSeek凭借突破性的技术成功出圈，而在此前，各大数据库厂商便已开始探索AI与数据库的深度融合，并陆续推出了相关产品和功能。相信在这股技术革新的浪潮下，将涌现越来越多的新产品和解决方案。接下来，我们将逐一盘点各大数据库的最新动态，探索未来的潜力与挑战。一、金仓、GBASE排名再攀升，TDSQL升第九与上月相比，榜单前十的位次出现了细</div> </li> <li><a href="/article/1900548876029456384.htm" title="Mysql高频八股——SQL语句的执行过程" target="_blank">Mysql高频八股——SQL语句的执行过程</a> <span class="text-muted">钢板兽</span> <a class="tag" taget="_blank" href="/search/%E9%AB%98%E9%A2%91%E5%85%AB%E8%82%A1/1.htm">高频八股</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>大家好，我是钢板兽！今天这篇文章本来想把SQL语句的执行过程和事务与undolog、redolog的联系放在一起写的。SQL语句的执行过程中会涉及到undolog、redolog，而undolog、redolog更深入的原理也是面试中经常会问到的，所以把它们放在一起再合适不过了，但是写着写着发现内容太多，于是拆成了两篇。这篇文章会带你理解SQL语句的执行过程，在探究SQL语句的执行过程前，我们要先</div> </li> <li><a href="/article/1900548872145530880.htm" title="OA协同办公软件为守护企业数据安全出的这套方案" target="_blank">OA协同办公软件为守护企业数据安全出的这套方案</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/oa%E5%8D%8F%E5%90%8C%E8%BD%AF%E4%BB%B6%E5%8D%B3%E6%97%B6%E9%80%9A%E8%AE%AF%E6%95%B0%E6%8D%AE%E5%AE%89%E5%85%A8/1.htm">oa协同软件即时通讯数据安全</a> <div>在信息化时代，安全性是每个企业都绕不开的话题。企业酷信通过多重安全防护，让你在处理日常业务时无需为信息安全担忧。这里没有复杂的技术术语，只有实实在在的保护。登录安全：给每次登录加把“锁”企业酷信不仅提供传统的用户名和密码保护，还结合多因子认证和图形校验码，给每一次登录都加了几把“锁”。更重要的是，采用了先进的RSA和MD5算法加密，确保即使密码泄露，数据依然安全。业务安全：小细节，大保障日常的业务</div> </li> <li><a href="/article/1900548367553982464.htm" title="2024年最佳Todo清单APP：从效率到协作全覆盖" target="_blank">2024年最佳Todo清单APP：从效率到协作全覆盖</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E4%BB%BB%E5%8A%A1%E7%AE%A1%E7%90%86%E5%B7%A5%E5%85%B7todolist/1.htm">任务管理工具todolist</a> <div>大量研究表明，人类大脑并不擅长同时处理多项任务。在多任务处理时，大脑需要频繁切换注意力，每次切换都会消耗时间和精力，这种现象被称为“切换成本”（SwitchingCost）。心理学家Rubinstein、Meyer和Evans在2001年的研究中指出，任务切换会导致思维停顿，延长完成任务的时间。他们发现，在处理复杂任务时，效率可能下降高达40%。此外，Cowen（2001）的研究进一步指出，人类的</div> </li> <li><a href="/article/1900548244824453120.htm" title="python表格控件_Python使用tkinter的Treeview组件实现表格功能" target="_blank">python表格控件_Python使用tkinter的Treeview组件实现表格功能</a> <span class="text-muted">weixin_39619481</span> <a class="tag" taget="_blank" href="/search/python%E8%A1%A8%E6%A0%BC%E6%8E%A7%E4%BB%B6/1.htm">python表格控件</a> <div>fromtkinterimportTk,Scrollbar,Framefromtkinter.ttkimportTreeview#创建tkinter应用程序窗口root=Tk()#设置窗口大小和位置root.geometry('500x300400300')#不允许改变窗口大小root.resizable(False,False)#设置窗口标题root.title('通信录管理系统')#使用Tre</div> </li> <li><a href="/article/1900548239116005376.htm" title="该如何升级Tableau server呢？" target="_blank">该如何升级Tableau server呢？</a> <span class="text-muted"></span> <div>在现代数据分析的世界中，Tableau作为一个强大的企业级数据可视化工具，受到众多公司喜爱。但是由于Tableau退出中国市场，如果仍在使用Tableau的企业，一定要做好TableauServer升级。随着技术的不断更新，升级TableauServer变得越来越重要，以确保您能够利用最新的功能和安全性。在这篇文章中，我们将详细探讨如何进行TableauServer升级，步骤、注意事项以及最佳实践</div> </li> <li><a href="/article/1900548118609457152.htm" title="【MySQL基础-3】SQL语言详解：定义、分类、注意事项与注释" target="_blank">【MySQL基础-3】SQL语言详解：定义、分类、注意事项与注释</a> <span class="text-muted">AllenBright</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/MySQL/1.htm">MySQL</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>SQL（StructuredQueryLanguage，结构化查询语言）是用于管理和操作关系型数据库的标准编程语言。无论是查询数据、插入新记录、更新数据还是删除数据，SQL都是与数据库交互的核心工具。本文将深入探讨SQL语言的定义、分类、注意事项以及注释的使用，帮助你全面掌握这一强大的数据库操作语言。1.什么是SQL语言？SQL是一种专门用于管理关系型数据库的编程语言。它允许用户执行以下操作：查询</div> </li> <li><a href="/article/1900547614584139776.htm" title="ROS机器人边缘计算：EdgeComputing与ROS" target="_blank">ROS机器人边缘计算：EdgeComputing与ROS</a> <span class="text-muted">AI天才研究院</span> <a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97/1.htm">计算</a><a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E5%BA%94%E7%94%A8%E5%85%A5%E9%97%A8%E5%AE%9E%E6%88%98%E4%B8%8E%E8%BF%9B%E9%98%B6/1.htm">AI大模型应用入门实战与进阶</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a><a class="tag" taget="_blank" href="/search/Agent/1.htm">Agent</a><a class="tag" taget="_blank" href="/search/RPA/1.htm">RPA</a><a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97/1.htm">计算</a><a class="tag" taget="_blank" href="/search/AI%E5%A4%A7%E6%A8%A1%E5%9E%8B%E5%BA%94%E7%94%A8/1.htm">AI大模型应用</a> <div>1.背景介绍1.1机器人操作系统（ROS）机器人操作系统（RobotOperatingSystem，简称ROS）是一个用于机器人软件开发的灵活框架。它提供了一系列工具、库和约定，使得创建复杂且健壮的机器人应用变得更加容易。ROS的核心是一个消息传递系统，它允许不同的软件模块（称为节点）之间进行通信。这种模块化设计使得开发人员可以更容易地重用和共享代码，从而加速了机器人软件的开发过程。1.2边缘计算</div> </li> <li><a href="/article/1900547109388611584.htm" title="深入探究 Ryu REST API" target="_blank">深入探究 Ryu REST API</a> <span class="text-muted">漫谈网络</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E6%8A%80%E6%9C%AF%E8%BF%9B%E9%98%B6%E9%80%9A%E9%80%94/1.htm">网络技术进阶通途</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>Ryu4.34RESTAPI详细接口说明与示例Ryu4.34的RESTAPI提供了对SDN网络的核心管理功能，涵盖交换机、流表、端口、拓扑和QoS等操作。以下是详细的接口分类、功能说明及Python示例代码。1.交换机管理1.1获取所有交换机DPID端点:GET/stats/switches功能:返回当前连接到控制器的所有交换机的DPID（数据路径标识符）列表。示例:importrequestsR</div> </li> <li><a href="/article/1900546477512519680.htm" title="监听F11浏览器全屏状态" target="_blank">监听F11浏览器全屏状态</a> <span class="text-muted">小旋风01234</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>说明全屏和非全屏经常因为，是F11或者控制台按钮按的判断不了，所以综合了下，下面的方法有效，下面是应对所有浏览器的兼容版本页面上代码是vue2的，vue3或者js需要自己改下，都是js核心是一个东西核心代码：data(){return{//全屏状态true全屏false非全屏isFullScreen:false,}},mounted(){//开局判断this.checkFullscreen()//</div> </li> <li><a href="/article/1900546099358265344.htm" title="保存画布到本地出现的bug和画布的隐藏" target="_blank">保存画布到本地出现的bug和画布的隐藏</a> <span class="text-muted">小旋风01234</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>和隔壁画布隐藏一起，卡了我几个小时…保存相册失败后，再次授权//下载btn(){uni.canvasToTempFilePath({//x:100,//y:200,//width:50,//height:50,//destWidth:100,//destHeight:100,fileType:'jpg',canvasId:'myCanvas',success:function(res){//在H5</div> </li> <li><a href="/article/1900544964740313088.htm" title="Unity AI 技术浅析（三）：智能代理（Agents）" target="_blank">Unity AI 技术浅析（三）：智能代理（Agents）</a> <span class="text-muted">爱研究的小牛</span> <a class="tag" taget="_blank" href="/search/AIGC%E2%80%94%E8%99%9A%E6%8B%9F%E7%8E%B0%E5%AE%9E/1.htm">AIGC—虚拟现实</a><a class="tag" taget="_blank" href="/search/AIGC%E2%80%94%E6%B8%B8%E6%88%8F%E5%88%B6%E4%BD%9C/1.htm">AIGC—游戏制作</a><a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E5%BC%95%E6%93%8E/1.htm">游戏引擎</a><a class="tag" taget="_blank" href="/search/AIGC/1.htm">AIGC</a> <div>UnityAI的智能代理（Agents）技术是实现游戏和虚拟现实应用中非玩家角色（NPC）、敌人、盟友等智能行为的核心。通过智能代理，开发者可以为虚拟角色赋予感知、决策和行动的能力，使其能够与环境和其他角色进行复杂的交互。一、智能代理的基本原理智能代理是能够在特定环境中感知、决策和行动的计算实体。在Unity中，智能代理通常用于模拟游戏中的NPC、敌人、盟友等角色。其基本原理包括以下几个方面：1.</div> </li> <li><a href="/article/1900544838344962048.htm" title="Selenium WebDriver Manager 安装与配置完全指南" target="_blank">Selenium WebDriver Manager 安装与配置完全指南</a> <span class="text-muted">m0_74824025</span> <a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a> <div>SeleniumWebDriverManager安装与配置完全指南webdrivermanagerWebDriverManager是一个用于自动化管理Web驱动程序的Java库，可以用于自动化下载，配置和管理Web驱动程序，支持多种Web驱动程序，如ChromeDriver，FirefoxDriver，SafariDriver等，可以用于自动化测试和Web应用程序开发。[这里是图片001]项目地址</div> </li> <li><a href="/article/1900543326000574464.htm" title="tksheet：强大的Python Tkinter表格组件" target="_blank">tksheet：强大的Python Tkinter表格组件</a> <span class="text-muted">江连日Silver</span> <div>tksheet：强大的PythonTkinter表格组件tksheetPython3.6+tkintertablewidgetfordisplayingtabulardata项目地址:https://gitcode.com/gh_mirrors/tk/tksheet项目基础介绍与编程语言tksheet是一个基于Python的Tkinter库开发的高性能表格控件，专为展示和编辑大量的tabular数</div> </li> <li><a href="/article/1900543199034798080.htm" title="ubuntu22查看系统版本" target="_blank">ubuntu22查看系统版本</a> <span class="text-muted">getapi</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/sqlserver/1.htm">sqlserver</a> <div>在Ubuntu22.04（代号JammyJellyfish）中，可以通过以下方法查看系统版本：方法1:使用lsb_release命令这是最直接和通用的方法：lsb_release-a输出示例：NoLSBmodulesareavailable.DistributorID:UbuntuDescription:Ubuntu22.04.3LTSRelease:22.04Codename:jammy关键信息</div> </li> <li><a href="/article/1900542695114338304.htm" title="LL(1)文法与左递归" target="_blank">LL(1)文法与左递归</a> <span class="text-muted">Vitalia</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%BD%A2%E5%BC%8F%E8%AF%AD%E8%A8%80%E4%B8%8E%E8%87%AA%E5%8A%A8%E6%9C%BA/1.htm">形式语言与自动机</a><a class="tag" taget="_blank" href="/search/LL%281%29%E6%96%87%E6%B3%95/1.htm">LL(1)文法</a><a class="tag" taget="_blank" href="/search/%E5%B7%A6%E9%80%92%E5%BD%92/1.htm">左递归</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%AF%91%E5%8E%9F%E7%90%86/1.htm">编译原理</a> <div>没有超群的记忆力和过目不忘的能力，担心自己忘了，就写下来好啦。考虑如下文法，S->SA|AA->a如何说明该文法是LL(1)的？我们首先要明确，LL(1)是文法的一种性质，它描述的是这样一种文法，Predictiveparsers,thatis,recursive-descentparsersneedingnobacktracking,canbeconstructedforaclassofgram</div> </li> <li><a href="/article/1900542694036402176.htm" title="⭐算法OJ⭐汉明距离【位操作】（C++ 实现）Total Hamming Distance" target="_blank">⭐算法OJ⭐汉明距离【位操作】（C++ 实现）Total Hamming Distance</a> <span class="text-muted">Vitalia</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95OJ/1.htm">算法OJ</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>HammingDistance（汉明距离）是用于衡量两个等长字符串在相同位置上不同字符的个数的度量。它通常用于比较两个二进制字符串或编码序列的差异。定义给定两个长度相同的字符串AAA和BBB，它们的汉明距离D(A,B)D(A,B)D(A,B)是在相同位置上字符不同的位置的数量。示例二进制字符串：A=1011101B=1001001汉明距离D(A,B)=2D(A,B)=2D(A,B)=2（第3位和第</div> </li> <li><a href="/article/1900542567678799872.htm" title="为什么程序员需要学习数字电路" target="_blank">为什么程序员需要学习数字电路</a> <span class="text-muted">Vitalia</span> <a class="tag" taget="_blank" href="/search/%E7%90%86%E8%AE%BA%E5%9F%BA%E7%A1%80/1.htm">理论基础</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E4%BA%BA%E7%94%9F/1.htm">程序人生</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E5%AD%97%E7%94%B5%E8%B7%AF/1.htm">数字电路</a> <div>在编程的世界里，我们通常关注的是算法、数据结构、框架和设计模式等软件层面的知识。然而，数字电路作为计算机硬件的核心基础，对程序员来说同样重要。掌握数字电路不仅能帮助我们更好地理解计算机的底层原理，还能在实际开发中解决一些棘手的问题。本文将通过理论和实例，探讨程序员学习数字电路的必要性。1.数字电路与计算机的关系计算机的核心是中央处理器（CPU），而CPU的本质是由大量的数字电路组成的。数字电路通过</div> </li> <li><a href="/article/1900542444987019264.htm" title="鸿蒙开发：自定义一个Toast" target="_blank">鸿蒙开发：自定义一个Toast</a> <span class="text-muted"></span> <div>前言代码案例基于Api13。系统的toast已经可以满足大部分的场景了，而且使用起来也是十分的简单，可以修改很多的可配置属性，简单的使用代码如下：promptAction.showToast({message:"toast提示"})但是偏偏有一点实现不了，那就是圆角度数的设置，还有就是和icon结合使用的场景也无法满足，为了更好的适配UI的设计图，那么自定义一个Toast是在所难免的。简单的实现效</div> </li> <li><a href="/article/1900541179871686656.htm" title="用户数据报协议（User Datagram Protocol，UDP）" target="_blank">用户数据报协议（User Datagram Protocol，UDP）</a> <span class="text-muted">Dream Algorithm</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>用户数据报协议（UserDatagramProtocol，UDP）是一种简单的、无连接的传输层协议，位于TCP/IP协议栈中，与TCP（传输控制协议）并列。UDP提供了一种低开销、低延迟的数据传输方式，适用于对实时性要求较高、但对可靠性要求相对较低的应用场景。UDP的主要特点无连接：UDP不需要在通信前建立连接（如TCP的三次握手），直接发送数据包。发送方和接收方之间没有固定的连接状态。不可靠传输</div> </li> <li><a href="/article/1900540927794016256.htm" title="五大股票金融数据API接口推荐：从实时行情到历史数据全覆盖" target="_blank">五大股票金融数据API接口推荐：从实时行情到历史数据全覆盖</a> <span class="text-muted">CryptoRzz</span> <a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D/1.htm">金融</a> <div>摘要：本文将介绍五大主流的股票金融数据API接口，涵盖实时行情、历史数据、技术指标等功能，帮助开发者快速构建金融数据应用。（本文由deepseek生成）一、StockTVAPI1.核心优势全球覆盖：支持印度、美国、日本、韩国等10+国家的股票市场实时性强：提供WebSocket实时数据推送数据全面：包含股票、指数、期货、外汇、加密货币易于集成：提供多种语言的SDK和详细文档2.主要功能实时行情：支</div> </li> <li><a href="/article/1900540297939578880.htm" title="Python+Selenium 使用webdriver-manager解决浏览器与驱动不匹配所带来自动化无法执行的问题_web自动化最新版本浏览器驱动,驱动连接不了浏览器" target="_blank">Python+Selenium 使用webdriver-manager解决浏览器与驱动不匹配所带来自动化无法执行的问题_web自动化最新版本浏览器驱动,驱动连接不了浏览器</a> <span class="text-muted">2401_84140040</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>做了那么多年开发，自学了很多门编程语言，我很明白学习资源对于学一门新语言的重要性，这些年也收藏了不少的Python干货，对我来说这些东西确实已经用不到了，但对于准备自学Python的人来说，或许它就是一个宝藏，可以给你省去很多的时间和精力。别在网上瞎学了，我最近也做了一些资源的更新，只要你是我的粉丝，这期福利你都可拿走。我先来介绍一下这些东西怎么用，文末抱走。（1）Python所有方向的学习路线（</div> </li> <li><a href="/article/1900539918074048512.htm" title="20道超经典的自动化测试面试题" target="_blank">20道超经典的自动化测试面试题</a> <span class="text-muted">软件测试雪儿</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>担心面试的时候被问到自动化测试？嗯，你担心的没错！确实会被经常问到！现在应聘软件测试工程师的岗位，几乎所有的公司都要求会自动化测试！那么，在面试的时候哪些问题会被面试官经常问到？哪些问题是面试官真正关心的？下面通过20道经典自动化测试面试题。让你能够在面试的时候轻松应对，也让你在学习自动化测试的时候明白应该关注哪些内容，而不仅仅只是会调用接口模拟输入和点击操作！基础题1、web自动化时，定位元素的</div> </li> <li><a href="/article/1900539413688020992.htm" title="2024 年java 和Python 开发工具系列激活码（持续更新）" target="_blank">2024 年java 和Python 开发工具系列激活码（持续更新）</a> <span class="text-muted">hhhaadei</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a> <div>7EX1SHUD24-eyJsaWNlbnNlSWQiOiI3RVgxU0hVRDI0IiwibGljZW5zZWVOYW1lIjoibWFvIHplZG9uZyIsImxpY2Vuc2VlVHlwZSI6IlBFUlNPTkFMIiwiYXNzaWduZWVOYW1lIjoiIiwiYXNzaWduZWVFbWFpbCI6IiIsImxpY2Vuc2VSZXN0cmljdGlvbiI6IiIsI</div> </li> <li><a href="/article/1900538909327159296.htm" title="工程化与框架系列（31）--前端依赖管理实践" target="_blank">工程化与框架系列（31）--前端依赖管理实践</a> <span class="text-muted">一进制ᅟᅠ ‌‍‎‏ </span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%8C%96%E4%B8%8E%E6%A1%86%E6%9E%B6/1.htm">前端工程化与框架</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>前端依赖管理实践引言前端依赖管理是现代Web开发中的重要环节。本文将深入探讨前端依赖管理的最佳实践，包括包管理工具、版本控制、依赖分析和优化等方面，帮助开发者更好地管理项目依赖。依赖管理概述前端依赖管理主要包括以下方面：包管理工具：npm、yarn、pnpm等版本控制：语义化版本、锁文件等依赖分析：依赖树、循环依赖等依赖优化：体积优化、重复依赖等安全管理：漏洞检测、更新维护等依赖管理工具实现依赖分</div> </li> <li><a href="/article/1900538908484104192.htm" title="边缘计算（Edge Computing）" target="_blank">边缘计算（Edge Computing）</a> <span class="text-muted">Dream Algorithm</span> <a class="tag" taget="_blank" href="/search/%E8%BE%B9%E7%BC%98%E8%AE%A1%E7%AE%97/1.htm">边缘计算</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>边缘计算（EdgeComputing）是一种分布式计算范式，它将数据处理和存储功能从传统的集中式云端转移到靠近数据源的网络边缘设备（如路由器、网关、本地服务器或终端设备）。边缘计算的目标是减少数据传输延迟、降低带宽压力，并提高系统的实时性和可靠性。边缘计算的核心概念靠近数据源边缘计算将计算资源部署在靠近数据生成的地方，而不是将所有数据发送到远程云端处理。分布式架构边缘计算采用分布式架构，将计算任务</div> </li> <li><a href="/article/1900537901230387200.htm" title="MySQL Buffer Pool、Undo Log、脏页详解" target="_blank">MySQL Buffer Pool、Undo Log、脏页详解</a> <span class="text-muted">学堂在线</span> <a class="tag" taget="_blank" href="/search/Mysql/1.htm">Mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>文章目录1.BufferPool2.UndoLog3.脏页（DirtyPage）三者的协同工作常见问题总结MySQL中的BufferPool、UndoLog和脏页是InnoDB存储引擎的核心组件，共同保障了事务处理的高效性、一致性与持久性。以下是它们的详细解释及关联：1.BufferPool作用：BufferPool是InnoDB的内存缓存区域，用于缓存数据页和索引页，减少直接访问磁盘的开销，显著</div> </li> <li><a href="/article/1900537395221164032.htm" title="数据分析及人工智能框架汇总" target="_blank">数据分析及人工智能框架汇总</a> <span class="text-muted">xihuanyuye</span> <a class="tag" taget="_blank" href="/search/%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0/1.htm">机器学习</a> <div>一、数据分析二、人工智能1、Tensorflow1、简介TensorFlow是谷歌基于DistBelief进行研发的第二代人工智能学习系统，其命名来源于本身的运行原理。Tensor（张量）意味着N维数组，Flow（流）意味着基于数据流图的计算，TensorFlow为张量从流图的一端流动到另一端计算过程。TensorFlow是将复杂的数据结构传输至人工智能神经网中进行分析和处理过程的系统。Tenso</div> </li> <li><a href="/article/1900537268725149696.htm" title="Qt如何让按钮的菜单出现在按钮的右侧" target="_blank">Qt如何让按钮的菜单出现在按钮的右侧</a> <span class="text-muted">神之媛</span> <a class="tag" taget="_blank" href="/search/Qt%E7%BC%96%E7%A8%8B%E4%B9%8B%E8%B7%AF/1.htm">Qt编程之路</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4%E6%A8%A1%E5%BC%8F/1.htm">命令模式</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>直接上代码，我们用到了一个eventfilter的函数功能。这个函数比较厉害和重要，大家务必经常拿出来看看。voidMainWindow::initMenu(){QMenu*menuLiXiang=newQMenu;QAction*actXiangMuZhangCheng=newQAction("项目章程");menuLiXiang->addAction(actXiangMuZhangCheng)</div> </li> <li><a href="/article/53.htm" title="二分查找排序算法" target="_blank">二分查找排序算法</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%88%86%E6%9F%A5%E6%89%BE/1.htm">二分查找</a><a class="tag" taget="_blank" href="/search/%E6%8E%92%E5%BA%8F/1.htm">排序</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E6%8A%98%E5%8D%8A/1.htm">折半</a> <div> 一：概念二分查找又称折半查找（折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步</div> </li> <li><a href="/article/180.htm" title="java中的BigDecimal" target="_blank">java中的BigDecimal</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/BigDecimal/1.htm">BigDecimal</a> <div>        在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de</div> </li> <li><a href="/article/307.htm" title="Shell echo命令详解" target="_blank">Shell echo命令详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/echo/1.htm">echo</a><a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a> <div>Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义</div> </li> <li><a href="/article/434.htm" title="Oracle DBA 简单操作" target="_blank">Oracle DBA 简单操作</a> <span class="text-muted">周凡杨</span> <a class="tag" taget="_blank" href="/search/oracle+dba+sql/1.htm">oracle dba sql</a> <div> --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb</div> </li> <li><a href="/article/561.htm" title="画图重绘" target="_blank">画图重绘</a> <span class="text-muted">朱辉辉33</span> <a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a> <div>  我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们</div> </li> <li><a href="/article/688.htm" title="线程之初体验" target="_blank">线程之初体验</a> <span class="text-muted">西蜀石兰</span> <a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a> <div>一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja</div> </li> <li><a href="/article/815.htm" title="linux集群互相免登陆配置" target="_blank">linux集群互相免登陆配置</a> <span class="text-muted">林鹤霄</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c</div> </li> <li><a href="/article/942.htm" title="mysql : Lock wait timeout exceeded; try restarting transaction" target="_blank">mysql : Lock wait timeout exceeded; try restarting transaction</a> <span class="text-muted">aigo</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储</div> </li> <li><a href="/article/1069.htm" title="Socket编程基本的聊天实现。" target="_blank">Socket编程基本的聊天实现。</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a> <div>public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi</div> </li> <li><a href="/article/1196.htm" title="多线程监听器事件模式(一个简单的例子)" target="_blank">多线程监听器事件模式(一个简单的例子)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E7%BA%BF%E7%A8%8B/1.htm">线程</a><a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC%E6%A8%A1%E5%BC%8F/1.htm">监听模式</a> <div>    多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队</div> </li> <li><a href="/article/1323.htm" title="spring InitializingBean接口" target="_blank">spring InitializingBean接口</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT</div> </li> <li><a href="/article/1450.htm" title="Oracle中询表的权限被授予给了哪些用户" target="_blank">Oracle中询表的权限被授予给了哪些用户</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E6%9D%83%E9%99%90/1.htm">权限</a> <div>        Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"</div> </li> <li><a href="/article/1577.htm" title="【Struts2五】Struts2 参数传值" target="_blank">【Struts2五】Struts2 参数传值</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/struts2/1.htm">struts2</a> <div>Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言</div> </li> <li><a href="/article/1704.htm" title="【Kafka十四】关于auto.offset.reset[Q/A]" target="_blank">【Kafka十四】关于auto.offset.reset[Q/A]</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a> <div>I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or </div> </li> <li><a href="/article/1831.htm" title="nginx gzip压缩配置" target="_blank">nginx gzip压缩配置</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+gzip+%E5%8E%8B%E7%BC%A9%E8%8C%83%E4%BE%8B/1.htm">nginx gzip 压缩范例</a> <div>nginx gzip压缩配置更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用</div> </li> <li><a href="/article/1958.htm" title="java-13.输入一个单向链表，输出该链表中倒数第 k 个节点" target="_blank">java-13.输入一个单向链表，输出该链表中倒数第 k 个节点</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head; </div> </li> <li><a href="/article/2085.htm" title="Spring源码学习-JdbcTemplate queryForObject" target="_blank">Spring源码学习-JdbcTemplate queryForObject</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查</div> </li> <li><a href="/article/2212.htm" title="[冰川时代]在冰川时代,我们需要什么样的技术?" target="_blank">[冰川时代]在冰川时代,我们需要什么样的技术?</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF/1.htm">技术</a> <div>      看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb</div> </li> <li><a href="/article/2339.htm" title="js 获取浏览器型号" target="_blank">js 获取浏览器型号</a> <span class="text-muted">cuityang</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a> <div>根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=</div> </li> <li><a href="/article/2466.htm" title="C# socks5详解转" target="_blank">C# socks5详解转</a> <span class="text-muted">dalan_123</span> <a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a> <div>http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，</div> </li> <li><a href="/article/2593.htm" title="运维 Centos问题汇总" target="_blank">运维 Centos问题汇总</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E4%BA%91%E4%B8%BB%E6%9C%BA/1.htm">云主机</a> <div>一、sh 脚本不执行的原因 sh脚本不执行的原因只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数</div> </li> <li><a href="/article/2720.htm" title="Yii防注入攻击笔记" target="_blank">Yii防注入攻击笔记</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/WEB%E5%AE%89%E5%85%A8/1.htm">WEB安全</a><a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a> <div>网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl</div> </li> <li><a href="/article/2847.htm" title="MongoDB简介[一]" target="_blank">MongoDB简介[一]</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/MongoDB%E7%AE%80%E4%BB%8B/1.htm">MongoDB简介</a> <div>MongoDB简介转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不</div> </li> <li><a href="/article/2974.htm" title="zookeeper windows 入门安装和测试" target="_blank">zookeeper windows 入门安装和测试</a> <span class="text-muted">greemranqq</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85/1.htm">安装</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F/1.htm">分布式</a> <div>一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视</div> </li> <li><a href="/article/3101.htm" title="Spring之使用事务缘由(2-注解实现)" target="_blank">Spring之使用事务缘由(2-注解实现)</a> <span class="text-muted">ihuning</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>  Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.</div> </li> <li><a href="/article/3228.htm" title="iOS App Launch Option" target="_blank">iOS App Launch Option</a> <span class="text-muted">啸笑天</span> <a class="tag" taget="_blank" href="/search/option/1.htm">option</a> <div>iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节。 1、若用户直接</div> </li> <li><a href="/article/3355.htm" title="jdk与jre的区别（_）" target="_blank">jdk与jre的区别（_）</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a> <div>简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。如果安装了JDK，会发同你</div> </li> <li><a href="/article/3482.htm" title="Updates were rejected because the tip of your current branch is behind" target="_blank">Updates were rejected because the tip of your current branch is behind</a> <span class="text-muted">qiaolevip</span> <a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E4%BC%97%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">众观千象</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a> <div>$ git push joe prod-2295-1 To git@git.dianrong.com:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to 'git@git.dianron</div> </li> <li><a href="/article/3609.htm" title="[一起学Hive]之十四-Hive的元数据表结构详解" target="_blank">[一起学Hive]之十四-Hive的元数据表结构详解</a> <span class="text-muted">superlxw1234</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/hive%E5%85%83%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">hive元数据结构</a> <div>关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，</div> </li> <li><a href="/article/3736.htm" title="Spring 3.2.14，4.1.7，4.2.RC2发布" target="_blank">Spring 3.2.14，4.1.7，4.2.RC2发布</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/Spring+3/1.htm">Spring 3</a> <div>  Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。 </div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>