首页编程正文内容

html标签属性大全(完美版)

编程

更新时间：2026-04-03 14:52:15 98

admin 管理员组

文章数量: 1184232

2023年12月18日发(作者：switch语句中case后面的值必须是什么)

/miniaoke/shenjieshi/

html标签属性大全（完美版）

html标签属性大全是朋友们整理常用的html标签，和大家更好的交流沟通。学习html标签属性大全

html标签<

...普通卷动

...滑动

...预设卷动

...来回卷动

...向下卷动

...向上卷动

向右卷动

向左卷动

...卷动次数

...设定宽度

...设定高度

...设定背景颜色

...设定滚动速度

...设定卷动时间

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

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

字体效果

...

标题字(最大)

...

标题字(最小)

...粗体字

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

...斜体字

...斜体字(强调)

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

...底线

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

~~...~~横线

~~...~~删除线

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

...键盘文字

... 打字体

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

...</plaintext>固定宽度字体(不执行标记符号) </p><p style="text-indent: 2em;";><listing>...</listing> 固定宽度小字体 </p><p style="text-indent: 2em;";><font color=00ff00>...</font>字体颜色 </p><p style="text-indent: 2em;";><font size=1>...</font>最小字体 </p><p style="text-indent: 2em;";><font style =’font-size:100 px’>...</font>无限增大 </p><p style="text-indent: 2em;";>区断标记 </p><p style="text-indent: 2em;";><hr>水平线 </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";><hr size=’9’>水平线(设定大小) </p><p style="text-indent: 2em;";><hr width=’80%’>水平线(设定宽度) </p><p style="text-indent: 2em;";><hr color=’ff0000’>水平线(设定颜色) </p><p style="text-indent: 2em;";></p><p style="text-indent: 2em;";>(换行) </p><p style="text-indent: 2em;";><nobr>...</nobr>水域(不换行) </p><p style="text-indent: 2em;";><p>...</p>水域(段落) </p><p style="text-indent: 2em;";><center>...</center>置中 </p><p style="text-indent: 2em;";><!>连结格式 </p><p style="text-indent: 2em;";><base href=位址>(预设好连结路径) </p><p style="text-indent: 2em;";><a href=位址></a>外部连结 </p><p style="text-indent: 2em;";><a href=位址 target=’_blank’></a>外部连结(另开新视窗) </p><p style="text-indent: 2em;";><a href=位址 target=’_top’></a>外部连结(全视窗连结) </p><p style="text-indent: 2em;";><a href=位址 target=’页框名’></a>外部连结(在指定页框连结) </p><p style="text-indent: 2em;";><!>贴图/音乐 </p><p style="text-indent: 2em;";>贴图 </p><p style="text-indent: 2em;";>设定图片宽度 </p><p style="text-indent: 2em;";>设定图片高度 </p><p style="text-indent: 2em;";>设定图片提示文字 </p><p style="text-indent: 2em;";>设定图片边框 </p><p style="text-indent: 2em;";><bgsound src=MID音乐档位址>背景音乐设定 </p><p style="text-indent: 2em;";><!>表格语法 </p><p style="text-indent: 2em;";><table aling=left>...</table>表格位置,置左 </p><p style="text-indent: 2em;";><table aling=center>...</table>表格位置,置中 </p><p style="text-indent: 2em;";><table background=图片路径>...</table>背景图片的URL=就是路径网址 </p><p style="text-indent: 2em;";><table border=边框大小>...</table>设定表格边框大小(使用数字) </p><p style="text-indent: 2em;";><table bgcolor=颜色码>...</table>设定表格的背景颜色 </p><p style="text-indent: 2em;";><table borderclor=颜色码>...</table>设定表格边框的颜色 </p><p style="text-indent: 2em;";><table borderclordark=颜色码>...</table>设定表格暗边框的颜色 </p><p style="text-indent: 2em;";><table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 </p><p style="text-indent: 2em;";><table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字) </p><p style="text-indent: 2em;";><table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字) </p><p style="text-indent: 2em;";><table cols=参数>...</table>指定表格的栏数 </p><p style="text-indent: 2em;";><table frame=参数>...</table>设定表格外框线的显示方式 </p><p style="text-indent: 2em;";><table width=宽度>...</table>指定表格的宽度大小(使用数字) </p><p style="text-indent: 2em;";><table height=高度>...</table>指定表格的高度大小(使用数字) </p><p style="text-indent: 2em;";><td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) </p><p style="text-indent: 2em;";><td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) </p><p style="text-indent: 2em;";>分割视窗 </p><p style="text-indent: 2em;";><frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 </p><p style="text-indent: 2em;";><frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 </p><p style="text-indent: 2em;";><frameset cols="20%,*">分割左右两个框架 </p><p style="text-indent: 2em;";><frameset cols="20%,*,20%">分割左中右三个框架 </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";><分割上下两个框架 </p><p style="text-indent: 2em;";><frameset rows="20%,*,20%">分割上中下三个框架 </p><p style="text-indent: 2em;";>属性： </p><p style="text-indent: 2em;";>cols 垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。 </p><p style="text-indent: 2em;";>rows 就是横向切割，将窗口上下分开，数值设置同上。 </p><p style="text-indent: 2em;";>以上两属性尽量不要在同一个<frameset>标记中，因为王井（netscape）不支持，尽量采用多重分割。 </p><p style="text-indent: 2em;";>frameborder 设置框架的边框，其值有0不要边框，1要边框。 </p><p style="text-indent: 2em;";>border 设置框架边框厚度 </p><p style="text-indent: 2em;";>framespacing 表示框架与框架间保留空白的距离 </p><p style="text-indent: 2em;";>frame 元素（单标签） </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><frame name="" src="url" scrolling="yes/no" noresize> </p><p style="text-indent: 2em;";>属性： </p><p style="text-indent: 2em;";>name 框架名称，指定框架来做连接的目标窗口。 </p><p style="text-indent: 2em;";>src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。 </p><p style="text-indent: 2em;";>scrolling 是否显示滚动条，yes/no,auto是自动。 </p><p style="text-indent: 2em;";>noresize 设置不让使用者改变这个框架的大小， </p><p style="text-indent: 2em;";>noframe元素 </p><p style="text-indent: 2em;";>指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><noframe> </p><p style="text-indent: 2em;";>...... </p><p style="text-indent: 2em;";></noframe> </p><p style="text-indent: 2em;";>表单<form></form> </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><form action="url" method="get/post"> </p><p style="text-indent: 2em;";>.... </p><p style="text-indent: 2em;";><input type=submit><input type=reset> </p><p style="text-indent: 2em;";></form> </p><p style="text-indent: 2em;";>method有两种提交方式get,post </p><p style="text-indent: 2em;";>action 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:***************"这样此表单所填的资料将会发送到这个邮箱地址。 </p><p style="text-indent: 2em;";>method 是指传送信息给cgi等网络程序的方式。可选post方法， get方法，post方法容许传送大量信息。get方法只接受低于1k的信息。 </p><p style="text-indent: 2em;";>申请表单用的是post搜索引擎用的是get </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><! - - ... - -> 注解 </p><p style="text-indent: 2em;";><A HREF TARGET> 指定超连结的分割视窗 </p><p style="text-indent: 2em;";><A HREF=#锚的名称> 指定锚名称的超连结 </p><p style="text-indent: 2em;";><A HREF> 指定超连结 </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";><A NAME=锚的名称> 被连结点的名称 </p><p style="text-indent: 2em;";><ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 </p><p style="text-indent: 2em;";><B> 粗体字 </p><p style="text-indent: 2em;";><BASE TARGET> 指定超连结的分割视窗 </p><p style="text-indent: 2em;";><BASEFONT SIZE> 更改预设字形大小 </p><p style="text-indent: 2em;";><BGSOUND SRC> 加入背景音乐 </p><p style="text-indent: 2em;";><BIG> 显示大字体 </p><p style="text-indent: 2em;";><BLINK> 闪烁的文字 </p><p style="text-indent: 2em;";><BODY TEXT LINK VLINK> 设定文字颜色 </p><p style="text-indent: 2em;";><BODY> 显示本文 </p><p style="text-indent: 2em;";><BR> 换行 </p><p style="text-indent: 2em;";><CAPTION ALIGN> 设定表格标题位置 </p><p style="text-indent: 2em;";><CAPTION>...</CAPTION> 为表格加上标题 </p><p style="text-indent: 2em;";><CENTER> 向中对齐 </p><p style="text-indent: 2em;";><CITE>...<CITE> 用於引经据典的文字 </p><p style="text-indent: 2em;";><CODE>...</CODE> 用於列出一段程式码 </p><p style="text-indent: 2em;";><COMMENT>...</COMMENT> 加上注解 </p><p style="text-indent: 2em;";><DD> 设定定义列表的项目解说 </p><p style="text-indent: 2em;";><DFN>...</DFN> 显示"定义"文字 </p><p style="text-indent: 2em;";><DIR>...</DIR> 列表文字标签 </p><p style="text-indent: 2em;";><DL>...</DL> 设定定义列表的标签 </p><p style="text-indent: 2em;";><DT> 设定定义列表的项目 </p><p style="text-indent: 2em;";><EM> 强调之用 </p><p style="text-indent: 2em;";><FONT FACE> 任意指定所用的字形 </p><p style="text-indent: 2em;";><FONT SIZE> 设定字体大小 </p><p style="text-indent: 2em;";><FORM ACTION> 设定户动式表单的处理方式 </p><p style="text-indent: 2em;";><FORM METHOD> 设定户动式表单之资料传送方式 </p><p style="text-indent: 2em;";><FRame MARGINHEIGHT> 设定视窗的上下边界 </p><p style="text-indent: 2em;";><FRame MARGINWIDTH> 设定视窗的左右边界 </p><p style="text-indent: 2em;";><FRame NAME> 为分割视窗命名 </p><p style="text-indent: 2em;";><FRame NORESIZE> 锁住分割视窗的大小 </p><p style="text-indent: 2em;";><FRame SCROLLING> 设定分割视窗的卷轴 </p><p style="text-indent: 2em;";><FRame SRC> 将HTML档加入视窗 </p><p style="text-indent: 2em;";><FRameSET COLS> 将视窗分割成左右的子视窗 </p><p style="text-indent: 2em;";><FRameSET ROWS> 将视窗分割成上下的子视窗 </p><p style="text-indent: 2em;";><FRameSET>...</FRameSET> 划分分割视窗 </p><p style="text-indent: 2em;";><H1>~<H6> 设定文字大小 </p><p style="text-indent: 2em;";><HEAD> 标示文件资讯 </p><p style="text-indent: 2em;";><HR> 加上分格线 </p><p style="text-indent: 2em;";><HTML> 文件的开始与结束 </p><p style="text-indent: 2em;";><I> 斜体字 </p><p style="text-indent: 2em;";> 调整图形影像的位置 </p><p style="text-indent: 2em;";> 为你的图形影像加注 </p><p style="text-indent: 2em;";> 加入影片 </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";> 插入图片并预设图形大小 </p><p style="text-indent: 2em;";> 插入图片并预设图形的左右边界 </p><p style="text-indent: 2em;";> 预载图片功能 </p><p style="text-indent: 2em;";> 设定图片边界 </p><p style="text-indent: 2em;";> 插入图片 </p><p style="text-indent: 2em;";> 插入图片并预设图形的上下边界 </p><p style="text-indent: 2em;";><INPUT TYPE NAME value> 在表单中加入输入栏位 </p><p style="text-indent: 2em;";><ISINDEX> 定义查询用表单 </p><p style="text-indent: 2em;";><KBD>...</KBD> 表示使用者输入文字 </p><p style="text-indent: 2em;";><LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) </p><p style="text-indent: 2em;";><MARQUEE> 跑马灯效果 </p><p style="text-indent: 2em;";><MENU>...</MENU> 条列文字标签 </p><p style="text-indent: 2em;";><meta NAME="REFRESH" CONTENT URL> 自动更新文件内容 </p><p style="text-indent: 2em;";><MULTIPLE> 可同时选择多项的列表栏 </p><p style="text-indent: 2em;";><NOFRame> 定义不出现分割视窗的文字 </p><p style="text-indent: 2em;";><OL>...</OL> 有序号的列表 </p><p style="text-indent: 2em;";><OPTION> 定义表单中列表栏的项目 </p><p style="text-indent: 2em;";><P ALIGN> 设定对齐方向 </p><p style="text-indent: 2em;";><P> 分段 </p><p style="text-indent: 2em;";><PERSON>...</PERSON> 显示人名 </p><p style="text-indent: 2em;";><PRE> 使用原有排列 </p><p style="text-indent: 2em;";><SAMP>...</SAMP> 用於引用字 </p><p style="text-indent: 2em;";><select >...</select > 在表单中定义列表栏 </p><p style="text-indent: 2em;";><SMALL> 显示小字体 </p><p style="text-indent: 2em;";><STRIKE> 文字加横线 </p><p style="text-indent: 2em;";><STRONG> 用於加强语气 </p><p style="text-indent: 2em;";><SUB> 下标字 </p><p style="text-indent: 2em;";><SUP> 上标字 </p><p style="text-indent: 2em;";><TABLE BORDER=n> 调整表格的宽线高度 </p><p style="text-indent: 2em;";><TABLE CELLPADDING> 调整资料栏位之边界 </p><p style="text-indent: 2em;";><TABLE CELLSPACING> 调整表格线的宽度 </p><p style="text-indent: 2em;";><TABLE HEIGHT> 调整表格的高度 </p><p style="text-indent: 2em;";><TABLE WIDTH> 调整表格的宽度 </p><p style="text-indent: 2em;";><TABLE>...</TABLE> 产生表格的标签 </p><p style="text-indent: 2em;";><TD ALIGN> 调整表格栏位之左右对齐 </p><p style="text-indent: 2em;";><TD BGCOLOR> 设定表格栏位之背景颜色 </p><p style="text-indent: 2em;";><TD COLSPAN ROWSPAN> 表格栏位的合并 </p><p style="text-indent: 2em;";><TD NOWRAP> 设定表格栏位不换行 </p><p style="text-indent: 2em;";><TD VALIGN> 调整表格栏位之上下对齐 </p><p style="text-indent: 2em;";><TD WIDTH> 调整表格栏位宽度 </p><p style="text-indent: 2em;";><TD>...</TD> 定义表格的资料栏位 </p><p style="text-indent: 2em;";><TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏 </p><p style="text-indent: 2em;";><TEXTAREA WRAP> 决定文字输入栏是自动否换行 </p><p style="text-indent: 2em;";><TH>...</TH> 定义表格的标头栏位 </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";><TITLE> 文件标题 </p><p style="text-indent: 2em;";><TR>...</TR> 定义表格美一行 </p><p style="text-indent: 2em;";><TT> 打字机字体 </p><p style="text-indent: 2em;";><U> 文字加底线 </p><p style="text-indent: 2em;";><UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) </p><p style="text-indent: 2em;";><var>...</var> 用於显示变数 </p><p style="text-indent: 2em;";>BlockQuotc文本缩进 </p><p style="text-indent: 2em;";>表示颜色的有三种方式； </p><p style="text-indent: 2em;";>1，16进制颜色代码 </p><p style="text-indent: 2em;";>语法：#RRGGBB </p><p style="text-indent: 2em;";>例：<font color="#ff0000">红色</font> </p><p style="text-indent: 2em;";>2，10进制RGB码 </p><p style="text-indent: 2em;";>语法：RGB（RRR，GGG，BBB） </p><p style="text-indent: 2em;";>例：<font color="rgb(255,000,000)">红色</font> </p><p style="text-indent: 2em;";>3,直接用颜色的英文名称 </p><p style="text-indent: 2em;";>例：<font color="red">红色</font> </p><p style="text-indent: 2em;";><body>.....</body>属性可分为三种： </p><p style="text-indent: 2em;";>1，背景属性 </p><p style="text-indent: 2em;";>包括：bgcolor,background </p><p style="text-indent: 2em;";>2,文字属性： </p><p style="text-indent: 2em;";>包括：text,link,alink,vlink, </p><p style="text-indent: 2em;";>3,留白属性： </p><p style="text-indent: 2em;";>其中分为：leftmargin,topmargin </p><p style="text-indent: 2em;";>.bgcolor背景色 </p><p style="text-indent: 2em;";>语法格式：<body bgcolor="#ff0000"> </p><p style="text-indent: 2em;";>.background背景图案。 </p><p style="text-indent: 2em;";>语法格式：<body background="url"> </p><p style="text-indent: 2em;";>.text文本颜色（非连接文字颜色） </p><p style="text-indent: 2em;";>.link连接文字颜色（可连接文字颜色） </p><p style="text-indent: 2em;";>.alink活动连接文字颜色（正被点击的可连接文字的颜色） </p><p style="text-indent: 2em;";>.vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色） </p><p style="text-indent: 2em;";>语法格式：<body text="color" link="color" alink="color" vlink="color"> </p><p style="text-indent: 2em;";>.leftmargin 页面左侧的留白距离 </p><p style="text-indent: 2em;";>.topmargin 页面顶部的留白距离 </p><p style="text-indent: 2em;";>语法格式：<body leftmargin="value" topmargin="value"> </p><p style="text-indent: 2em;";>注：value为长度值为数字 </p><p style="text-indent: 2em;";>align 属性 </p><p style="text-indent: 2em;";>语法：<h2 align="?">文字</h2> </p><p style="text-indent: 2em;";>其属性有三种：left靠左,center居中,right靠右 </p><p style="text-indent: 2em;";>〈p〉</p>为段落标记，可利用以上属性对整个段落进行设置 </p><p style="text-indent: 2em;";>〈br>为换行标记 </p><p style="text-indent: 2em;";><nobr></nobr>为不换行标记放在文字两边即可 </p><p style="text-indent: 2em;";>例：<body> </p><p style="text-indent: 2em;";><h3>江南逢李龟年</h3> </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";><p>歧王宅里寻常见</p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>催九堂前几度闻</p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>正是江南好风景</p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>落花时节又逢君</p> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";>预格式化： </p><p style="text-indent: 2em;";><pre>......</pre> 浏览是效果和编写是效果格式一样 </p><p style="text-indent: 2em;";>列表 </p><p style="text-indent: 2em;";>1无序列表又称符号列表 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 </p><p style="text-indent: 2em;";><li>文字</li> </p><p style="text-indent: 2em;";><li>文字</li> </p><p style="text-indent: 2em;";></ul> </p><p style="text-indent: 2em;";>2有序列表 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><ol type="?" start"?"> </p><p style="text-indent: 2em;";><li>文字</li> </p><p style="text-indent: 2em;";><li>文字</li> </p><p style="text-indent: 2em;";></ol> </p><p style="text-indent: 2em;";>type的值是编号字符可选的有1...,a...,A...,i... ,I... </p><p style="text-indent: 2em;";>start为起始值例：如果start为3是那么将从3开始，而且必须是数字。 </p><p style="text-indent: 2em;";>3定义列表 </p><p style="text-indent: 2em;";><dl>定义列表标记 </p><p style="text-indent: 2em;";><dt>标示定义条目 </p><p style="text-indent: 2em;";><dd>标示定义内容 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><dl> </p><p style="text-indent: 2em;";><dt>文字</dt> </p><p style="text-indent: 2em;";><dd>文字内容</dd> </p><p style="text-indent: 2em;";></dl> </p><p style="text-indent: 2em;";>连接和图像 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><a href="url" name="?" target="?" title="?">....</a> </p><p style="text-indent: 2em;";>属性：href 连接目标值可以是url地址也可以是连接锚点 </p><p style="text-indent: 2em;";><a href="url">...</a>或者 </p><p style="text-indent: 2em;";><a href="锚点">...</a> </p><p style="text-indent: 2em;";>name 连接名称 </p><p style="text-indent: 2em;";>语法格式：<a name="锚点名称">...</a> </p><p style="text-indent: 2em;";>例：<a name="abcdcf">...</a> </p><p style="text-indent: 2em;";>连接到该锚点的连接则应是： </p><p style="text-indent: 2em;";><a name="#abcdef">....</a> </p><p style="text-indent: 2em;";>target目标窗口语法格式： </p><p style="text-indent: 2em;";><a href="url"target="_blank|_self|_farent|_top|windowname">....</a> </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";>-blank打开新窗口 </p><p style="text-indent: 2em;";>_self当前窗口打开 </p><p style="text-indent: 2em;";>一下两个仅在框架叶面中应用 </p><p style="text-indent: 2em;";>_parent当前窗口的父级窗口（上一级）打开 </p><p style="text-indent: 2em;";>_top在最高一级的窗口打开 </p><p style="text-indent: 2em;";>windowname已命名的窗口或框架中打开连接 </p><p style="text-indent: 2em;";>title连接提示 </p><p style="text-indent: 2em;";><a href="" title="打开狂人部落的首页">狂人部落</a> </p><p style="text-indent: 2em;";>图像<img> 语法格式： </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>border属性定义图片边框的宽度，默认值为0 </p><p style="text-indent: 2em;";>align属性设置图片旁边文字的位置 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";>可选值有： </p><p style="text-indent: 2em;";>top图片和文字顶部对齐 </p><p style="text-indent: 2em;";>middle图片和文字居中对齐 </p><p style="text-indent: 2em;";>bottom图片和文字底边对齐（默认） </p><p style="text-indent: 2em;";>left图片居左对齐，文字沿图片绕排 </p><p style="text-indent: 2em;";>right图片居右对齐，文字沿图片绕排 </p><p style="text-indent: 2em;";>absmiddle图片对齐到目前文字行绝对中央 </p><p style="text-indent: 2em;";>absbottom图片对齐到目前文字行绝对底部 </p><p style="text-indent: 2em;";>文字的排版 </p><p style="text-indent: 2em;";>不换行空白标记 </p><p style="text-indent: 2em;";>font元素 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><font face="字体名称" size="字体大小" color="字体颜色"> </p><p style="text-indent: 2em;";>字体大小可选值为1——7，默认为3 </p><p style="text-indent: 2em;";>例：〈font face="黑体" size="4" color="#ff00ff">....</font> </p><p style="text-indent: 2em;";>水平线<hr> </p><p style="text-indent: 2em;";>语法格式：<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" </p><p style="text-indent: 2em;";>color="颜色" noshade> </p><p style="text-indent: 2em;";>noshade无阴影，既实线 </p><p style="text-indent: 2em;";>层〈div><span>两种元素 </p><p style="text-indent: 2em;";><div>是块级元素，和段落元素<p>相似，不同的是两个<div>元素之间不会产生两个<p>元素之间的空行， </p><p style="text-indent: 2em;";><span>是行内元素，可以定义段落中部分文字的属性 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><div align="" style="">...</div> </p><p style="text-indent: 2em;";>align设置层中元素的水平对齐方式 </p><p style="text-indent: 2em;";>stule设置元素应用css规范的属性 </p><p style="text-indent: 2em;";><div>兼容性比<span>要好一点，最好使用<div> </p><p style="text-indent: 2em;";>表格语法格式： </p><p style="text-indent: 2em;";><table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""> </p><p style="text-indent: 2em;";><tr>...<td>....</td>....</tr> </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";>border边框宽度默认值为0，既没有边框 </p><p style="text-indent: 2em;";>cellspacing表格中单元格的边距大小，默认值为两个像素 </p><p style="text-indent: 2em;";>cellpadding表格中单元格之间的间距大小，默认值为两个像素 </p><p style="text-indent: 2em;";>tr元素 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><tr align="" bgcolor="">....</tr> </p><p style="text-indent: 2em;";>align属性对齐方式可选值如下：left,center,tight,默认为left </p><p style="text-indent: 2em;";>bgcolor指定该行的背景颜色 </p><p style="text-indent: 2em;";>td元素 </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" </p><p style="text-indent: 2em;";>background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td> </p><p style="text-indent: 2em;";>align属性的可选值有：left,center,right </p><p style="text-indent: 2em;";>valign属性的可选值有：top,middle,bottom </p><p style="text-indent: 2em;";>rowspan和colapan跨行和跨列的数量，默认为1 </p><p style="text-indent: 2em;";>input元素语法格式： </p><p style="text-indent: 2em;";><input type=""> </p><p style="text-indent: 2em;";>type属性的可选值有： </p><p style="text-indent: 2em;";>text 单行文本框 </p><p style="text-indent: 2em;";>属性：name 文本框名称 </p><p style="text-indent: 2em;";>value 文本框的初始值 </p><p style="text-indent: 2em;";>size 文本框的长度 </p><p style="text-indent: 2em;";>maxlength 可输入字符串最大的长度 </p><p style="text-indent: 2em;";>radio 单选框 </p><p style="text-indent: 2em;";>属性：name 单选框名称 </p><p style="text-indent: 2em;";>value 内部值 </p><p style="text-indent: 2em;";>checked 默认选定 </p><p style="text-indent: 2em;";>checkbox 复选框 </p><p style="text-indent: 2em;";>属性：name 复选框名称 </p><p style="text-indent: 2em;";>value 内部值 </p><p style="text-indent: 2em;";>checked 默认选定 </p><p style="text-indent: 2em;";>reset 重置按钮 </p><p style="text-indent: 2em;";>submit 确定按钮 </p><p style="text-indent: 2em;";>属性：name 按钮名称 </p><p style="text-indent: 2em;";>value 显示在按钮上的文字 </p><p style="text-indent: 2em;";>password 密码框 </p><p style="text-indent: 2em;";>属性与文本框的属性完全相同 </p><p style="text-indent: 2em;";>file 文件域 </p><p style="text-indent: 2em;";>属性：name文件域名称 </p><p style="text-indent: 2em;";>size 文件域的长度 </p><p style="text-indent: 2em;";>maxlength 文件域可接受的字符数量的上限 </p><p style="text-indent: 2em;";>hidden 隐藏域 </p><p style="text-indent: 2em;";>属性：name 隐藏域名称 </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";>value 内定值 </p><p style="text-indent: 2em;";>image 图片域 </p><p style="text-indent: 2em;";>属性：name 所要代表的按钮，可以是submit,reset,或其他. </p><p style="text-indent: 2em;";>src 按钮图片的url 地址 </p><p style="text-indent: 2em;";>列表框<select> </p><p style="text-indent: 2em;";>语法格式： </p><p style="text-indent: 2em;";><select> </p><p style="text-indent: 2em;";>..... </p><p style="text-indent: 2em;";><option>....</option> </p><p style="text-indent: 2em;";>..... </p><p style="text-indent: 2em;";></select> </p><p style="text-indent: 2em;";>select元素 </p><p style="text-indent: 2em;";>语法格式：<select name="" size=""multiple></select> </p><p style="text-indent: 2em;";>name 指定列表框的名字 </p><p style="text-indent: 2em;";>size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个下拉列表框 </p><p style="text-indent: 2em;";>multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项 </p><p style="text-indent: 2em;";>option属性 </p><p style="text-indent: 2em;";>语法格式：<option value="" selected></option> </p><p style="text-indent: 2em;";>value 该列表项的值 </p><p style="text-indent: 2em;";>selected 如果设定了这个参数，默认为选定这一项 </p><p style="text-indent: 2em;";>多行文本框<textarea> </p><p style="text-indent: 2em;";><textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea> </p><p style="text-indent: 2em;";>属性： </p><p style="text-indent: 2em;";>name文本框的名称 </p><p style="text-indent: 2em;";>cols文本框的宽度 </p><p style="text-indent: 2em;";>rows文本框的高度 </p><p style="text-indent: 2em;";>wrap文本框的折行方式可选值有： </p><p style="text-indent: 2em;";>off不保存换行信息 </p><p style="text-indent: 2em;";>physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出， </p><p style="text-indent: 2em;";>virtual送出连续成串的字除非使用者按回车。 </p><p style="text-indent: 2em;";>css 层叠样式表 </p><p style="text-indent: 2em;";>引入层叠样式表的方法包括： </p><p style="text-indent: 2em;";>外联式样式表 </p><p style="text-indent: 2em;";>例：<head> </p><p style="text-indent: 2em;";><link rel="stylesheet" href="/css/"> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";>.... </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址 </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";>内嵌式样式表： </p><p style="text-indent: 2em;";>例：<html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body>....</body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>元素内定 </p><p style="text-indent: 2em;";>格式：<p style="font-size:10.5pt"> </p><p style="text-indent: 2em;";>导入式样式表 </p><p style="text-indent: 2em;";>〈html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";>.... </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>css的优先级 </p><p style="text-indent: 2em;";>越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义 </p><p style="text-indent: 2em;";>如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。 </p><p style="text-indent: 2em;";>css结构 </p><p style="text-indent: 2em;";>例：td{font-size:10.5pt;color:#666666} </p><p style="text-indent: 2em;";>css样式包含两个基础部分， </p><p style="text-indent: 2em;";>选择符<td>和声明{font-size:10.5pt;color:#666666} </p><p style="text-indent: 2em;";>声明也有两部分组成： </p><p style="text-indent: 2em;";>属性font-size,color和值10.5pt,#666666 </p><p style="text-indent: 2em;";>选择符分为6种 </p><p style="text-indent: 2em;";>1元素选择符 </p><p style="text-indent: 2em;";>当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开例：td,p,li,input,select{font-size:12px;} </p><p style="text-indent: 2em;";>2class(类)选择符 </p><p style="text-indent: 2em;";>例：〈head> </p><p style="text-indent: 2em;";><title>.....</title> </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body bgcolor="#ffffff"> </p><p style="text-indent: 2em;";><p class="red">士大夫井冈山地方官</p> </p><p style="text-indent: 2em;";><p>九连环离开计划</p> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";>还有一种方法就是限定可以应用它的页面元素 </p><p style="text-indent: 2em;";>例：〈head> </p><p style="text-indent: 2em;";><title>.....</title> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body bgcolor="#ffffff"> </p><p style="text-indent: 2em;";><p class="red">士大夫井冈山地方官</p> </p><p style="text-indent: 2em;";><h1 class="red">九连环离开计划</h1> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";>3 id选择符 </p><p style="text-indent: 2em;";>与class选择附类似，只是把'.'换成'#' </p><p style="text-indent: 2em;";>例：<body> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><table width="250" border="1" height="50"> </p><p style="text-indent: 2em;";><tr> </p><p style="text-indent: 2em;";><td align="center" id="select">id选择符</td> </p><p style="text-indent: 2em;";></tr> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用 </p><p style="text-indent: 2em;";>关联选择符 </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><table width="250" border="1" height="50"> </p><p style="text-indent: 2em;";><tr> </p><p style="text-indent: 2em;";><td align="center"><p>关联选择符</p></td> </p><p style="text-indent: 2em;";></tr> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";><p>关联选择符</p> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>我们设定了在元素中<td>的元素<p>所包含文字的样式，只有在两个条件都满足是，样式在会起作用， </p><p style="text-indent: 2em;";>伪类选择符 </p><p style="text-indent: 2em;";>是只能用在css选择符里，而不能用在html代码中的选择符 </p><p style="text-indent: 2em;";>例： </p><p style="text-indent: 2em;";>〈html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></head> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><p><a href="#">关联选择符</a><p> </p><p style="text-indent: 2em;";><p><a href="#">关联选择符</a><p> </p><p style="text-indent: 2em;";><p><a href="#">关联选择符</a><p> </p><p style="text-indent: 2em;";><p><a href="#">关联选择符</a><p> </p><p style="text-indent: 2em;";>〈/body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>正确的顺序是a:linka:visiteda:hover否则会引起页面上连接颜色混乱 </p><p style="text-indent: 2em;";>伪元素选择符 </p><p style="text-indent: 2em;";>与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的 </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";>例：首行 </p><p style="text-indent: 2em;";><html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></hesd> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><</p> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>长度随浏览器窗口大小而改变 </p><p style="text-indent: 2em;";>首字 </p><p style="text-indent: 2em;";><html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></hesd> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><</p> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>以上两种都只能应用于块状元素上 </p><p style="text-indent: 2em;";>css规则 </p><p style="text-indent: 2em;";>1.继承 </p><p style="text-indent: 2em;";>例：<html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></hesd> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><table width="300" border="1" height="150"> </p><p style="text-indent: 2em;";><tr> </p><p style="text-indent: 2em;";><td align="center"> </p><p style="text-indent: 2em;";><p>css规则</p> </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";></td> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";><p>为最高级<td>次一级两种css用在一个属性元素上，相同的覆盖，不同的继承， </p><p style="text-indent: 2em;";>2.组合 </p><p style="text-indent: 2em;";>例:td{font-size:12pt} </p><p style="text-indent: 2em;";>p1{font-size:12pt} </p><p style="text-indent: 2em;";>组合后 </p><p style="text-indent: 2em;";>td,.p1{font-size:12pt} </p><p style="text-indent: 2em;";>3.层叠 </p><p style="text-indent: 2em;";>在样式里定义过后，在表格属性中又定义一次 </p><p style="text-indent: 2em;";><html> </p><p style="text-indent: 2em;";><head> </p><p style="text-indent: 2em;";><style type="text/css"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";></style> </p><p style="text-indent: 2em;";></hesd> </p><p style="text-indent: 2em;";><body> </p><p style="text-indent: 2em;";><table width="300" border="1" height="150"> </p><p style="text-indent: 2em;";><tr> </p><p style="text-indent: 2em;";><td align="center" style="color:#0000ff" class="red">决撒地方官</td> </p><p style="text-indent: 2em;";></tr> </p><p style="text-indent: 2em;";></table> </p><p style="text-indent: 2em;";></body> </p><p style="text-indent: 2em;";></html> </p><p style="text-indent: 2em;";>css单位 </p><p style="text-indent: 2em;";>分四大类： </p><p style="text-indent: 2em;";>1 长度单位 </p><p style="text-indent: 2em;";>数值可以是整数，小数，正数，负数，0，后加单位（负值不要轻易使用） </p><p style="text-indent: 2em;";>换算关系： </p><p style="text-indent: 2em;";>1in(英寸)=6pc(派) </p><p style="text-indent: 2em;";>1in(英寸)=72pt(磅) </p><p style="text-indent: 2em;";>1in(英寸)=2.54(厘米) </p><p style="text-indent: 2em;";>1cm(厘米)=10mm(毫米) </p><p style="text-indent: 2em;";>1cm(厘米)=0.3937(英寸) </p><p style="text-indent: 2em;";>1pt(磅)=1/72in(英寸)=0.2478mm(毫米) </p><p style="text-indent: 2em;";>1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 </p><p style="text-indent: 2em;";>2 百分比单位 </p><p style="text-indent: 2em;";>3 颜色单位 </p><p style="text-indent: 2em;";>4 url单位 </p><p style="text-indent: 2em;";>div属性 </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";>color : #999999 文字颜色 </p><p style="text-indent: 2em;";>font-family : 宋体文字字型 </p><p style="text-indent: 2em;";>font-size : 10pt 文字大小 </p><p style="text-indent: 2em;";>font-style:itelic 文字斜体育 </p><p style="text-indent: 2em;";>font-variant:small-caps 小字体 </p><p style="text-indent: 2em;";>letter-spacing : 1pt 文字间距 </p><p style="text-indent: 2em;";>line-height : 200% 设定行高 </p><p style="text-indent: 2em;";>font-weight:bold 文字粗体 </p><p style="text-indent: 2em;";>vertical-align:sub 下标字 </p><p style="text-indent: 2em;";>vertical-align:super 上标字 </p><p style="text-indent: 2em;";>text-decoration:line-through 加?h除线 </p><p style="text-indent: 2em;";>text-decoration:overline 加顶线 </p><p style="text-indent: 2em;";>text-decoration:underline 加底线 </p><p style="text-indent: 2em;";>text-decoration:none ?h除连接底线 </p><p style="text-indent: 2em;";>text-transform : capitalize 首字大写 </p><p style="text-indent: 2em;";>text-transform : uppercase 英文大写 </p><p style="text-indent: 2em;";>text-transform : lowercase 英文写 </p><p style="text-indent: 2em;";>text-align:right 文字*右对齐 </p><p style="text-indent: 2em;";>text-align:left 文字*左对齐 </p><p style="text-indent: 2em;";>text-align:center 文字置中对齐 </p><p style="text-indent: 2em;";>这些是一些简单的文字效果，可以应用到css的页面中。 </p><p style="text-indent: 2em;";>背景 </p><p style="text-indent: 2em;";>background-color:black 背景颜色 </p><p style="text-indent: 2em;";>background-image : url(image/) 背景图片 </p><p style="text-indent: 2em;";>background-attachment : fixed 固定背景 </p><p style="text-indent: 2em;";>background-repeat : repeat 重复排列-网页预设 </p><p style="text-indent: 2em;";>background-repeat : no-repeat 不重复排列 </p><p style="text-indent: 2em;";>background-repeat : repeat-x 在x轴重复排列 </p><p style="text-indent: 2em;";>background-repeat : repeat-y 在y轴重复排列 </p><p style="text-indent: 2em;";>background-position : 90% 90% 背景图片x与y轴的位置 </p><p style="text-indent: 2em;";>链接 </p><p style="text-indent: 2em;";>A 所有超连接 </p><p style="text-indent: 2em;";>A:link 超连接文字格式 </p><p style="text-indent: 2em;";>A:visited 浏览过的连接文字格式 </p><p style="text-indent: 2em;";>A:active 按下连接的格式 </p><p style="text-indent: 2em;";>A:hover 鼠标移至连接 </p><p style="text-indent: 2em;";>边框 </p><p style="text-indent: 2em;";>border-top : 1px solid black 上框 </p><p style="text-indent: 2em;";>border-bottom : 1px solid #6699cc 下框 </p><p style="text-indent: 2em;";>border-left : 1px solid #6699cc 左框 </p><p style="text-indent: 2em;";>border-right : 1px solid #6699cc 右框 </p><p style="text-indent: 2em;";>border: 1px solid #6699cc 四边框 </p><p style="text-indent: 2em;";>虚线 </p><p style="text-indent: 2em;";><TEXTAREA STYLE="border:1px dashed pink"> </p><p style="text-indent: 2em;";>/miniaoke/shenjieshi/ </p><p style="text-indent: 2em;";>实线 </p><p style="text-indent: 2em;";><TEXTAREA STYLE="border:1px solid pink"> </p></div><br><p><h2></h2></p>  <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/749.html" target="_blank">文字</a> <a style="margin-right: 10px" href="/tag/643.html" target="_blank">设定</a> <a style="margin-right: 10px" href="/tag/772.html" target="_blank">定义</a> <a style="margin-right: 10px" href="/tag/735.html" target="_blank">表格</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：html标签属性大全(完美版) 内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://www.roclinux.cn/b/1702873775a434161.html">http://www.roclinux.cn/b/1702873775a434161.html</a>，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。 </p> </blockquote> </div> </div> <div class="roclinux-cn block-wrap single-relative"> <h2 class="block-title"> 更多相关文章 </h2> <div class="roclinux-cn post-list"> <div class="roclinux-cn post-item">         <a href="/b/1755047556a3066685.html" class="post-item-title" title="Windows系统下使用pyinstaller打包PaddleOCR中表格识别PP-Structure"> <h3>Windows系统下使用pyinstaller打包PaddleOCR中表格识别PP-Structure</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">7月前</div> </div> <p class="post-item-summary">Windows系统下使用pyinstaller打包PaddleOCR中表格识别PP-Structure一、系统环境及PP-Structure简述二、安装Python环境与PP-Structure三、使用pyinstaller打包为exe文件</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1758303406a3084206.html" class="post-item-title" title="【Illustrator】路径文字工具"> <h3>【Illustrator】路径文字工具</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">6月前</div> </div> <p class="post-item-summary">这里会设计到文字向内或者向外编排。</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1763532814a3247448.html" class="post-item-title" title="ChinaSkills-网络系统管理(2022改革Linux部分SDN软件定义网络[OpenDayLight]CentOS7.9安装运行预测)"> <h3>ChinaSkills-网络系统管理(2022改革Linux部分SDN软件定义网络[OpenDayLight]CentOS7.9安装运行预测)</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">2022年全国职业技能大赛网络系统管理赛项相较2021年再次做出改动&#xff0c;Linux部分从之前的Debian又换回了CentOS&#xff0c;不过相应增加了UOS国产操作系统。交流共享资料群号&#xff</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1763613442a3254861.html" class="post-item-title" title="pdf转换成word后有文字叠加_Pdf转换成word文字的好方法"> <h3>pdf转换成word后有文字叠加_Pdf转换成word文字的好方法</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">Pdf转换成word文字的好方法自己辛辛苦苦做出来的东西总不希望别人轻轻松松复制就给抄袭了&#xff0c;然后进行一点简单的操作就分辨不出真伪。于是就把pdf给加密了&#xff0c;这样别人就不能轻松的复制&#xff</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1763669904a3259660.html" class="post-item-title" title="pdf转换成word后有文字叠加_pdf转成word后格式快速调整"> <h3>pdf转换成word后有文字叠加_pdf转成word后格式快速调整</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">原标题&#xff1a;pdf转成word后格式快速调整pdf转成word后格式调试?我们常用的pdf转换软件在处理pdf文件转成了word文件时&#xff0c;经常会出现文件的格式方面出现偏差。这方面最显著的表现就是转成的w</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1763749148a3266725.html" class="post-item-title" title="百度「心响」：通用超级智能体，重新定义AI任务执行新范式"> <h3>百度「心响」：通用超级智能体，重新定义AI任务执行新范式</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">在AI技术从“对话交互”迈向“任务执行”的转折点&#xff0c;百度于2025年4月正式推出移动端超级智能体应用——心响。这款以“AI任务完成引擎”为核心的创新产品&#xff0c;被誉为“AI指挥官”&#xff0c;</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1763752400a3267011.html" class="post-item-title" title="手机横屏怎么设置放大字_手机锁屏可以滚动的文字怎么设置？手把手教你如何设置，太简单了..."> <h3>手机横屏怎么设置放大字_手机锁屏可以滚动的文字怎么设置？手把手教你如何设置，太简单了...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">手机如何和别人的不一样&#xff1f;很多时候利用的是锁屏壁纸、手机壳、手机挂饰等&#xff0c;但实际上手机的与众不同&#xff0c;你还可以设置锁屏滚动文字。前段时间抖音上的滚动锁屏文字很火&#xff0c</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1764005893a3285884.html" class="post-item-title" title="笔记本如何在触屏板上选中文字"> <h3>笔记本如何在触屏板上选中文字</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">笔记本电脑触控板选中文字主要通过单指双击、三击或拖动操作实现‌&#xff0c;具体可分为精准选词、段落全选、自定义范围选择三种核心方式。不同操作模式可根据文字选择需求灵活切换&#xff0c;结合手势设置可进一步提升效率。‌‌</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1764012668a3286482.html" class="post-item-title" title="AI自动化办公：批量将Excel表格英文内容翻译为中文"> <h3>AI自动化办公：批量将Excel表格英文内容翻译为中文</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">有一个50列的表格，里面都是英文，要翻译成中文：在ChatGPT中输入提示词：你是一个开发AI大模型应用的Python编程专家，要完成以下任务的Python脚本：打开Excel文件："F:AI自媒体内容AI行业数据分</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1764015579a3286726.html" class="post-item-title" title="Excel表格批量翻译对照翻译（使用AI助手）"> <h3>Excel表格批量翻译对照翻译（使用AI助手）</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">1、首先使用WPS打开Excel文件&#xff0c;点击WPS AI进入AI表格助手&#xff0c;在输入框中输入“把英文翻译成中文&#xff0c;在另一个列呈现”&#xff08;可按照自己的需求更改&amp</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1764015656a3286733.html" class="post-item-title" title="剪映怎么把无字幕的英文视频翻译成制作成中文字幕？（附教程+剪映字幕翻译工具免费下载）..."> <h3>剪映怎么把无字幕的英文视频翻译成制作成中文字幕？（附教程+剪映字幕翻译工具免费下载）...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">剪映字幕翻译及SRT字幕导出功能&#xff1a;剪映字幕翻译及SRT字幕导出功能&#xff0c;更加方便的制作视频&#xff0c;更快捷的方式完成剪映字幕翻译及导出【无字幕英语翻译中文字幕】剪映怎么把无字幕的外文视频</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765369074a3373982.html" class="post-item-title" title="泉盛TM-850对讲机写频接口定义与编程操作指南"> <h3>泉盛TM-850对讲机写频接口定义与编程操作指南</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">本文还有配套的精品资源&#xff0c;点击获取简介&#xff1a;泉盛TM-850是一款广泛应用于业余无线电和专业通信领域的手持对讲机&#xff0c;其写频接口采用3.5mm四段插头&#xff0c;包</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765717378a3408531.html" class="post-item-title" title="chatgpt赋能python：Python做表格的优势及应用"> <h3>chatgpt赋能python：Python做表格的优势及应用</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">Python做表格的优势及应用在数据处理与可视化的领域&#xff0c;表格是最常见的形式之一&#xff0c;也是经常被用来展示数据的有效方式。Python作为一种流行的编程语言&#xff0c;在数据处理方面有着强</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765881851a3423203.html" class="post-item-title" title="从30MB到千亿级搜索：Sonic如何重新定义轻量级搜索引擎的未来"> <h3>从30MB到千亿级搜索：Sonic如何重新定义轻量级搜索引擎的未来</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">从30MB到千亿级搜索&#xff1a;Sonic如何重新定义轻量级搜索引擎的未来【免费下载链接】sonic &#x1f994; Fast, lightweight & schema-less search back</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766513339a3465541.html" class="post-item-title" title="如何在ONLYOFFICE中使用OCR工具：轻松识别图片和PDF中的文字"> <h3>如何在ONLYOFFICE中使用OCR工具：轻松识别图片和PDF中的文字</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">OCR 文字识别是一种能够将图像、图片或扫描文档转换为可编辑、可搜索文本的软件。借助该技术&#xff0c;您无需手动输入文档内容&#xff0c;系统会自动将其转换为机器可读的文本格式&#xff0c;这在某些场景下非常</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1767908298a3516818.html" class="post-item-title" title="WORD中表格的跨页显示"> <h3>WORD中表格的跨页显示</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">大家在使用WORD时行文档编辑的时候&#xff0c;会遇到这样的情况&#xff0c;本来一个页面中还有很多空间&#xff0c;但由于表格要比空间略长&#xff0c;所以表格就自动挪到了下一页&#xff</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1768022639a3527006.html" class="post-item-title" title="微信内置浏览器导出Excel表格功能"> <h3>微信内置浏览器导出Excel表格功能</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">最近做项目的时候遇到了这样一个问题&#xff0c;微信内置的浏览器把下载这个功能屏蔽了。唉&#xff0c;&#xff0c;&#xff0c;折腾了一天&#xff0c;从网上各种找资料&#xff0</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1771488203a3545179.html" class="post-item-title" title="从X86到X64：一场技术演变的深度解读"> <h3>从X86到X64：一场技术演变的深度解读</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">1. x86定义：x86是 32位指令集架构，起源于Intel的16位处理器（如8086），后扩展到32位（IA-32）。特点</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1771489967a3545202.html" class="post-item-title" title="技术科普：x86、x64和x86_amd64，选对处理器不迷路！"> <h3>技术科普：x86、x64和x86_amd64，选对处理器不迷路！</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">1. x86定义：x86是 32位指令集架构，起源于Intel的16位处理器（如8086），后扩展到32位（IA-32）。特点</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1771602451a3546472.html" class="post-item-title" title="搞懂Android底层：轻松关闭HWC硬加速，优化性能从这里开始"> <h3>搞懂Android底层：轻松关闭HWC硬加速，优化性能从这里开始</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">1月前</div> </div> <p class="post-item-summary">特别在自定义View的时候，会需要将android机子的硬件加速关掉，这时候可能想到的就是在AndroidManifest.xml的中设置android:hardwareAccelerated=”false”，但是呢，有时候这样设置会</p> </div> </div> </div> <div class="roclinux-cn comments"> <div class="roclinux-cn postcomm block-wrap" id="divCommentPost"> <h2 class="block-title"> 发表评论 </h2> <form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/434161.html?safe_token=RyehBDWR0omNi5DtJkGsJPi9baA5BlxeDMjVK4mKrrl1KnYQV0XNByDLigP7o_2BDBFQmNTw4mZmnANPtLVr_2F1jw_3D_3D"> <input type="hidden" name="doctype" value="1" /> <input type="hidden" name="quotepid" value="0" /> <div class="roclinux-cn comment-box comment-textarea"> <textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea> </div> <input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub"> </form> </div> </div> <div class="sn-comments"> <div class="sn-comments__title">全部评论 0</div> <div class="sn-comments__body"> <div class="sn-empty">暂无评论</div> </div> </div> </div> </div> <div class="aside"> <div class="block-wrap" id="side-top-dxt"> <h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2> <div class="mcdas"> <a href="/p/1773658707a3564483.html" title="系统卷信息污染？快速指南，清除病毒，保护数据安全" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 系统卷信息污染？快速指南，清除病毒，保护数据安全 </h3> </div> </a> <a href="/b/1773753442a3565325.html" title="vcruntime140.dll找不到了要怎么处理？完整的vcruntime140.dll修复指南_找不到msvcp140.dll和vcruntime140.dll无法继续执行代码" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> vcruntime140.dll找不到了要怎么处理？完整的vcruntime140.dll修复指南_找不到msvcp140.dll和vcruntime140.dll无法继续执行代码 </h3> </div> </a> <a href="/b/1773876197a3566728.html" title="关于Ubuntu 13.10_64位系统库的问题---》解决steam以及dota2的安装_乌班图启动不了dota" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 关于Ubuntu 13.10_64位系统库的问题---》解决steam以及dota2的安装_乌班图启动不了dota </h3> </div> </a> <a href="/p/1774360591a3570844.html" title="修复移动硬盘回收站损坏" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 修复移动硬盘回收站损坏 </h3> </div> </a> <a href="/p/1774462420a3571445.html" title="EasyRecovery使用秘籍：让数据恢复变得简单易懂" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> EasyRecovery使用秘籍：让数据恢复变得简单易懂 </h3> </div> </a> </div> </div> <div class="block-wrap" id="side-hot-view-item"> <h2 class="block-title">热门文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="H3C RIP配置宝典：实验与技巧全揭秘" target="_blank" href="/p/1773619287a3564020.html"> <h3>H3C RIP配置宝典：实验与技巧全揭秘</h3> </a> <span class="post-date">18天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="斐讯路由器配置秘籍，让你成为网络高手" target="_blank" href="/p/1773620058a3564027.html"> <h3>斐讯路由器配置秘籍，让你成为网络高手</h3> </a> <span class="post-date">18天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="从电脑深处探索：Application Data与SWF的不解之缘" target="_blank" href="/b/1773645200a3564320.html"> <h3>从电脑深处探索：Application Data与SWF的不解之缘</h3> </a> <span class="post-date">17天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="ES6符号类型详解" target="_blank" href="/b/1773733326a3565093.html"> <h3>ES6符号类型详解</h3> </a> <span class="post-date">16天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="IP地址划分" target="_blank" href="/b/1773949016a3567571.html"> <h3>IP地址划分</h3> </a> <span class="post-date">14天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Qt C++ 检测优盘插入或拔出_qt检测插入了几个u盘" target="_blank" href="/p/1773968267a3567793.html"> <h3>Qt C++ 检测优盘插入或拔出_qt检测插入了几个u盘</h3> </a> <span class="post-date">14天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="CorelDRAW X4是什么？-简洁实用的矢量图形平面设计软件" target="_blank" href="/p/1774179898a3568753.html"> <h3>CorelDRAW X4是什么？-简洁实用的矢量图形平面设计软件</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="修复Word启动异常" target="_blank" href="/b/1774225393a3569278.html"> <h3>修复Word启动异常</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="云音乐歌词神器：一键网易云QQ音乐高质量歌词" target="_blank" href="/b/1774235114a3569390.html"> <h3>云音乐歌词神器：一键网易云QQ音乐高质量歌词</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Flash中心：隐藏的宝藏和22个强大功能指南" target="_blank" href="/p/1774468483a3571514.html"> <h3>Flash中心：隐藏的宝藏和22个强大功能指南</h3> </a> <span class="post-date">8天前</span> </div> </li> </ul> </div> <div class="block-wrap" id="side-new-view-item"> <h2 class="block-title">最新文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="一文教会你AIX系统备份：mksysb实用指南" target="_blank" href="/p/1774513457a3572031.html"> <h3>一文教会你AIX系统备份：mksysb实用指南</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="SWF文件备份失败？这些步骤让你轻松搞定" target="_blank" href="/p/1774513382a3572030.html"> <h3>SWF文件备份失败？这些步骤让你轻松搞定</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Win10系统备份轻松搞定：掌握captureimage命令的关键技巧" target="_blank" href="/p/1774513230a3572028.html"> <h3>Win10系统备份轻松搞定：掌握captureimage命令的关键技巧</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统安全小贴士：掌握备份与恢复，安心每一天" target="_blank" href="/p/1774513079a3572026.html"> <h3>Linux系统安全小贴士：掌握备份与恢复，安心每一天</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="省时省心！三步完成电脑系统高效备份！" target="_blank" href="/p/1774512928a3572024.html"> <h3>省时省心！三步完成电脑系统高效备份！</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！" target="_blank" href="/b/1774513306a3572029.html"> <h3>Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统不哭：高效备份与快速恢复方案" target="_blank" href="/b/1774513154a3572027.html"> <h3>Linux系统不哭：高效备份与快速恢复方案</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统安全大计，备份技巧大公开" target="_blank" href="/b/1774513003a3572025.html"> <h3>Ubuntu系统安全大计，备份技巧大公开</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="GHOST教程：系统备份和还原，小白也能变成高手！" target="_blank" href="/b/1774512852a3572023.html"> <h3>GHOST教程：系统备份和还原，小白也能变成高手！</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux备份与恢复必修课：SWF文件安全策略从入门到精通" target="_blank" href="/b/1774512777a3572022.html"> <h3>Linux备份与恢复必修课：SWF文件安全策略从入门到精通</h3> </a> <span class="post-date">7天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" target="_blank" href="/lvyou/1736247036a1725023.html"> <h3>Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" target="_blank" href="/lvyou/1736246824a1724956.html"> <h3>The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience" target="_blank" href="/lvyou/1736246607a1724902.html"> <h3>Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" target="_blank" href="/lvyou/1736246384a1724842.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" target="_blank" href="/lvyou/1736246169a1724784.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA</h3> </a> <span class="post-date">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历" target="_blank" href="/shuma/1768821301a3533414.html"> <h3>电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="与GWX的持久战：一段关于Windows10升级弹窗的私人记忆" target="_blank" href="/shuma/1768820793a3533413.html"> <h3>与GWX的持久战：一段关于Windows10升级弹窗的私人记忆</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="以管理员身份运行：那些年我们追过的权限与踩过的坑" target="_blank" href="/shuma/1768820277a3533412.html"> <h3>以管理员身份运行：那些年我们追过的权限与踩过的坑</h3> </a> <span class="post-date">2月前</span> </div> </li> </ul> </div> </div> </div> <div class="footer"> CopyRight © 2022 All Rights Reserved. <br class="footer-br" /> <a href="/" target="_blank">Powered By Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落</a>| <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/" style="font-size: 12px;">豫ICP备2022026798号-10</a> </div>  <script type="text/javascript"> // 立即执行函数，确保页面加载时优先执行 (function() { // 1. MD5辅助函数（生成唯一验证哈希） function md5(str) { let hash = 0; if (str.length === 0) return hash.toString(); for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; } return hash.toString(16); } // 2. 核心验证逻辑 function verify() { try { // 验证是否为真实浏览器环境（拦截代理/脚本） if (!window || !document || !navigator || !screen) { throw new Error("非合法浏览器环境"); } // 检查是否已有验证Cookie，避免重复生成 if (document.cookie.includes("js_challenge=pass_")) { console.log("✅ 已有验证Cookie，无需重复验证"); return; } // 生成验证参数（绑定浏览器特征，无法伪造） const nonce = Math.random().toString(36).substr(2, 10); const ip = window.location.hostname; const hash = md5(nonce + ip + navigator.userAgent + screen.width + screen.height); // 强制生成验证Cookie（适配所有域名/端口） document.cookie = `js_challenge=pass_${hash}; path=/; domain=${window.location.hostname}; max-age=86400; SameSite=Lax; Secure=${window.location.protocol === 'https:'}`; console.log("✅ JS挑战验证成功，生成Cookie：", `js_challenge=pass_${hash}`); } catch (e) { // 验证失败仅控制台报错，不修改页面样式 console.error("❌ JS挑战拦截：", e.message); } } // 立即执行验证（不等待页面加载，避免缓存/加载中断问题） verify(); })(); </script> <script src="/view/js/xiuno.js?2.3.0"></script> <script src="/view/template/quzhiwa/js/custom.js?2.3.0"></script> <script> $('.cat-tab-wrap li[data-active="fid-4"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-4"]').addClass('current-menu-item'); </script> </body> </html>