admin 管理员组

文章数量: 1184232


2024年2月17日发(作者:常见的几种数据类型)

实用标准文档

标记

文件标记

</p><p style="text-indent: 2em;";><BODY> </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;";><BR> </p><p style="text-indent: 2em;";><HR> </p><p style="text-indent: 2em;";><CENTER> </p><p style="text-indent: 2em;";><PRE> </p><p style="text-indent: 2em;";><DIV> </p><p style="text-indent: 2em;";><NOBR> </p><p style="text-indent: 2em;";><WBR> </p><p style="text-indent: 2em;";>字体标记 </p><p style="text-indent: 2em;";><STRONG> </p><p style="text-indent: 2em;";><B> </p><p style="text-indent: 2em;";><EM> </p><p style="text-indent: 2em;";><I> </p><p style="text-indent: 2em;";><TT> </p><p style="text-indent: 2em;";><U> </p><p style="text-indent: 2em;";><H1> </p><p style="text-indent: 2em;";><H2> </p><p style="text-indent: 2em;";><H3> </p><p style="text-indent: 2em;";><H4> </p><p style="text-indent: 2em;";><H5> </p><p style="text-indent: 2em;";><H6> </p><p style="text-indent: 2em;";><FONT> </p><p style="text-indent: 2em;";><BASEFONT> </p><p style="text-indent: 2em;";><BIG> </p><p style="text-indent: 2em;";><SMALL> </p><p style="text-indent: 2em;";><STRIKE> </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;";>开头 </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;";>提供文件整体信息 </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;";>○ </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;";>● </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;";>预设格式 </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;";>插入一水平线 </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;";> </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;";> </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;";>● </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;";>○ </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;";>斜体标记 </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;";>五级标题标记 </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;";>产生字体加粗 Bold 的效果 </p><p style="text-indent: 2em;";>产生字体加粗的效果 </p><p style="text-indent: 2em;";>字体出现斜体效果 </p><p style="text-indent: 2em;";>字体出现斜体效果 </p><p style="text-indent: 2em;";>Courier字体,字母宽度相同 </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;";>将字体变大 </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;";> </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;";> </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;";> </p><p style="text-indent: 2em;";>反对 </p><p style="text-indent: 2em;";>文案大全 </p><p style="text-indent: 2em;";>实用标准文档 </p><p style="text-indent: 2em;";><CODE> </p><p style="text-indent: 2em;";><KBD> </p><p style="text-indent: 2em;";><SAMP> </p><p style="text-indent: 2em;";><VAR> </p><p style="text-indent: 2em;";><CITE> </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;";>键盘字 </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;";>下标字 </p><p style="text-indent: 2em;";>上标字 </p><p style="text-indent: 2em;";>字体稍微加宽如<TT> </p><p style="text-indent: 2em;";>字体稍微加宽,单一空白 </p><p style="text-indent: 2em;";>字體稍為加寬如<TT> </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;";>文字上标 </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;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";><BLOCKQUOTE> ● </p><p style="text-indent: 2em;";><DFN> </p><p style="text-indent: 2em;";><ADDRESS> </p><p style="text-indent: 2em;";><SUB> </p><p style="text-indent: 2em;";><SUP> </p><p style="text-indent: 2em;";>清单标记 </p><p style="text-indent: 2em;";><OL> </p><p style="text-indent: 2em;";><UL> </p><p style="text-indent: 2em;";><LI> </p><p style="text-indent: 2em;";><MENU> </p><p style="text-indent: 2em;";><DIR> </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;";><TABLE> </p><p style="text-indent: 2em;";><CAPTION> </p><p style="text-indent: 2em;";><TR> </p><p style="text-indent: 2em;";><TD> </p><p style="text-indent: 2em;";><TH> </p><p style="text-indent: 2em;";>表单标记 </p><p style="text-indent: 2em;";><FORM> </p><p style="text-indent: 2em;";><TEXTAREA> </p><p style="text-indent: 2em;";><INPUT> </p><p style="text-indent: 2em;";><SELECT> </p><p style="text-indent: 2em;";><OPTION> </p><p style="text-indent: 2em;";>图形标记 </p><p style="text-indent: 2em;";><IMG> </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;";>○ </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;";>● </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;";>● </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;";>选项清单 </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;";>清单中的项目,一个标记一行 </p><p style="text-indent: 2em;";>可用type参数指定项目符号。 </p><p style="text-indent: 2em;";>与<menu>相同 </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;";>反對 </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;";>表格列 </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;";>相等于<TD>,但其内文字字体会变粗 </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;";>文字框 </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;";>建立弹出卷动清单 </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;";>图形标记 用来插入图形及设定图形属性 </p><p style="text-indent: 2em;";>文案大全 </p><p style="text-indent: 2em;";>实用标准文档 </p><p style="text-indent: 2em;";><A> </p><p style="text-indent: 2em;";><BASE> </p><p style="text-indent: 2em;";>框架标记 </p><p style="text-indent: 2em;";><FRAMESET> </p><p style="text-indent: 2em;";><FRAME> </p><p style="text-indent: 2em;";><IFRAME> </p><p style="text-indent: 2em;";><NOFRAMES> </p><p style="text-indent: 2em;";>影像地图 </p><p style="text-indent: 2em;";><MAP> </p><p style="text-indent: 2em;";><AREA> </p><p style="text-indent: 2em;";>多媒体 </p><p style="text-indent: 2em;";><BGSOUND> </p><p style="text-indent: 2em;";><EMBED> </p><p style="text-indent: 2em;";>其他标记 </p><p style="text-indent: 2em;";><MARQUEE> </p><p style="text-indent: 2em;";><BLINK> </p><p style="text-indent: 2em;";><ISINDEX> </p><p style="text-indent: 2em;";><META> </p><p style="text-indent: 2em;";><LINK> </p><p style="text-indent: 2em;";>StyleSheet </p><p style="text-indent: 2em;";><STYLE> </p><p style="text-indent: 2em;";><span> </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;";>可将相对 URL 转绝对及指定链接 </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;";>框架设定 </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;";>设定浏览器不支持框架时的提示 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>IE </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;";>设定各链接区域 </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;";>令背景播放音乐或声音 </p><p style="text-indent: 2em;";>加入声音、音乐或影像 </p><p style="text-indent: 2em;";>IE </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;";>走马灯 </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;";>可输入关键字寻找该页 </p><p style="text-indent: 2em;";>提供关于此页的信息给浏览器 </p><p style="text-indent: 2em;";>定义该文件与其他 URL 的关系 </p><p style="text-indent: 2em;";>IE </p><p style="text-indent: 2em;";>NC </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;";>自订标记 </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;";><html></html> 创建一个HTML文档 </p><p style="text-indent: 2em;";><head></head> 设置文档标题和其它在网页中不显示的信息 </p><p style="text-indent: 2em;";><title> 设置文档的标题

最大的标题

 预先格式化文本            

下划线

黑体字

斜体字

打字机风格的字体

引用,通常是斜体

文案大全

实用标准文档

强调文本(通常是斜体加黑体)

加重文本(通常是斜体加黑体)

设置字体大小从1到7,颜色使用名字或RGB的十六进制值

基准字体标记

字体加大

字体缩小

加删除线

程式码

键盘字

范例

变量

向右缩排

述语定义

地址标记

上标字

下标字

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

...</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;";> </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><p style="text-indent: 2em;";><p align=""> 将段落按左、中、右对齐 </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;";><blockquote></blockquote> 从两边缩进文本 </p><p style="text-indent: 2em;";><dl></dl> 定义列表 </p><p style="text-indent: 2em;";><dt> 放在每个定义术语词前 </p><p style="text-indent: 2em;";><dd> 放在每个定义之前 </p><p style="text-indent: 2em;";><ol></ol> 创建一个标有数字的列表 </p><p style="text-indent: 2em;";><ul></ul> 创建一个标有圆点的列表 </p><p style="text-indent: 2em;";><li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字, </p><p style="text-indent: 2em;";> 若在<ul></ul>之间则每个列表项加上一个圆点 </p><p style="text-indent: 2em;";><div align=""></div> 用来排版大块HTML段落,也用于格式化表 </p><p style="text-indent: 2em;";><MENU> 选项清单 </p><p style="text-indent: 2em;";><DIR> 目录清单 </p><p style="text-indent: 2em;";><nobr></nobr> 强行不换行 </p><p style="text-indent: 2em;";><hr size='9' width='80%' color='ff0000'>水平線(設定寬度) </p><p style="text-indent: 2em;";><center></center> 水平居中 </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;";><a href="URL"></a> 创建超文本链接 </p><p style="text-indent: 2em;";><a href="mailtEMAIL"> </p><p style="text-indent: 2em;";></a> 创建自动发送电子邮件的链接 </p><p style="text-indent: 2em;";><a name="name"></a> 创建位于文档内部的书签 </p><p style="text-indent: 2em;";><a href="#name"></a> 创建指向位于文档内部书签的链接 </p><p style="text-indent: 2em;";><BASE> 文档中不能被该站点辨识的其它所有链接源的URL </p><p style="text-indent: 2em;";><LINK> 定义一个链接和源之间的相互关系 </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;";> </p><p style="text-indent: 2em;";>◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top </p><p style="text-indent: 2em;";>◆rel="..."发送链接的类型 </p><p style="text-indent: 2em;";>◆rev="..."保存链接的类型 </p><p style="text-indent: 2em;";>◆accesskey="..."指定该元素的热键 </p><p style="text-indent: 2em;";>◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly </p><p style="text-indent: 2em;";>◆coord="..."使用像素或者长度百分比来定义形状的尺寸 </p><p style="text-indent: 2em;";>◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点) </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;";><table></table> 创建一个表格 </p><p style="text-indent: 2em;";><tr></tr> 表格中的每一行 </p><p style="text-indent: 2em;";><td></td> 表格中一行中的每一个格子 </p><p style="text-indent: 2em;";><th></th> 设置表格头:通常是黑体居中文字 </p><p style="text-indent: 2em;";><table cellspacing=""> 设置表格格子之间空间的大小 </p><p style="text-indent: 2em;";><table border=""> 设置边框的宽度 </p><p style="text-indent: 2em;";><table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小 </p><p style="text-indent: 2em;";><table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比 </p><p style="text-indent: 2em;";><table align=""> 设置表格格子的水平对齐方式(left,center,right,justify) </p><p style="text-indent: 2em;";><tr align=""> 设置表格格子的水平对齐方式(left,center,right,justify) </p><p style="text-indent: 2em;";><tr valign=""> 设置表格格子的垂直对齐方式(baseline,bottom,middle,top) </p><p style="text-indent: 2em;";><td colspan=""> 设置一个表格格子跨占的列数(缺省值为1) </p><p style="text-indent: 2em;";><td rowspan=""> 设置一个表格格子跨占的行数(缺省值为1) </p><p style="text-indent: 2em;";><td nowrap> 禁止表格格子内的内容自动断行 </p><p style="text-indent: 2em;";>文案大全 </p><p style="text-indent: 2em;";>实用标准文档 </p><p style="text-indent: 2em;";><CAPTION></CAPTION> 表格的标题 </p><p style="text-indent: 2em;";><COLGROUP></COLGROUP> 定义多个列为一组列 </p><p style="text-indent: 2em;";><TABLE></TABLE> 创建一个表格 </p><p style="text-indent: 2em;";><THEAD></THEAD> 定义表格的页眉 </p><p style="text-indent: 2em;";><COL> 定义一个列组中的列,以便对它们能够同时设置有关属性 </p><p style="text-indent: 2em;";><TBODY></TBODY> 定义一个表格的实体 </p><p style="text-indent: 2em;";><TFOOT></TFOOT> 定义一个表格的页脚 </p><p style="text-indent: 2em;";>16.分隔线 <hr> </p><p style="text-indent: 2em;";>【1】分隔线的粗细 <hr size=点数> </p><p style="text-indent: 2em;";>【2】分隔线的宽度 <hr size=点数或百分比> </p><p style="text-indent: 2em;";>【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值)表向中对齐 right:表向右对齐 </p><p style="text-indent: 2em;";>【4】分隔线的颜色 <hr color=#rrggbb> </p><p style="text-indent: 2em;";>【5】实心分隔线 <hr noshade> </p><p style="text-indent: 2em;";>17.向中对齐 <center>..........</center> </p><p style="text-indent: 2em;";>18.依原始样式显示 <pre>..........</pre> </p><p style="text-indent: 2em;";>19.<body>指令的属性 </p><p style="text-indent: 2em;";>【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb> </p><p style="text-indent: 2em;";>【2】背景图案 -- background <body background="图形文件名"> </p><p style="text-indent: 2em;";>【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed> </p><p style="text-indent: 2em;";>【4】文件内容文字的颜色 -- text <body text=#rrggbb> </p><p style="text-indent: 2em;";>【5】超连结文字颜色 -- link <body link=#rrggbb> </p><p style="text-indent: 2em;";>【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb> </p><p style="text-indent: 2em;";>【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb> </p><p style="text-indent: 2em;";>20.注解 <!--..........-->21.特殊字元表示法 </p><p style="text-indent: 2em;";>符 号 语 法 </p><p style="text-indent: 2em;";>< &lt </p><p style="text-indent: 2em;";>> &gt </p><p style="text-indent: 2em;";>& &amp </p><p style="text-indent: 2em;";>" &quot </p><p style="text-indent: 2em;";>空白 &nbsp </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>文案大全 </p><p style="text-indent: 2em;";>center: </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>实用标准文档 </p><p style="text-indent: 2em;";>图片 </p><p style="text-indent: 2em;";>1.插入图片 <img src="图形文件名"> </p><p style="text-indent: 2em;";>2.设定图框 -- border <img src="图形文件名" border=点数> </p><p style="text-indent: 2em;";>3.设定图形大小 -- widthⅱheight <img src="图形文件名" width=宽度点数 height=高度点数> </p><p style="text-indent: 2em;";>4.设定图形上下左右留空 -- vspaceⅱhspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数> </p><p style="text-indent: 2em;";>5.图形附注 <img src="图形文件名" alt="说明文字"> </p><p style="text-indent: 2em;";>6.预载图片 </p><p style="text-indent: 2em;";><img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致 </p><p style="text-indent: 2em;";>7.影像地图(Image Map) <img src="图形文件名" usemap="#图的名称"> <map name="图的名称"> </p><p style="text-indent: 2em;";> <area shape=形状 coords=区域座标列表 href="连结点之URL"> </p><p style="text-indent: 2em;";> <area shape=形状 coords=区域座标列表 href="连结点之URL"> </p><p style="text-indent: 2em;";> <area shape=形状 coords=区域座标列表 href="连结点之URL"> </p><p style="text-indent: 2em;";> <area shape=形状 coords=区域座标列表 href="连结点之URL"> </map> </p><p style="text-indent: 2em;";>【1】定义形状 -- shape </p><p style="text-indent: 2em;";> shape=rect:矩形 shape=circle:圆形 shape=poly:多边形 </p><p style="text-indent: 2em;";>【2】定义区域 -- coords </p><p style="text-indent: 2em;";>a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标 </p><p style="text-indent: 2em;";>例:<area shape=rect coords=100,50,200,75 href="URL"> </p><p style="text-indent: 2em;";>b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度 </p><p style="text-indent: 2em;";>例:<area shape=circle coords=85,155,30 href="URL"> </p><p style="text-indent: 2em;";>c.任意图形(多边形):将图形之每一转折点座标依序填入 </p><p style="text-indent: 2em;";>例:<area shape=poly coords=232,70,285,70,300,90,250, </p><p style="text-indent: 2em;";>文案大全 </p></div><br><p><h2></h2></p> <!-- 附件 --> <p class="tag"> 本文标签: <a style="margin-right: 10px" href="/tag/735.html" target="_blank">表格</a> <a style="margin-right: 10px" href="/tag/579.html" target="_blank">标记</a> <a style="margin-right: 10px" href="/tag/772.html" target="_blank">定义</a> <a style="margin-right: 10px" href="/tag/428384.html" target="_blank">字体</a> <a style="margin-right: 10px" href="/tag/655.html" target="_blank">图形</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明:本文标题:(完整版)html标签大全 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:<a href="http://www.roclinux.cn/b/1708158962a516185.html">http://www.roclinux.cn/b/1708158962a516185.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"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1765752678a3411891.html" title="android 怎么导入和应用特殊字体在app项目">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="android 怎么导入和应用特殊字体在app项目">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1765752678a3411891.html" class="post-item-title" title="android 怎么导入和应用特殊字体在app项目"> <h3>android 怎么导入和应用特殊字体在app项目</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">随着市面上的app应用越来越丰富&amp;#xff0c;一款性能优越且让人眼前一亮的app也是越来越少了。一款好的app不仅要界面精美而且要符合大众需求。 界面上的字体是让用户第一眼就能感受到开发者心意的直接表现。但是android st</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1765761826a3412321.html" title="【免费下载】 Windows 10 部分字体全集库">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="【免费下载】 Windows 10 部分字体全集库">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1765761826a3412321.html" class="post-item-title" title="【免费下载】 Windows 10 部分字体全集库"> <h3>【免费下载】 Windows 10 部分字体全集库</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">Windows 10 部分字体全集库 【下载地址】Windows10部分字体全集库 Windows 10 部分字体全集库欢迎使用Windows 10部分字体全集库 项目地址: https:gitcodeopen-source-to</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1765844979a3419699.html" title="DL练习1—基于CNN的MNIST手写字体识别(Tensorboard可视化版)">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="DL练习1—基于CNN的MNIST手写字体识别(Tensorboard可视化版)">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1765844979a3419699.html" class="post-item-title" title="DL练习1—基于CNN的MNIST手写字体识别(Tensorboard可视化版)"> <h3>DL练习1—基于CNN的MNIST手写字体识别(Tensorboard可视化版)</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">点击获取基于CNN的MNIST识别源代码&amp;#xff08;GitHub&amp;#xff09; 一&amp;#xff0c;CNN等理论参考&amp;#xff1a; 卷积神经网络&amp;#xff08;CNN&amp;#xff09;</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1765920044a3425188.html" title="微软雅黑字体WIN7最新版6.02的设计与应用">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="微软雅黑字体WIN7最新版6.02的设计与应用">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1765920044a3425188.html" class="post-item-title" title="微软雅黑字体WIN7最新版6.02的设计与应用"> <h3>微软雅黑字体WIN7最新版6.02的设计与应用</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">本文还有配套的精品资源&amp;#xff0c;点击获取简介&amp;#xff1a;微软雅黑字体是为Windows 7及以上版本设计的默认中文字体&amp;#xff0c;以其清晰、现代的无衬线设计以及适应屏幕阅读的优化而受到广泛应用。</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1766351796a3451671.html" title="发现浏览器中字体可以比 12px 小, 是为什么?">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="发现浏览器中字体可以比 12px 小, 是为什么?">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1766351796a3451671.html" class="post-item-title" title="发现浏览器中字体可以比 12px 小, 是为什么?"> <h3>发现浏览器中字体可以比 12px 小, 是为什么?</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">1. 现象是这样的&amp;#xff1a; 8px 或者更小的 vwvhrem 单位的字体大小都能实现&amp;#xff0c;感觉违背 以前一直遵循的 “chrome有限制最小字体&amp;#xff0c;为12px” 的事实 2.</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1766472363a3461433.html" title="人工智能学习笔记 - 初级篇Ⅱ - 图形可视化 - 第2节-简单的正弦图和余弦图">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="人工智能学习笔记 - 初级篇Ⅱ - 图形可视化 - 第2节-简单的正弦图和余弦图">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1766472363a3461433.html" class="post-item-title" title="人工智能学习笔记 - 初级篇Ⅱ - 图形可视化 - 第2节-简单的正弦图和余弦图"> <h3>人工智能学习笔记 - 初级篇Ⅱ - 图形可视化 - 第2节-简单的正弦图和余弦图</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">微信公众号:御风研墨 关注可了解更多。问题或建议,请公众号留言 文章目录 步骤1: 导入必要的库 步骤2: 生成数据点 步骤3: 绘制正弦图和余弦图 步骤4: 添加图表元素 步骤5: 显示图表 最后 为了创建一个既适合初学者也对中高级用户有</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1766473279a3461522.html" title="Adobe illustrator 排版后图形导出 - 连载 3">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Adobe illustrator 排版后图形导出 - 连载 3">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1766473279a3461522.html" class="post-item-title" title="Adobe illustrator 排版后图形导出 - 连载 3"> <h3>Adobe illustrator 排版后图形导出 - 连载 3</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">03 排版后的图形可以导出为AI格式、PDF格式、TIFF、PNG格式等&amp;#xff0c;用于不同的需求。通常建议保存AI或PDF格式&amp;#xff0c;可以继续编辑&amp;#xff0c;也可以直接用于投稿。PDF还有一个好处是</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1766474397a3461632.html" title="iconfont字体图标四中制作方法">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="iconfont字体图标四中制作方法">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1766474397a3461632.html" class="post-item-title" title="iconfont字体图标四中制作方法"> <h3>iconfont字体图标四中制作方法</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">主要步骤&amp;#xff1a; 步骤一 使用矢量图形编辑器设计图标&amp;#xff0c;画布最好设为512px*512px。以Adobe Illustrator为例&amp;#xff0c;保存为svg格式时会弹出一个svg图片属性设置对</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1768022085a3526958.html" title="edge浏览器字体模糊乱码怎么办">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="edge浏览器字体模糊乱码怎么办">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1768022085a3526958.html" class="post-item-title" title="edge浏览器字体模糊乱码怎么办"> <h3>edge浏览器字体模糊乱码怎么办</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">最近有用户反映在使用win10edge浏览器的时候出现了一堆乱码的现象&amp;#xff0c;看又看不懂&amp;#xff0c;那到底是字体的问题还是浏览器出现了问题呢?我们又该怎么解决该问题呢?下面小编就给大家介绍win10edge浏览器</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1768929172a3533446.html" title="电脑字体安装:让文字焕发个性的艺术与实用技巧">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="电脑字体安装:让文字焕发个性的艺术与实用技巧">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1768929172a3533446.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">2月前</div> </div> <p class="post-item-summary">.code-container {margin: 15px 0;position: relative;}pre {background-color: #2d2d2d;color: #f8f8f2;padding: 15px;border-r</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1770161851a3533828.html" title="网页字体突然变小让人头疼?我来分享我的解决经验">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="网页字体突然变小让人头疼?我来分享我的解决经验">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1770161851a3533828.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">1月前</div> </div> <p class="post-item-summary">.code-box {position: relative;background-color: #f4f4f4;border: 1px solid #ddd;border-radius: 4px;padding: 15px;m</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1770591168a3535403.html" title="从入门到精通:家用路由器的WAN口与LAN口浅谈">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="从入门到精通:家用路由器的WAN口与LAN口浅谈">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1770591168a3535403.html" class="post-item-title" title="从入门到精通:家用路由器的WAN口与LAN口浅谈"> <h3>从入门到精通:家用路由器的WAN口与LAN口浅谈</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">路由器的WAN口和LAN口是网络设备中重要的接口,它们的功能和用途有所不同。 WAN口(广域网口) 定义:WAN口是路由器连接外部网络(如互联网)的接口。作用:通过W</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1770784011a3537544.html" title="从办公室到客厅:利用旧电脑轻松搭建无线网络中心">--> <!-- <img class="hover-scale" src="images/pic.jpg" alt="从办公室到客厅:利用旧电脑轻松搭建无线网络中心">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1770784011a3537544.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="/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">开启windows 7的隐藏功能:虚拟WiFi和SoftAP(即虚拟无线AP),就可以让变成无线路由器,实现共享上网,节省网费和路由器购买费。 1、以管理员身份运行命令提示符: 快捷键win+R→输入cmd→回车。</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1770955937a3539475.html" title="跨进设计新领域:Vue项目中字体库引入全攻略">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="跨进设计新领域:Vue项目中字体库引入全攻略">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1770955937a3539475.html" class="post-item-title" title="跨进设计新领域:Vue项目中字体库引入全攻略"> <h3>跨进设计新领域:Vue项目中字体库引入全攻略</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">前言 雪雪妹妹今天又有问题啦!她说有时候系统内置的字体库并不满足我们前端开发的需求,当需要使用一些外部字体库的时候,我们要怎么将这些字体引入到项目中并进行使用呢?那么鸽鸽的这篇文章将教会你如何在vue项目中引入外部</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1771535089a3545710.html" title="轻松上手HTML5 Canvas:为QQ签名添加特色字体样式">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="轻松上手HTML5 Canvas:为QQ签名添加特色字体样式">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1771535089a3545710.html" class="post-item-title" title="轻松上手HTML5 Canvas:为QQ签名添加特色字体样式"> <h3>轻松上手HTML5 Canvas:为QQ签名添加特色字体样式</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">简介:HTML5提供了强大的Canvas绘图功能,可用于创建动态、交互式的网页内容。本文介绍如何利用HTML5的Canvas与JavaScript结合,开发“QQ签名字体样式特效生成器”。通过该工具,用户可自定义字体、颜色、大小等参数</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1771934862a3550237.html" title="让你的电脑成为家庭网络的新宠——简易步骤解析">--> <!-- <img class="hover-scale" src="images/pic.jpg" alt="让你的电脑成为家庭网络的新宠——简易步骤解析">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1771934862a3550237.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">1月前</div> </div> <p class="post-item-summary">开启windows 7的隐藏功能:虚拟WiFi和SoftAP(即虚拟无线AP),就可以让变成无线路由器,实现共享上网,节省网费和路由器购买费。 1、以管理员身份运行命令提示符: 快捷键win+R→输入cmd→回车。</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1772890831a3558168.html" title="三.js开发者之路:从textGeometry错误中突破">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="三.js开发者之路:从textGeometry错误中突破">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1772890831a3558168.html" class="post-item-title" title="三.js开发者之路:从textGeometry错误中突破"> <h3>三.js开发者之路:从textGeometry错误中突破</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">27天前</div> </div> <p class="post-item-summary">本篇文章是对three.js如何添加字体的一个总结。 1. 关于低版本three.js添加字体 我在网上找到的教程就是使用的这种办法,但是我使用的76版的threeJs已经不支持了,没有具体深究是什么时候把这个方法删除</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1773551364a3563231.html" title="深入理解VLOOKUP:快速匹配两个表格的秘籍">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="深入理解VLOOKUP:快速匹配两个表格的秘籍">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1773551364a3563231.html" class="post-item-title" title="深入理解VLOOKUP:快速匹配两个表格的秘籍"> <h3>深入理解VLOOKUP:快速匹配两个表格的秘籍</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">19天前</div> </div> <p class="post-item-summary">1.什么是VLOOKUP?VLOOKUP是 中的一个内置函数,主要用于在区域或表格的首列查找指定的值,并返回该行中其他列的值。它特别适用于跨表格数据匹配2.函数运用 2.1.这边两个表取名a表和b</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1774263705a3569723.html" title="如何用JPEXS Free Flash Decompiler高效提取SWF字体:零基础入门指南">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="如何用JPEXS Free Flash Decompiler高效提取SWF字体:零基础入门指南">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1774263705a3569723.html" class="post-item-title" title="如何用JPEXS Free Flash Decompiler高效提取SWF字体:零基础入门指南"> <h3>如何用JPEXS Free Flash Decompiler高效提取SWF字体:零基础入门指南</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">11天前</div> </div> <p class="post-item-summary">如何用JPEXS Free Flash Decompiler高效提取SWF字体:零基础入门指南 你是否遇到过想从SWF文件中提取精美字体却无从下手的情况?JPEXS Free Flash Decompiler就是解决SWF字体</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1774263858a3569725.html" title="JPEXS Free Flash Decompiler:从SWF文件提取字体的高效方案">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="JPEXS Free Flash Decompiler:从SWF文件提取字体的高效方案">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1774263858a3569725.html" class="post-item-title" title="JPEXS Free Flash Decompiler:从SWF文件提取字体的高效方案"> <h3>JPEXS Free Flash Decompiler:从SWF文件提取字体的高效方案</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">11天前</div> </div> <p class="post-item-summary">JPEXS Free Flash Decompiler:从SWF文件提取字体的高效方案 在数字设计和开发工作中,经常会遇到需要从SWF文件中提取字体资源的场景。比如设计师需要复用某个Flash动画中的特殊字体,或者开发者需要还</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/516185.html?safe_token=s4pAVZGK3WktEbtXYyj4Wa5JH9_2Bg39pBg63FhbaLWXiqdbtHuma5RXlVbbO_2BXqI2lHJ5YLVO7Tg80LchN9GDig_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">全部评论&nbsp;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="/b/1773690302a3564842.html" title="AKStream项目启动提示端口号被占用:有效步骤解决「Address already in use」" class="photo-item" target="_blank" style="background:#364cc6"> <!--<img src="/view/img/nopic.png" alt="AKStream项目启动提示端口号被占用:有效步骤解决「Address already in use」" class="photo-item-img hover-scale" />--> <div class="photo-item-inner"> <h3 class="photo-item-title"> AKStream项目启动提示端口号被占用:有效步骤解决「Address already in use」 </h3> </div> </a> <a href="/p/1773718420a3564917.html" title="[ODBC]读Excel时报错:外部数据库驱动程序(1)中的意外错误解决方案_odbc拒绝访问excel" class="photo-item" target="_blank" style="background:#364cc6"> <!--<img src="/view/img/nopic.png" alt="[ODBC]读Excel时报错:外部数据库驱动程序(1)中的意外错误解决方案_odbc拒绝访问excel" class="photo-item-img hover-scale" />--> <div class="photo-item-inner"> <h3 class="photo-item-title"> [ODBC]读Excel时报错:外部数据库驱动程序(1)中的意外错误解决方案_odbc拒绝访问excel </h3> </div> </a> <a href="/b/1773726061a3565006.html" title="xp系统里把笔记本变成无线路由" class="photo-item" target="_blank" style="background:#364cc6"> <!--<img src="/view/img/nopic.png" alt="xp系统里把笔记本变成无线路由" class="photo-item-img hover-scale" />--> <div class="photo-item-inner"> <h3 class="photo-item-title"> xp系统里把笔记本变成无线路由 </h3> </div> </a> <a href="/b/1773737998a3565149.html" title="揭秘电脑上的几大流氓软件:你的电脑中了几个_iobit全家桶和360全家桶差不多吗" class="photo-item" target="_blank" style="background:#364cc6"> <!--<img src="/view/img/nopic.png" alt="揭秘电脑上的几大流氓软件:你的电脑中了几个_iobit全家桶和360全家桶差不多吗" class="photo-item-img hover-scale" />--> <div class="photo-item-inner"> <h3 class="photo-item-title"> 揭秘电脑上的几大流氓软件:你的电脑中了几个_iobit全家桶和360全家桶差不多吗 </h3> </div> </a> <a href="/b/1773932071a3567375.html" title="Linux编程利器" class="photo-item" target="_blank" style="background:#364cc6"> <!--<img src="/view/img/nopic.png" alt="Linux编程利器" class="photo-item-img hover-scale" />--> <div class="photo-item-inner"> <h3 class="photo-item-title"> Linux编程利器 </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-img">--> <!-- <a href="/p/1773595488a3563747.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="摆脱Win10慢速运行,只需这些小步骤" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="摆脱Win10慢速运行,只需这些小步骤" target="_blank" href="/p/1773595488a3563747.html"> <h3>摆脱Win10慢速运行,只需这些小步骤</h3> </a> <span class="post-date">19天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1773655512a3564444.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="从菜鸟到高手,一招学会查看电脑和显卡内存!" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="从菜鸟到高手,一招学会查看电脑和显卡内存!" target="_blank" href="/p/1773655512a3564444.html"> <h3>从菜鸟到高手,一招学会查看电脑和显卡内存!</h3> </a> <span class="post-date">18天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1773679707a3564721.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="从头到尾,全面深度清理电脑上的SWF文件和Adobe Flash Player痕迹" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="从头到尾,全面深度清理电脑上的SWF文件和Adobe Flash Player痕迹" target="_blank" href="/p/1773679707a3564721.html"> <h3>从头到尾,全面深度清理电脑上的SWF文件和Adobe Flash Player痕迹</h3> </a> <span class="post-date">18天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1773730363a3565057.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="彻底卸载360安全卫士的方法_怎么卸载360安全卫士" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="彻底卸载360安全卫士的方法_怎么卸载360安全卫士" target="_blank" href="/p/1773730363a3565057.html"> <h3>彻底卸载360安全卫士的方法_怎么卸载360安全卫士</h3> </a> <span class="post-date">17天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1773842819a3566349.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Steam商店社区错误代码进不去解决办法_错误代码:-118" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="Steam商店社区错误代码进不去解决办法_错误代码:-118" target="_blank" href="/p/1773842819a3566349.html"> <h3>Steam商店社区错误代码进不去解决办法_错误代码:-118</h3> </a> <span class="post-date">16天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/b/1773881871a3566794.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="如何修复“macOS 无法验证此应用程序没有恶意软件”_mac 打开软件一直提示 安全警告" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="如何修复“macOS 无法验证此应用程序没有恶意软件”_mac 打开软件一直提示 安全警告" target="_blank" href="/b/1773881871a3566794.html"> <h3>如何修复“macOS 无法验证此应用程序没有恶意软件”_mac 打开软件一直提示 安全警告</h3> </a> <span class="post-date">15天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1773926806a3567314.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="查看电脑ip地址的几种方法(详细简单)_怎么在终端查看本地ip地址" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="查看电脑ip地址的几种方法(详细简单)_怎么在终端查看本地ip地址" target="_blank" href="/p/1773926806a3567314.html"> <h3>查看电脑ip地址的几种方法(详细简单)_怎么在终端查看本地ip地址</h3> </a> <span class="post-date">15天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1774321529a3570386.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="一键ghost v11 build 070707 优盘版 官方_一键ghost 11.0 build 070707光盘版" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="一键ghost v11 build 070707 优盘版 官方_一键ghost 11.0 build 070707光盘版" target="_blank" href="/p/1774321529a3570386.html"> <h3>一键ghost v11 build 070707 优盘版 官方_一键ghost 11.0 build 070707光盘版</h3> </a> <span class="post-date">10天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/b/1774338676a3570588.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="解决CDLinux在笔记本电脑上启动花屏问题_u盘安装cdlinux花屏" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="解决CDLinux在笔记本电脑上启动花屏问题_u盘安装cdlinux花屏" target="_blank" href="/b/1774338676a3570588.html"> <h3>解决CDLinux在笔记本电脑上启动花屏问题_u盘安装cdlinux花屏</h3> </a> <span class="post-date">10天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/b/1774469588a3571524.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="求救!固态硬盘提示&#039;函数不正确&#039;,是时候动用修复大法了!" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="求救!固态硬盘提示&#039;函数不正确&#039;,是时候动用修复大法了!" target="_blank" href="/b/1774469588a3571524.html"> <h3>求救!固态硬盘提示&#039;函数不正确&#039;,是时候动用修复大法了!</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-img">--> <!-- <a href="/p/1774513457a3572031.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="一文教会你AIX系统备份:mksysb实用指南" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="一文教会你AIX系统备份:mksysb实用指南" target="_blank" href="/p/1774513457a3572031.html"> <h3>一文教会你AIX系统备份:mksysb实用指南</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1774513382a3572030.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="SWF文件备份失败?这些步骤让你轻松搞定" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="SWF文件备份失败?这些步骤让你轻松搞定" target="_blank" href="/p/1774513382a3572030.html"> <h3>SWF文件备份失败?这些步骤让你轻松搞定</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1774513230a3572028.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Win10系统备份轻松搞定:掌握captureimage命令的关键技巧" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="Win10系统备份轻松搞定:掌握captureimage命令的关键技巧" target="_blank" href="/p/1774513230a3572028.html"> <h3>Win10系统备份轻松搞定:掌握captureimage命令的关键技巧</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1774513079a3572026.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Linux系统安全小贴士:掌握备份与恢复,安心每一天" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="Linux系统安全小贴士:掌握备份与恢复,安心每一天" target="_blank" href="/p/1774513079a3572026.html"> <h3>Linux系统安全小贴士:掌握备份与恢复,安心每一天</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1774512928a3572024.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="省时省心!三步完成电脑系统高效备份!" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="省时省心!三步完成电脑系统高效备份!" target="_blank" href="/p/1774512928a3572024.html"> <h3>省时省心!三步完成电脑系统高效备份!</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/b/1774513306a3572029.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Ubuntu系统维护秘籍:备份步骤详解,保护你的劳动成果!" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="Ubuntu系统维护秘籍:备份步骤详解,保护你的劳动成果!" target="_blank" href="/b/1774513306a3572029.html"> <h3>Ubuntu系统维护秘籍:备份步骤详解,保护你的劳动成果!</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/b/1774513154a3572027.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Linux系统不哭:高效备份与快速恢复方案" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="Linux系统不哭:高效备份与快速恢复方案" target="_blank" href="/b/1774513154a3572027.html"> <h3>Linux系统不哭:高效备份与快速恢复方案</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/b/1774513003a3572025.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Ubuntu系统安全大计,备份技巧大公开" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="Ubuntu系统安全大计,备份技巧大公开" target="_blank" href="/b/1774513003a3572025.html"> <h3>Ubuntu系统安全大计,备份技巧大公开</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/b/1774512852a3572023.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="GHOST教程:系统备份和还原,小白也能变成高手!" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="GHOST教程:系统备份和还原,小白也能变成高手!" target="_blank" href="/b/1774512852a3572023.html"> <h3>GHOST教程:系统备份和还原,小白也能变成高手!</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/b/1774512777a3572022.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Linux备份与恢复必修课:SWF文件安全策略从入门到精通" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="Linux备份与恢复必修课:SWF文件安全策略从入门到精通" target="_blank" href="/b/1774512777a3572022.html"> <h3>Linux备份与恢复必修课:SWF文件安全策略从入门到精通</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/lvyou/1736247036a1725023.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/lvyou/1736246824a1724956.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/lvyou/1736246607a1724902.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Exploring the Exquisite Aloft Chicago O&#039;Hare: A Blend of Modern Luxury and Convenience" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="Exploring the Exquisite Aloft Chicago O&#039;Hare: A Blend of Modern Luxury and Convenience" target="_blank" href="/lvyou/1736246607a1724902.html"> <h3>Exploring the Exquisite Aloft Chicago O&#039;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-img">--> <!-- <a href="/lvyou/1736246384a1724842.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/lvyou/1736246169a1724784.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/shuma/1768821301a3533414.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="电脑设备管理器在哪里?一次让我抓狂又兴奋的寻找经历" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/shuma/1768820793a3533413.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="与GWX的持久战:一段关于Windows10升级弹窗的私人记忆" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/shuma/1768820277a3533412.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="以管理员身份运行:那些年我们追过的权限与踩过的坑" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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> <!-- JS挑战核心逻辑(静默验证,无DOM修改,不影响样式) --> <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>