HTML标记属性

跑马灯
...普通卷动
...滑动
...预设卷动
...来回卷动
...向下卷动
...向上卷动
向右卷动
向左卷动
...卷动次数
...设定宽度
...设定高度
...设定背景颜色
...设定滚动速度
...设定卷动时间
...鼠标经过上面时停止滚动
...鼠标离开时开始滚动

字体效果

...

标题字(最大)
...
标题字(最小)
...粗体字
...粗体字(强调) (同上效果略同)
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
... 打字体
...固定宽度字体(在文件中空白、换行、定位功能有效)
...</plaintext>固定宽度字体(不执行标记符号) <br><listing>...</listing> 固定宽度小字体 </p> <p><font color=00ff00>...</font>字体颜色 <br><font size=1>...</font>最小字体 <br><font style =’font-size:100 px’>...</font>无限增大 <br><!>区断标记 <br><hr>水平线 <br><hr size=’9’>水平线(设定大小) <br><hr width=’80%’>水平线(设定宽度) <br><hr color=’ff0000’>水平线(设定颜色) <br><br>(换行) <br><nobr>...</nobr>水域(不换行) <br><p>...</p>水域(段落) <br><center>...</center>置中 <br><!>连结格式 <br><base href=位址>(预设好连结路径) <br><a href=位址></a>外部连结 <br><a href=位址 target=’_blank’></a>外部连结(另开新视窗) <br><a href=位址 target=’_top’></a>外部连结(全视窗连结) <br><a href=位址 target=’页框名’></a>外部连结(在指定页框连结) <br><!>贴图/音乐 <br><img src=图片位址>贴图 <br><img src=图片位址 width=’180’>设定图片宽度 <br><img src=图片位址 height=’30’>设定图片高度 <br><img src=图片位址 alt=’提示文字’>设定图片提示文字 <br><img src=图片位址’ border=’1’>设定图片边框 <br><bgsound src=MID音乐档位址>背景音乐设定 <br><!>表格语法 <br><table align=left>...</table>表格位置,置左 <br><table align=center>...</table>表格位置,置中 <br><table background=图片路径>...</table>背景图片的URL=就是路径网址 <br><table border=边框大小>...</table>设定表格边框大小(使用数字) <br><table bgcolor=颜色码>...</table>设定表格的背景颜色 <br><table borderclor=颜色码>...</table>设定表格边框的颜色 <br><table borderclordark=颜色码>...</table>设定表格暗边框的颜色 <br><table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 <br><table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字) <br><table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字) <br><table cols=参数>...</table>指定表格的栏数 <br><table frame=参数>...</table>设定表格外框线的显示方式 <br><table width=宽度>...</table>指定表格的宽度大小(使用数字) <br><table height=高度>...</table>指定表格的高度大小(使用数字) <br><td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) <br><td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) <br><!>分割视窗 <br><frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 <br><frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 <br><frameset cols="20%,*">分割左右两个框架 <br><frameset cols="20%,*,20%">分割左中右三个框架 <br><分割上下两个框架 <br><frameset rows="20%,*,20%">分割上中下三个框架 <br><! - - ... - -> 注解 <br><A HREF TARGET> 指定超连结的分割视窗 <br><A HREF=#锚的名称> 指定锚名称的超连结 <br><A HREF> 指定超连结 <br><A NAME=锚的名称> 被连结点的名称 <br><ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 <br><B> 粗体字 <br><BASE TARGET> 指定超连结的分割视窗 <br><BASEFONT SIZE> 更改预设字形大小 <br><BGSOUND SRC> 加入背景音乐 <br><BIG> 显示大字体 <br><BLINK> 闪烁的文字 <br><BODY TEXT LINK VLINK> 设定文字颜色 <br><BODY> 显示本文 <br><BR> 换行 <br><CAPTION ALIGN> 设定表格标题位置 <br><CAPTION>...</CAPTION> 为表格加上标题 <br><CENTER> 向中对齐 <br><CITE>...<CITE> 用於引经据典的文字 <br><CODE>...</CODE> 用於列出一段程式码 <br><COMMENT>...</COMMENT> 加上注解 <br><DD> 设定定义列表的项目解说 <br><DFN>...</DFN> 显示"定义"文字 <br><DIR>...</DIR> 列表文字标签 <br><DL>...</DL> 设定定义列表的标签 <br><DT> 设定定义列表的项目 <br><EM> 强调之用 <br><FONT FACE> 任意指定所用的字形 <br><FONT SIZE> 设定字体大小 <br><FORM ACTION> 设定户动式表单的处理方式 <br><FORM METHOD> 设定户动式表单之资料传送方式 <br><FRame MARGINHEIGHT> 设定视窗的上下边界 <br><FRame MARGINWIDTH> 设定视窗的左右边界 <br><FRame NAME> 为分割视窗命名 <br><FRame NORESIZE> 锁住分割视窗的大小 <br><FRame SCROLLING> 设定分割视窗的卷轴 <br><FRame SRC> 将HTML档加入视窗 <br><FRameSET COLS> 将视窗分割成左右的子视窗 <br><FRameSET ROWS> 将视窗分割成上下的子视窗 <br><FRameSET>...</FRameSET> 划分分割视窗 <br><H1>~<H6> 设定文字大小 <br><HEAD> 标示文件资讯 <br><HR> 加上分格线 <br><HTML> 文件的开始与结束 <br><I> 斜体字 <br><IMG ALIGN> 调整图形影像的位置 <br><IMG ALT> 为你的图形影像加注 <br><IMG DYNSRC LOOP> 加入影片 <br><IMG HEIGHT WIDTH> 插入图片并预设图形大小 <br><IMG HSPACE> 插入图片并预设图形的左右边界 <br><IMG LOWSRC> 预载图片功能 <br><IMG SRC BORDER> 设定图片边界 <br><IMG SRC> 插入图片 <br><IMG VSPACE> 插入图片并预设图形的上下边界 <br><INPUT TYPE NAME value> 在表单中加入输入栏位 <br><ISINDEX> 定义查询用表单 <br><KBD>...</KBD> 表示使用者输入文字 <br><LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) <br><MARQUEE> 跑马灯效果 <br><MENU>...</MENU> 条列文字标签 <br><meta NAME="REFRESH" CONTENT URL> 自动更新文件内容 <br><MULTIPLE> 可同时选择多项的列表栏 <br><NOFRame> 定义不出现分割视窗的文字 <br><OL>...</OL> 有序号的列表 <br><OPTION> 定义表单中列表栏的项目 <br><P ALIGN> 设定对齐方向 <br><P> 分段 <br><PERSON>...</PERSON> 显示人名 <br><PRE> 使用原有排列 <br><SAMP>...</SAMP> 用於引用字 <br><select >...</select > 在表单中定义列表栏 <br><SMALL> 显示小字体 <br><STRIKE> 文字加横线 <br><STRONG> 用於加强语气 <br><SUB> 下标字 <br><SUP> 上标字 <br><TABLE BORDER=n> 调整表格的宽线高度 <br><TABLE CELLPADDING> 调整资料栏位之边界 <br><TABLE CELLSPACING> 调整表格线的宽度 <br><TABLE HEIGHT> 调整表格的高度 <br><TABLE WIDTH> 调整表格的宽度 <br><TABLE>...</TABLE> 产生表格的标签 <br><TD ALIGN> 调整表格栏位之左右对齐 <br><TD BGCOLOR> 设定表格栏位之背景颜色 <br><TD COLSPAN ROWSPAN> 表格栏位的合并 <br><TD NOWRAP> 设定表格栏位不换行 <br><TD VALIGN> 调整表格栏位之上下对齐 <br><TD WIDTH> 调整表格栏位宽度 <br><TD>...</TD> 定义表格的资料栏位 <br><TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏 <br><TEXTAREA WRAP> 决定文字输入栏是自动否换行 <br><TH>...</TH> 定义表格的标头栏位 <br><TITLE> 文件标题 <br><TR>...</TR> 定义表格美一行 <br><TT> 打字机字体 <br><U> 文字加底线 <br><UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) <br><var>...</var> 用於显示变数 <br>BlockQuotc文本缩进 </p> <p>表示颜色的有三种方式; <br>1,16进制颜色代码 <br>语法:#RRGGBB <br>例:<font color="#ff0000">红色</font> <br>2,10进制RGB码 <br>语法:RGB(RRR,GGG,BBB) <br>例:<font color="rgb(255,000,000)">红色</font> <br>3,直接用颜色的英文名称 <br>例:<font color="red">红色</font> </p> <p><br><body>.....</body>属性可分为三种: <br>1,背景属性 <br>包括:bgcolor,background <br>2,文字属性: <br>包括:text,link,alink,vlink, <br>3,留白属性: <br>其中分为:leftmargin,topmargin <br>.bgcolor背景色 <br>语法格式:<body bgcolor="#ff0000"> <br>.background背景图案。 <br>语法格式:<body background="url"> <br>.text文本颜色(非连接文字颜色) <br>.link连接文字颜色(可连接文字颜色) <br>.alink活动连接文字颜色(正被点击的可连接文字的颜色) <br>.vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色) <br>语法格式:<body text="color" link="color" alink="color" vlink="color"> <br>.leftmargin 页面左侧的留白距离 <br>.topmargin 页面顶部的留白距离 <br>语法格式:<body leftmargin="value" topmargin="value"> <br>注:value为长度值为数字 </p> <p>align 属性 <br>语法:<h2 align="?">文字</h2> <br>其属性有三种:left靠左,center居中,right靠右 </p> <p>〈p〉</p>为段落标记,可利用以上属性对整个段落进行设置 <br>〈br>为换行标记 <br><nobr></nobr>为不换行标记 放在文字两边即可 <br>例:<body> <br><h3>江南逢李龟年</h3> <br><p>歧王宅里寻常见<br> <br>催九堂前几度闻<br> <br>正是江南好风景<br> <br>落花时节又逢君</p> <br></body> </p> <p>预格式化: <br><pre>......</pre> 浏览是效果和编写是效果格式一样 </p> <p>列表分为 <br>1无序列表又称符号列表 <br>语法格式: <br><ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 <br><li>文字</li> <br><li>文字</li> <br></ul> </p> <p>2有序列表 <br>语法格式: <br><ol type="?" start"?"> <br><li>文字</li> <br><li>文字</li> <br></ol> <br>type的值是编号字符可选的有1...,a...,A...,i... ,I... <br>start为起始值例:如果start为3是那么将从3开始,而且必须是数字。 </p> <p>3定义列表 <br><dl>定义列表标记 <br><dt>标示定义条目 <br><dd>标示定义内容 <br>语法格式: <br><dl> <br><dt>文字</dt> <br><dd>文字内容</dd> <br></dl> </p> <p><br>连接和图像 <br>语法格式: <br><a href="url" name="?" target="?" title="?">....</a> <br>属性:href 连接目标 值可以是url地址也可以是连接锚点 <br><a href="url">...</a>或者 <br><a href="锚点">...</a> </p> <p>name 连接名称 <br>语法格式:<a name="锚点名称">...</a> <br>例:<a name="abcdcf">...</a> <br>连接到该锚点的连接则应是: <br><a name="#abcdef">....</a> </p> <p>target目标窗口 <br>语法格式: <br><a href="url" target="_blank|_self|_farent|_top|windowname">....</a> <br>-blank打开新窗口 <br>_self当前窗口打开 <br>一下两个仅在框架叶面中应用 <br>_parent当前窗口的父级窗口(上一级)打开 <br>_top在最高一级的窗口打开 </p> <p>windowname已命名的窗口或框架中打开连接 <br>title连接提示 <br><a href="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a> </p> <p>图像<img> <br>语法格式:<img src="url" alt="?" width="?" height="?" border="?" align="?"> <br>border属性定义图片边框的宽度,默认值为0 <br>align属性设置图片旁边文字的位置 <br>语法格式:<img src="" align""> <br>可选值有: <br>top图片和文字顶部对齐 <br>middle图片和文字居中对齐 <br>bottom图片和文字底边对齐(默认) <br>left图片居左对齐,文字沿图片绕排 <br>right图片居右对齐,文字沿图片绕排 <br>absmiddle图片对齐到目前文字行绝对中央 <br>absbottom图片对齐到目前文字行绝对底部 </p> <p>文字的排版 <br>不换行空白标记 <br>font元素 <br>语法格式: <br><font face="字体名称" size="字体大小" color="字体颜色"> <br>字体大小可选值为1——7,默认为3 <br>例:〈font face="黑体" size="4" color="#ff00ff">....</font> </p> <p>水平线<hr> <br>语法格式:<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade> <br>noshade无阴影,既实线 </p> <p>层〈div><span>两种元素 <br><div>是块级元素,和段落元素<p>相似,不同的是两个<div>元素之间不会产生两个<p>元素之间的空行, <br><span>是行内元素,可以定义段落中部分文字的属性 <br>语法格式: <br><div align="" style="">...</div> <br>align设置层中元素的水平对齐方式 <br>stule设置元素应用css规范的属性 <br><div>兼容性比<span>要好一点,最好使用<div> </p> <p>表格 <br>语法格式: <br><table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""> <br><tr>...<td>....</td>....</tr> <br></table> <br>border边框宽度默认值为0,既没有边框 <br>cellspacing表格中单元格的边距大小,默认值为两个像素 <br>cellpadding表格中单元格之间的间距大小,默认值为两个像素 </p> <p>tr元素 <br>语法格式: <br><tr align="" bgcolor="">....</tr> <br>align属性对齐方式可选值如下:left,center,tight,默认为left <br>bgcolor指定该行的背景颜色 </p> <p>td元素 <br>语法格式: <br><td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td> <br>align属性的可选值有:left,center,right <br>valign属性的可选值有:top,middle,bottom <br>rowspan和colapan跨行和跨列的数量,默认为1 </p> <p>框架 <br><frameset></framset>框架组标记 <br><frame></frame>框架标记 <br>语法格式: <br><frameset> <br><frame></frame> <br><frame></frame> <br></franeset> </p> <p><frameset></frameset>元素(双标签) <br>语法格式: <br><frameset cols="" rows="" frameborder="" border="" framespacing=""> <br>....... <br></frameset> <br>属性: <br>cols 垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。例:cols="30,*,50%"可以 切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。 <br>rows 就是横向切割,将窗口上下分开,数值设置同上。 <br>以上两属性尽量不要在同一个<frameset>标记中,因为王井(netscape)不支持,尽量采用多重分割。 <br>frameborder 设置框架的边框,其值有0不要边框,1要边框。 <br>border 设置框架边框厚度 <br>framespacing 表示框架与框架间保留空白的距离 </p> <p>frame 元素(单标签) <br>语法格式: <br><frame name="" src="url" scrolling="yes/no" noresize> <br>属性: <br>name 框架名称,指定框架来做连接的目标窗口。 <br>src 框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。 <br>scrolling 是否显示滚动条,yes/no,auto是自动。 <br>noresize 设置不让使用者改变这个框架的大小, </p> <p>noframe元素 <br>指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息 <br>语法格式: <br><noframe> <br>...... <br></noframe> </p> <p>表单<form></form> <br>语法格式: <br><form action="url" method="get/post"> <br>.... <br><input type=submit><input type=reset> <br></form> <br>method有两种提交方式get,post <br>action 是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action="mailto:lwr8494@163.com" 这样此表单所填的资料将会发送到这个邮箱地址。 <br>method 是指传送信息给cgi等网络程序的方式。可选post方法, get方法,post方法容许传送大量信息。get方法只接受低于1k的信息。 <br>申请表单用的是post搜索引擎用的是get </p> <p>input元素 <br>语法格式:<input type=""> <br>type属性的可选值有: <br>text 单行文本框 <br>属性:name 文本框名称 <br>value 文本框的初始值 <br>size 文本框的长度 <br>maxlength 可输入字符串最大的长度 <br>radio 单选框 <br>属性:name 单选框名称 <br>value 内部值 <br>checked 默认选定 <br>checkbox 复选框 <br>属性:name 复选框名称 <br>value 内部值 <br>checked 默认选定 <br>reset 重置按钮 <br>submit 确定按钮 <br>属性:name 按钮名称 <br>value 显示在按钮上的文字 <br>password 密码框 <br>属性与文本框的属性完全相同 <br>file 文件域 <br>属性:name文件域名称 <br>size 文件域的长度 <br>maxlength 文件域可接受的字符数量的上限 <br>hidden 隐藏域 <br>属性:name 隐藏域名称 <br>value 内定值 <br>image 图片域 <br>属性:name 所要代表的按钮,可以是submit,reset,或其他. <br>src 按钮图片的url 地址 </p> <p>列表框<select> <br>语法格式: <br><select> <br>..... <br><option>....</option> <br>..... <br></select> </p> <p>select元素 <br>语法格式:<select name="" size=""multiple></select> <br>name 指定列表框的名字 <br>size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框 <br>multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项 </p> <p>option属性 <br>语法格式:<option value="" selected></option> <br>value 该列表项的值 <br>selected 如果设定了这个参数,默认为选定这一项 </p> <p>多行文本框<textarea> <br><textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea> <br>属性: <br>name文本框的名称 <br>cols文本框的宽度 <br>rows文本框的高度 <br>wrap文本框的折行方式可选值有: <br>off不保存换行信息 <br>physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出, <br>virtual送出连续成串的字除非使用者按回车。 </p> <p>css 层叠样式表 <br>引入层叠样式表的方法包括: <br>1,外联式样式表 <br>2,内嵌样式表 <br>3,元素内定 <br>4,导入样式表 </p> <p>外联式样式表 <br>例:<head> <br><link rel="stylesheet" href="/css/default.css"> <br></head> <br><body> <br>.... <br></body> <br></html> <br>属性:rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址 <br>内嵌式样式表: <br>例:<html> <br><head> <br><style type="text/css"> <br><!-- <br>td{font:9pt;color:red} <br>.font105{font:10.5pt;color:blue} <br>--> <br></style> <br></head> <br><body>....</body> <br></html> </p> <p>元素内定 <br>格式:<p style="font-size:10.5pt"> </p> <p>导入式样式表 <br>〈html> <br><head> <br><style type="text/css"> <br><!-- <br>@import url(css/home.css); <br>--> <br></style> <br><body> <br>.... <br></body> <br></html> </p> <p>css的优先级 <br>越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义 <br>如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。 </p> <p>css结构 <br>例:td{font-size:10.5pt;color:#666666} <br>css样式包含两个基础部分, <br>选择符<td>和声明{font-size:10.5pt;color:#666666} <br>声明也有两部分组成: <br>属性font-size,color和值10.5pt,#666666 </p> <p>选择符分为6种 <br>1元素选择符 <br>当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开 例:td,p,li,input,select{font-size:12px;} <br>2class(类)选择符 <br>例:〈head> <br><title>.....</title> <br><style type="text/css"> <br><!-- <br>.red{font-size:10.5pt;color:#ff0000} <br>--> <br></style> <br></head> <br><body bgcolor="#ffffff"> <br><p class="red">士大夫井冈山地方官</p> <br><p>九连环离开计划</p> <br></body> <br>还有一种方法就是限定可以应用它的页面元素 <br>例:〈head> <br><title>.....</title> <br><style type="text/css"> <br><!-- <br>h1.red{color:#ff0000} <br>--> <br></style> <br></head> <br><body bgcolor="#ffffff"> <br><p class="red">士大夫井冈山地方官</p> <br><h1 class="red">九连环离开计划</h1> <br></body> <br>3 id选择符 <br>与class选择附类似,只是把'.'换成'#' <br>例:<body> <br><head> <br><style type="text/css"> <br><!-- <br>#select{font-size:18px;color:#0000ff} <br>--> <br></style> <br></head> <br><body> <br><table width="250" border="1" height="50"> <br><tr> <br><td align="center" id="select">id选择符</td> <br></tr> <br></table> <br></body> <br></html> <br>我们看到在调用ID选择附时与CLASS选择附类似,只是将class=""换成了id="",方便页面脚本语言的调用 <br>4 关联选择符 <br><body> <br><head> <br><style type="text/css"> <br><!-- <br>td p{font-size:18px;color:#0000ff} <br>--> <br></style> <br></head> <br><body> <br><table width="250" border="1" height="50"> <br><tr> <br><td align="center"><p>关联选择符</p></td> <br></tr> <br></table> <br><p>关联选择符</p> <br></body> <br></html> <br>我们设定了在元素中<td>的元素<p>所包含文字的样式,只有在两个条件都满足是,样式在会起作用, <br>5伪类选择符 <br>是只能用在css选择符里,而不能用在html代码中的选择符 <br>例: <br>〈html> <br><head> <br><style type="text/css"> <br><!-- <br>a:link{color:#000000} <br>a:visited{color:#cccccc} <br>a:hover{color:#ff0000} <br>a:active{color:#ooooff} <br>--> <br></style> <br></head> <br><body> <br><p><a href="#">关联选择符</a><p> <br><p><a href="#">关联选择符</a><p> <br><p><a href="#">关联选择符</a><p> <br><p><a href="#">关联选择符</a><p> <br>〈/body> <br></html> <br>正确的顺序是a:link/a:visited/a:hover否则会引起页面上连接颜色混乱 <br>6伪元素选择符 <br>与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的 <br>例:首行 <br><html> <br><head> <br><style> <br><!-- <br>p:first-line{color:red;font-size:20pt} <br>--> <br></style> <br></hesd> <br><body> <br><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p> <br></body> <br></html> <br>长度随浏览器窗口大小而改变 <br>首字 <br><html> <br><head> <br><style> <br><!-- <br>p:first-letter{color:red;font-size:50pt;float:left;} <br>--> <br></style> <br></hesd> <br><body> <br><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p> <br></body> <br></html> <br>以上两种都只能应用于块状元素上 </p> <p>css规则 <br>一继承 <br>例:<html> <br><head> <br><style type="text/css"> <br><!-- <br>td{font-size:12pt} <br>p{color:red} <br>--> <br></style> <br></hesd> <br><body> <br><table width="300" border="1" height="150"> <br><tr> <br><td align="center"> <br><p>css规则</p> <br></td> <br></table> <br></body> <br></html> <br><p>为最高级<td>次一级两种css用在一个属性元素上,相同的覆盖,不同的继承, </p> <p>二组合 <br>例:td{font-size:12pt} <br>p1{font-size:12pt} <br>组合后 <br>td,.p1{font-size:12pt} </p> <p><br>三层叠 <br>在样式里定义过后,在表格属性中又定义一次 <br><html> <br><head> <br><style type="text/css"> <br><!-- <br>red{color:#ff0000 limportant} <br>--> <br></style> <br></hesd> <br><body> <br><table width="300" border="1" height="150"> <br><tr> <br><td align="center" style="color:#0000ff" class="red">决撒地方官</td> <br></tr> <br></table> <br></body> <br></html> </p> <p>css单位 <br>分四大类: <br>1 长度单位 <br>数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用) <br>换算关系: <br>1in(英寸)=6pc(派) <br>1in(英寸)=72pt(磅) <br>1in(英寸)=2.54(厘米) <br>1cm(厘米)=10mm(毫米) <br>1cm(厘米)=0.3937(英寸) <br>1pt(磅)=1/72in(英寸)=0.2478mm(毫米) <br>1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 <br>2 百分比单位 <br>3 颜色单位 <br>4 url单位</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1702388949495918592"></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"> <!-- 文章页-右侧1 动态广告位 --> <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> <!-- 文章页-右侧2 动态广告位 --> <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> <!-- 文章页-右侧3 动态广告位 --> <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,table,border,框架,url,css)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1835513424734416896.htm" title="UI学习——cell的复用和自定义cell" target="_blank">UI学习——cell的复用和自定义cell</a> <span class="text-muted">Magnetic_h</span> <a class="tag" taget="_blank" href="/search/ui/1.htm">ui</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>目录cell的复用手动(非注册)自动(注册)自定义cellcell的复用在iOS开发中,单元格复用是一种提高表格(UITableView)和集合视图(UICollectionView)滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时,如果没有可复用的单元格,则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕,它就不会被销毁。相反,它被添</div> </li> <li><a href="/article/1835509770287673344.htm" title="swagger访问路径" target="_blank">swagger访问路径</a> <span class="text-muted">igotyback</span> <a class="tag" taget="_blank" href="/search/swagger/1.htm">swagger</a> <div>Swagger2.x版本访问地址:http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口,通常为8080。{context-path}是你的应用上下文路径,如果应用部署在根路径下,则为空。Swagger3.x版本对于Swagger3.x版本(也称为OpenAPI3)访问地址:http://{ip</div> </li> <li><a href="/article/1835509391361667072.htm" title="Linux下QT开发的动态库界面弹出操作(SDL2)" target="_blank">Linux下QT开发的动态库界面弹出操作(SDL2)</a> <span class="text-muted">13jjyao</span> <a class="tag" taget="_blank" href="/search/QT%E7%B1%BB/1.htm">QT类</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</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/sdl2/1.htm">sdl2</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>需求:操作系统为linux,开发框架为qt,做成需带界面的qt动态库,调用方为java等非qt程序难点:调用方为java等非qt程序,也就是说调用方肯定不带QApplication::exec(),缺少了这个,QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出);这与qt调用本身qt库是有本质的区别的思路:1.调用方缺QApplication::exec(),那么我们在接口</div> </li> <li><a href="/article/1835508130608410624.htm" title="html 中如何使用 uniapp 的部分方法" target="_blank">html 中如何使用 uniapp 的部分方法</a> <span class="text-muted">某公司摸鱼前端</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>示例代码:Documentconsole.log(window);效果展示:好了,现在就可以uni.使用相关的方法了</div> </li> <li><a href="/article/1835499681732456448.htm" title="SQL Server_查询某一数据库中的所有表的内容" target="_blank">SQL Server_查询某一数据库中的所有表的内容</a> <span class="text-muted">qq_42772833</span> <a class="tag" taget="_blank" href="/search/SQL/1.htm">SQL</a><a class="tag" taget="_blank" href="/search/Server/1.htm">Server</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/sqlserver/1.htm">sqlserver</a> <div>1.查看所有表的表名要列出CrabFarmDB数据库中的所有表(名),可以使用以下SQL语句:USECrabFarmDB;--切换到目标数据库GOSELECTTABLE_NAMEFROMINFORMATION_SCHEMA.TABLESWHERETABLE_TYPE='BASETABLE';对这段SQL脚本的解释:SELECTTABLE_NAME:这个语句的作用是从查询结果中选择TABLE_NAM</div> </li> <li><a href="/article/1835499615491813376.htm" title="四章-32-点要素的聚合" target="_blank">四章-32-点要素的聚合</a> <span class="text-muted">彩云飘过</span> <div>本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记,使用的openlayers5.3.xapi。源码见1032.html,对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.</div> </li> <li><a href="/article/1835499052125483008.htm" title="Git常用命令-修改远程仓库地址" target="_blank">Git常用命令-修改远程仓库地址</a> <span class="text-muted">猿大师</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/git/1.htm">git</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>查看远程仓库地址gitremote-v返回结果originhttps://git.coding.net/*****.git(fetch)originhttps://git.coding.net/*****.git(push)修改远程仓库地址gitremoteset-urloriginhttps://git.coding.net/*****.git先删除后增加远程仓库地址gitremotermori</div> </li> <li><a href="/article/1835498925755297792.htm" title="DIV+CSS+JavaScript技术制作网页(旅游主题网页设计与制作)云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页(旅游主题网页设计与制作)云南大理</a> <span class="text-muted">STU学生网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a> <div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业:【HTML5网页期末作业(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div> </li> <li><a href="/article/1835497283932745728.htm" title="利用LangChain的StackExchange组件实现智能问答系统" target="_blank">利用LangChain的StackExchange组件实现智能问答系统</a> <span class="text-muted">nseejrukjhad</span> <a class="tag" taget="_blank" href="/search/langchain/1.htm">langchain</a><a class="tag" taget="_blank" href="/search/microsoft/1.htm">microsoft</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/python/1.htm">python</a> <div>利用LangChain的StackExchange组件实现智能问答系统引言在当今的软件开发世界中,StackOverflow已经成为程序员解决问题的首选平台之一。而LangChain作为一个强大的AI应用开发框架,提供了StackExchange组件,使我们能够轻松地将StackOverflow的海量知识库集成到我们的应用中。本文将详细介绍如何使用LangChain的StackExchange组件</div> </li> <li><a href="/article/1835497074049773568.htm" title="数组去重" target="_blank">数组去重</a> <span class="text-muted">好奇的猫猫猫</span> <div>整理自js中基础数据结构数组去重问题思考?如何去除数组中重复的项例如数组:[1,3,4,3,5]我们在做去重的时候,一开始想到的肯定是,逐个比较,外面一层循环,内层后一个与前一个一比较,如果是久不将当前这一项放进新的数组,挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低,代码量还多,思考?有没有更好的方法这时候不禁一想当然有了!!!hashtable啊,通过对象的hash办法</div> </li> <li><a href="/article/1835496149843275776.htm" title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a> <div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业,Web大学生网页HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div> </li> <li><a href="/article/1835496148601761792.htm" title="HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动</a> <span class="text-muted">二挡起步</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript:做与用户的交互行为文章目录前端学习路线</div> </li> <li><a href="/article/1835493267907637248.htm" title="webpack图片等资源的处理" target="_blank">webpack图片等资源的处理</a> <span class="text-muted">dmengmeng</span> <div>需要的loaderfile-loader(让我们可以引入这些资源文件)url-loader(其实是file-loader的二次封装)img-loader(处理图片所需要的)在没有使用任何处理图片的loader之前,比如说css中用到了背景图片,那么最后打包会报错的,因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以,打开网页能准确看到图片。{test:/\.(p</div> </li> <li><a href="/article/1835492740536823808.htm" title="node.js学习" target="_blank">node.js学习</a> <span class="text-muted">小猿L</span> <a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a> <div>node.js学习实操及笔记温故node.js,node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础,三大框架vuereactangular离不开node.jsnode.js是什么官网:node.js是一个开源的、跨平台的运行JavaScript的运行</div> </li> <li><a href="/article/1835490839837634560.htm" title="自我意识" target="_blank">自我意识</a> <span class="text-muted">徐立华</span> <div>----读帕克.帕尔默《教学勇气》(P18----19)5.铸造我们的学科帕克.帕尔默说学科知识对我们的自身认同和外部世界有启发意义。学科会铸造我们。“在我们与学科的命题概念和学科的生活框架相遇之前,自我意识知识处于潜伏状态,通过回想学科是怎样唤醒自我意识,我们就可以找回教学心灵。”《教学勇气》(P18)我们的自我意识像冰山表面下无限延伸的冰层,常常处于潜伏状态。但是在我们对所教授的学科进行深入思</div> </li> <li><a href="/article/1835489460372992000.htm" title="【PG】常见数据库、表属性设置" target="_blank">【PG】常见数据库、表属性设置</a> <span class="text-muted">江无羡</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>PG的常见属性配置方法数据库复制、备份相关表的复制标识单表操作批量表操作链接数据库复制、备份相关表的复制标识单表操作通过ALTER语句单独更改一张表的复制标识。ALTERTABLE[tablename]REPLICAIDENTITYFULL;批量表操作通过代码块的方式,对某个schema中的所有表一起更新其复制标识。SELECTtablename,CASErelreplidentWHEN'd'TH</div> </li> <li><a href="/article/1835489207716507648.htm" title="基于CODESYS的多轴运动控制程序框架:逻辑与运动控制分离,快速开发灵活操作" target="_blank">基于CODESYS的多轴运动控制程序框架:逻辑与运动控制分离,快速开发灵活操作</a> <span class="text-muted">GPJnCrbBdl</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>基于codesys开发的多轴运动控制程序框架,将逻辑与运动控制分离,将单轴控制封装成功能块,对该功能块的操作包含了所有的单轴控制(归零、点动、相对定位、绝对定位、设置当前位置、伺服模式切换等等)。程序框架由主程序按照状态调用分归零模式、手动模式、自动模式、故障模式,程序状态的跳转都已完成,只需要根据不同的工艺要求完成所需的动作即可。变量的声明、地址的规划都严格按照C++的标准定义,能帮助开发者快速</div> </li> <li><a href="/article/1835479758033481728.htm" title="SpringBlade dict-biz/list 接口 SQL 注入漏洞" target="_blank">SpringBlade dict-biz/list 接口 SQL 注入漏洞</a> <span class="text-muted">文章永久免费只为良心</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> <div>SpringBladedict-biz/list接口SQL注入漏洞POC:构造请求包查看返回包你的网址/api/blade-system/dict-biz/list?updatexml(1,concat(0x7e,md5(1),0x7e),1)=1漏洞概述在SpringBlade框架中,如果dict-biz/list接口的后台处理逻辑没有正确地对用户输入进行过滤或参数化查询(PreparedSta</div> </li> <li><a href="/article/1835477614848995328.htm" title="insert into select 主键自增_mybatis拦截器实现主键自动生成" target="_blank">insert into select 主键自增_mybatis拦截器实现主键自动生成</a> <span class="text-muted">weixin_39521651</span> <a class="tag" taget="_blank" href="/search/insert/1.htm">insert</a><a class="tag" taget="_blank" href="/search/into/1.htm">into</a><a class="tag" taget="_blank" href="/search/select/1.htm">select</a><a class="tag" taget="_blank" href="/search/%E4%B8%BB%E9%94%AE%E8%87%AA%E5%A2%9E/1.htm">主键自增</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/delete%E8%BF%94%E5%9B%9E%E5%80%BC/1.htm">delete返回值</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/insert%E8%BF%94%E5%9B%9E%E4%B8%BB%E9%94%AE/1.htm">insert返回主键</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/insert%E8%BF%94%E5%9B%9E%E5%AF%B9%E8%B1%A1/1.htm">insert返回对象</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/plus/1.htm">plus</a><a class="tag" taget="_blank" href="/search/insert%E8%BF%94%E5%9B%9E%E4%B8%BB%E9%94%AE/1.htm">insert返回主键</a><a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/plus/1.htm">plus</a><a class="tag" taget="_blank" href="/search/%E6%8F%92%E5%85%A5%E7%94%9F%E6%88%90id/1.htm">插入生成id</a> <div>前言前阵子和朋友聊天,他说他们项目有个需求,要实现主键自动生成,不想每次新增的时候,都手动设置主键。于是我就问他,那你们数据库表设置主键自动递增不就得了。他的回答是他们项目目前的id都是采用雪花算法来生成,因此为了项目稳定性,不会切换id的生成方式。朋友问我有没有什么实现思路,他们公司的orm框架是mybatis,我就建议他说,不然让你老大把mybatis切换成mybatis-plus。mybat</div> </li> <li><a href="/article/1835466921470947328.htm" title="Some jenkins settings" target="_blank">Some jenkins settings</a> <span class="text-muted">SnC_</span> <div>Jenkins连接到特定gitlabproject的特定branch我采用的方法是在pipeline的script中使用git命令来指定branch。如下:stage('Clonerepository'){steps{gitbranch:'develop',credentialsId:'gitlab-credential-id',url:'http://gitlab.com/repo.git'}}</div> </li> <li><a href="/article/1835457442260021248.htm" title="ArrayList 源码解析" target="_blank">ArrayList 源码解析</a> <span class="text-muted">程序猿进阶</span> <a class="tag" taget="_blank" href="/search/Java%E5%9F%BA%E7%A1%80/1.htm">Java基础</a><a class="tag" taget="_blank" href="/search/ArrayList/1.htm">ArrayList</a><a class="tag" taget="_blank" href="/search/List/1.htm">List</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</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/idea/1.htm">idea</a> <div>ArrayList是Java集合框架中的一个动态数组实现,提供了可变大小的数组功能。它继承自AbstractList并实现了List接口,是顺序容器,即元素存放的数据与放进去的顺序相同,允许放入null元素,底层通过数组实现。除该类未实现同步外,其余跟Vector大致相同。每个ArrayList都有一个容量capacity,表示底层数组的实际大小,容器内存储元素的个数不能多于当前容量。当向容器中添</div> </li> <li><a href="/article/1835454921990828032.htm" title="Java爬虫框架(一)--架构设计" target="_blank">Java爬虫框架(一)--架构设计</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/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BB%BB%E5%8A%A1/1.htm">任务</a><a class="tag" taget="_blank" href="/search/html%E8%A7%A3%E6%9E%90%E5%99%A8/1.htm">html解析器</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8/1.htm">存储</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%AD%90%E5%95%86%E5%8A%A1/1.htm">电子商务</a> <div>一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取,分析,存储,索引。爬虫:爬虫负责爬取,解析,处理电子商务网站的网页的内容数据库:存储商品信息索引:商品的全文搜索索引Task队列:需要爬取的网页列表Visited表:已经爬取过的网页列表爬虫监控平台:web平台可以启动,停止爬虫,管理爬虫,task队列,visited表。二、爬虫1.流程1)Scheduler启动爬虫器,TaskMast</div> </li> <li><a href="/article/1835454543471669248.htm" title="Java:爬虫框架" target="_blank">Java:爬虫框架</a> <span class="text-muted">dingcho</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分</div> </li> <li><a href="/article/1835453535777550336.htm" title="vue3中el-table中点击图片放大时,被表格覆盖" target="_blank">vue3中el-table中点击图片放大时,被表格覆盖</a> <span class="text-muted">叫我小鹏呀</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.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> <div>问题:vue3中el-table中点击图片放大时,被表格覆盖。解决方法:el-image添加preview-teleported</div> </li> <li><a href="/article/1835452528599330816.htm" title="vue项目element-ui的table表格单元格合并" target="_blank">vue项目element-ui的table表格单元格合并</a> <span class="text-muted">酋长哈哈</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</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> <div>一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'</div> </li> <li><a href="/article/1835450384655675392.htm" title="Vue中table合并单元格用法" target="_blank">Vue中table合并单元格用法</a> <span class="text-muted">weixin_30613343</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>地名结果人名性别{{item.name}}已完成未完成{{item.groups[0].name}}{{item.groups[0].sex}}{{item.groups[son].name}}{{item.groups[son].sex}}exportdefault{data(){return{list:[{name:'地名1',result:'1',groups:[{name:'张三',sex</div> </li> <li><a href="/article/1835443569968640000.htm" title="Spring MVC 全面指南:从入门到精通的详细解析" target="_blank">Spring MVC 全面指南:从入门到精通的详细解析</a> <span class="text-muted">一杯梅子酱</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E6%A0%88%E5%AD%A6%E4%B9%A0/1.htm">技术栈学习</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>引言:SpringMVC,作为Spring框架的一个重要模块,为构建Web应用提供了强大的功能和灵活性。无论是初学者还是有一定经验的开发者,掌握SpringMVC都将显著提升你的Web开发技能。本文旨在为初学者提供一个全面且易于理解的学习路径,通过详细的知识点分析和实际案例,帮助你快速上手SpringMVC,让学习过程既深刻又高效。一、SpringMVC简介1.1什么是SpringMVC?Spri</div> </li> <li><a href="/article/1835440421300432896.htm" title="2023最详细的Python安装教程(Windows版本)" target="_blank">2023最详细的Python安装教程(Windows版本)</a> <span class="text-muted">程序员林哥</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>python安装是学习pyhon第一步,很多刚入门小白不清楚如何安装python,今天我来带大家完成python安装与配置,跟着我一步步来,很简单,你肯定能完成。第一部分:python安装(一)准备工作1、下载和安装python(认准官方网站)当然你不想去下载的话也可以分享给你,还有入门学习教程,点击下方卡片跳转进群领取(二)开始安装对于Windows操作系统,可以下载“executableins</div> </li> <li><a href="/article/1835440294980579328.htm" title="C++八股" target="_blank">C++八股</a> <span class="text-muted">Petrichorzncu</span> <a class="tag" taget="_blank" href="/search/%E5%85%AB%E8%82%A1%E6%80%BB%E7%BB%93/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>这里写目录标题C++内存管理C++的构造函数,复制构造函数,和析构函数深复制与浅复制:构造函数和析构函数哪个能写成虚函数,为什么?C++数据结构内存排列结构体和类占用的内存:==虚函数和虚表的原理==虚函数虚表(Vtable)虚函数和虚表的实现细节==内存泄漏==指针的工作原理函数的传值和传址new和delete与malloc和freeC++内存区域划分C++11新特性C++常见新特性==智能指针</div> </li> <li><a href="/article/1835438028009598976.htm" title="WebMagic:强大的Java爬虫框架解析与实战" target="_blank">WebMagic:强大的Java爬虫框架解析与实战</a> <span class="text-muted">Aaron_945</span> <a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/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>文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代,网络爬虫作为数据收集的重要工具,扮演着不可或缺的角色。Java作为一门广泛使用的编程语言,在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架,它提供了简单灵活的API,支持多线程、分布式抓取,以及丰富的</div> </li> <li><a href="/article/26.htm" title="设计模式介绍" target="_blank">设计模式介绍</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>设计模式来源于土木工程师 克里斯托弗 亚历山大(http://en.wikipedia.org/wiki/Christopher_Alexander)的早期作品。他经常发表一些作品,内容是总结他在解决设计问题方面的经验,以及这些知识与城市和建筑模式之间有何关联。有一天,亚历山大突然发现,重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作</div> </li> <li><a href="/article/153.htm" title="android高级组件使用(一)" target="_blank">android高级组件使用(一)</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/RatingBar/1.htm">RatingBar</a><a class="tag" taget="_blank" href="/search/Spinner/1.htm">Spinner</a> <div>1、自动完成文本框(AutoCompleteTextView) AutoCompleteTextView从EditText派生出来,实际上也是一个文本编辑框,但它比普通编辑框多一个功能:当用户输入一个字符后,自动完成文本框会显示一个下拉菜单,供用户从中选择,当用户选择某个菜单项之后,AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex</div> </li> <li><a href="/article/280.htm" title="[网络与通讯]路由器市场大有潜力可挖掘" target="_blank">[网络与通讯]路由器市场大有潜力可挖掘</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题..... &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入 &nbsp;&nbs</div> </li> <li><a href="/article/407.htm" title="自写简单Redis内存统计shell" target="_blank">自写简单Redis内存统计shell</a> <span class="text-muted">商人shang</span> <a class="tag" taget="_blank" href="/search/Linux+shell/1.htm">Linux shell</a><a class="tag" taget="_blank" href="/search/%E7%BB%9F%E8%AE%A1Redis%E5%86%85%E5%AD%98/1.htm">统计Redis内存</a> <div>#!/bin/bash address=&quot;192.168.150.128:6666,192.168.150.128:6666&quot; hosts=(${address//,/ }) sfile=&quot;staticts.log&quot; for hostitem in ${hosts[@]} do ipport=(${hostitem</div> </li> <li><a href="/article/534.htm" title="单例模式(饿汉 vs懒汉)" target="_blank">单例模式(饿汉 vs懒汉)</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a> <div>package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化,外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva</div> </li> <li><a href="/article/661.htm" title="springMvc json支持" target="_blank">springMvc json支持</a> <span class="text-muted">杨白白</span> <a class="tag" taget="_blank" href="/search/json+springmvc/1.htm">json springmvc</a> <div>1.Spring mvc处理json需要使用jackson的类库,因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping(&quot;helloJson&quot;) public @ResponseBody JsonTest helloJson() { </div> </li> <li><a href="/article/788.htm" title="android播放,掃描添加本地音頻文件" target="_blank">android播放,掃描添加本地音頻文件</a> <span class="text-muted">小桔子</span> <div>&nbsp; &nbsp; &nbsp; &nbsp; 最近幾乎沒有什麽事情,繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能,就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道,可已通過本地掃描添加歌曲。不知道他們是怎麼實現的,我覺得應該掃描設備上的所有文件,過濾出音頻文件,每個文件實例化為一個實體,記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想,</div> </li> <li><a href="/article/915.htm" title="oracle常用命令" target="_blank">oracle常用命令</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/dba/1.htm">dba</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/1.htm">常用命令</a> <div>1 创建临时表空间 create temporary tablespace user_temp&nbsp; tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m&nbsp; autoextend on&nbsp; next 50m maxsize 20480m&nbsp; extent management local</div> </li> <li><a href="/article/1042.htm" title="25个Eclipse插件" target="_blank">25个Eclipse插件</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/eclipse%E6%8F%92%E4%BB%B6/1.htm">eclipse插件</a> <div>提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug,它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去,能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具,它提供了</div> </li> <li><a href="/article/1169.htm" title="Spring MVC拦截器+注解方式实现防止表单重复提交" target="_blank">Spring MVC拦截器+注解方式实现防止表单重复提交</a> <span class="text-muted">baalwolf</span> <a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a> <div>原理:在新建页面中Session保存token随机码,当保存时验证,通过后删除,当再次点击保存时由于服务器端的Session中已经不存在了,所有无法验证通过。 &nbsp; 1.新建注解: &nbsp; ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 </div> </li> <li><a href="/article/1296.htm" title="《Javascript高级程序设计(第3版)》闭包理解" target="_blank">《Javascript高级程序设计(第3版)》闭包理解</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div>“闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》 &nbsp; &nbsp; &nbsp; &nbsp; 看以下代码: &lt;script type=&quot;text/javascript&quot;&gt; function outer() { var i = 10; return f</div> </li> <li><a href="/article/1423.htm" title="AngularJS Module类的方法" target="_blank">AngularJS Module类的方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/Module/1.htm">Module</a> <div>&nbsp; &nbsp; &nbsp; &nbsp; AngularJS中的Module类负责定义应用如何启动,它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里 &nbsp; &nbsp; &nbsp; &nbsp; 如果你是从Java或者Python编程语言转过来的,那么你可能很想知道AngularJS里面的main方法在哪里?这个把所</div> </li> <li><a href="/article/1550.htm" title="[Maven学习笔记七]Maven插件和目标" target="_blank">[Maven学习笔记七]Maven插件和目标</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/maven%E6%8F%92%E4%BB%B6/1.htm">maven插件</a> <div>插件(plugin)和目标(goal) Maven,就其本质而言,是一个插件执行框架,Maven的每个目标的执行逻辑都是由插件来完成的,一个插件可以有1个或者几个目标,比如maven-compiler-plugin插件包含compile和testCompile,即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标 &nbsp; 使用插件和目标使得我们可以干预</div> </li> <li><a href="/article/1677.htm" title="【Hadoop八】Yarn的资源调度策略" target="_blank">【Hadoop八】Yarn的资源调度策略</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a> <div>1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略, FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法,在Hadoop MR1中就引入了,在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度 &nbsp; 2. 多用户资源共享的调度 </div> </li> <li><a href="/article/1804.htm" title="Nginx使用Linux内存加速静态文件访问" target="_blank">Nginx使用Linux内存加速静态文件访问</a> <span class="text-muted">ronin47</span> <div>Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快,可以把放在磁盘中的文件,映射到内存中,减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res,站点所对应文件原始存储路径:/opt/web/res shell脚本非常简单,思路就是拷贝资源文件到内存中,然后在把网站的静态文件链接指向到内存中即可。具体如下: </div> </li> <li><a href="/article/1931.htm" title="关于Unity3D中的Shader的知识" target="_blank">关于Unity3D中的Shader的知识</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/unity/1.htm">unity</a><a class="tag" taget="_blank" href="/search/unity%E8%B5%84%E6%96%99/1.htm">unity资料</a><a class="tag" taget="_blank" href="/search/unity%E6%95%99%E7%A8%8B/1.htm">unity教程</a><a class="tag" taget="_blank" href="/search/unity%E8%A7%86%E9%A2%91/1.htm">unity视频</a><a class="tag" taget="_blank" href="/search/unity%E8%87%AA%E5%AD%A6/1.htm">unity自学</a> <div>首先先解释下Unity3D的Shader,Unity里面的Shaders是使用一种叫ShaderLab的语言编写的,它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader,都是指用ShaderLab编写的代码,然后我们来看下Unity3D自带的60多个S</div> </li> <li><a href="/article/2058.htm" title="CopyOnWriteArrayList vs ArrayList" target="_blank">CopyOnWriteArrayList vs ArrayList</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述: * 1.ArrayListi不是线程安全的,CopyO</div> </li> <li><a href="/article/2185.htm" title="内存中栈和堆的区别" target="_blank">内存中栈和堆的区别</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AD%98/1.htm">内存</a> <div> 1、内存分配方面: &nbsp; &nbsp; 堆:一般由程序员分配释放, 若程序员不释放,程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事,分配方式是类似于链表。可能用到的关键字如下:new、malloc、delete、free等等。 &nbsp; &nbsp; 栈:由编译器(Compiler)自动分配释放,存放函数的参数值,局部变量的值等。其操作方式类似于数据结构中</div> </li> <li><a href="/article/2312.htm" title="回答一位网友对Scala的提问" target="_blank">回答一位网友对Scala的提问</a> <span class="text-muted">chenchao051</span> <a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a><a class="tag" taget="_blank" href="/search/map/1.htm">map</a> <div>本来准备在私信里直接回复了,但是发现不太方便,就简要回答在这里。 问题 写道 对于scala的简洁十分佩服,但又觉得比较晦涩,例如一例,Map(&quot;a&quot; -&gt; List(11,111)).flatMap(_._2),可否说下最后那个函数做了什么,真正在开发的时候也会如此简洁?谢谢 &nbsp; &nbsp;先回答一点,在实际使用中,Scala毫无疑问就是这么简单。</div> </li> <li><a href="/article/2439.htm" title="mysql 取每组前几条记录" target="_blank">mysql 取每组前几条记录</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%BB%84/1.htm">分组</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%A4%A7%E5%80%BC/1.htm">最大值</a><a class="tag" taget="_blank" href="/search/%E6%9C%80%E5%B0%8F%E5%80%BC/1.htm">最小值</a><a class="tag" taget="_blank" href="/search/%E6%AF%8F%E7%BB%84%E4%B8%89%E6%9D%A1%E8%AE%B0%E5%BD%95/1.htm">每组三条记录</a> <div>一、对分组的记录取前N条记录:例如:取每组的前3条最大的记录 1.用子查询: SELECT * FROM tableName a &nbsp;WHERE 3&gt; (SELECT COUNT(*) FROM&nbsp; tableName&nbsp;b WHERE b.id=a.id AND b.cnt&gt;a. cnt) ORDER BY a.id,a.account DE</div> </li> <li><a href="/article/2566.htm" title="HTTP深入浅出 http请求" target="_blank">HTTP深入浅出 http请求</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/http/1.htm">http</a> <div>&nbsp; HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP,使HTTP客户(如Web浏览器)能够从HTTP服务器(Web服务器)请求信息和服务,HTTP目前协议的版本是1.1.HTTP是一种无状态的协议,无状态是指Web浏览器和Web服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后We</div> </li> <li><a href="/article/2693.htm" title="判断MySQL记录是否存在方法比较" target="_blank">判断MySQL记录是否存在方法比较</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>把数据写入到数据库的时,常常会碰到先要检测要插入的记录是否存在,然后决定是否要写入。   我这里总结了判断记录是否存在的常用方法:   sql语句: select &nbsp; count ( * )&nbsp; from &nbsp;tablename;   然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费,我们只是想判断记录记录是否存在,没有必要全部都查出来。</div> </li> <li><a href="/article/2820.htm" title="对HTML XML的一点认识" target="_blank">对HTML XML的一点认识</a> <span class="text-muted">e200702084</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM,HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的: 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次 </div> </li> <li><a href="/article/2947.htm" title="jquery分页插件" target="_blank">jquery分页插件</a> <span class="text-muted">genaiwei</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5/1.htm">分页</a><a class="tag" taget="_blank" href="/search/%E6%8F%92%E4%BB%B6/1.htm">插件</a> <div>//jquery页码控件// 创建一个闭包&nbsp;&nbsp;&nbsp; (function($) {&nbsp;&nbsp;&nbsp; &nbsp; // 插件的定义&nbsp;&nbsp;&nbsp; &nbsp; $.fn.pageTool = function(options) {&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var totalPa</div> </li> <li><a href="/article/3201.htm" title="Mybatis与Ibatis对照入门于学习" target="_blank">Mybatis与Ibatis对照入门于学习</a> <span class="text-muted">Josh_Persistence</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%88%AB/1.htm">区别</a><a class="tag" taget="_blank" href="/search/%E8%81%94%E7%B3%BB/1.htm">联系</a> <div>一、为什么使用IBatis/Mybatis &nbsp; &nbsp; &nbsp; &nbsp; 对于从事 Java EE 的开发人员来说,iBatis 是一个再熟悉不过的持久层框架了,在 Hibernate、JPA 这样的一站式对象 / 关系映射(O/R Mapping)解决方案盛行之前,iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天,iBatis 凭借着易学易用、</div> </li> <li><a href="/article/3328.htm" title="C中怎样合理决定使用那种整数类型?" target="_blank">C中怎样合理决定使用那种整数类型?</a> <span class="text-muted">秋风扫落叶</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B/1.htm">数据类型</a> <div>如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。 &nbsp; &nbsp;&nbs</div> </li> <li><a href="/article/3455.htm" title="maven问题" target="_blank">maven问题</a> <span class="text-muted">zhb8015</span> <a class="tag" taget="_blank" href="/search/maven%E9%97%AE%E9%A2%98/1.htm">maven问题</a> <div>&nbsp; 问题1: Eclipse 中 新建maven项目 无法添加src/main/java 问题 &nbsp; &nbsp;eclipse创建maevn web项目,在选择maven_archetype_web原型后,默认只有src/main/resources这个Source Floder。 &nbsp;&nbsp;&nbsp; 按照maven目录结构,添加src/main/ja</div> </li> <li><a href="/article/3582.htm" title="(二)androidpn-server tomcat版源码解析之--push消息处理" target="_blank">(二)androidpn-server tomcat版源码解析之--push消息处理</a> <span class="text-muted">spjich</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/androdipn/1.htm">androdipn</a><a class="tag" taget="_blank" href="/search/%E6%8E%A8%E9%80%81/1.htm">推送</a> <div>在&nbsp;(一)androidpn-server tomcat版源码解析之--项目启动这篇中,已经描述了整个推送服务器的启动过程,并且把握到了消息的入口即XmppIoHandler这个类,今天我将继续往下分析下面的核心代码,主要分为3大块,链接创建,消息的发送,链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc</div> </li> <li><a href="/article/3709.htm" title="用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题" target="_blank">用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题</a> <span class="text-muted">中华好儿孙</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6/1.htm">上传文件</a><a class="tag" taget="_blank" href="/search/FormData/1.htm">FormData</a> <div> var formData = new FormData($(&quot;#inputFileForm&quot;)[0]); $.ajax({ type:'post', url:webRoot+&quot;/electronicContractUrl/webapp/uploadfile&quot;, data:formData, async: false, ca</div> </li> <li><a href="/article/3836.htm" title="mybatis常用jdbcType数据类型" target="_blank">mybatis常用jdbcType数据类型</a> <span class="text-muted">ysj5125094</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a><a class="tag" taget="_blank" href="/search/mapper/1.htm">mapper</a><a class="tag" taget="_blank" href="/search/jdbcType/1.htm">jdbcType</a> <div>&nbsp; MyBatis&nbsp;通过包含的jdbcType 类型 BIT&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FLOAT&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;CHAR&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp</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. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </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>