网页设计标签-Linux大棚

admin 管理员组

文章数量: 1184232

2024年2月28日发(作者：自定义textarea组件)

肇庆学院青年网

一、HTML元素的语义分类

1.结构语义元素

div 语义：Division（分隔）。在文档中定义一块区域，即包含框，IE认为它是一个容器

span

语义：Span（范围）。在文本行中定义一个区域，即包含框

语义：Ordered List（排序列表）。根据一定的排序进行列表

语义：Unordered List（不排序列表）。没有排序的列表

语义：List Item（列表项目）。每条列表项

语义：Definition List（定义列表）。以定义的方式进行列表

语义：Definition Term（定义术语）。定义列表中的词条

语义：Definition Description（定义描述）。对定义的词条进行语义：Deleted Text（删除的文本）。定义删除的文本

语义：Inserted Text（插入的文本）。定义插入的文本

语义：Header 1 to Header 6（标题1到标题6）。定义不同级语义：Paragraph（段落）。定义段落结构

语义：Horizontal Rule（水平尺）。定义水平线

解释

del

ins

h1~.h6

别的标题

2.内容语义元素

a 语义：Anchor（定义锚）。锚即定位的意思，换句话说就是超链接，即在多页间定位

abbr

acronym

address

dfn

kbd

语义：Abbreviation（缩写词）。定义缩写词

语义：Acronym（取首字母的缩写词）。定义取首字母的缩写词

语义：Address（地址）。定义地址

语义：Defines a Definition Term（定义定义条目）

语义：Keyboard Text（键盘文本）。定义键盘键

语义：Sample（示例）。定义样本

语义：Variable（变量）。定义变量

语义：Teletype Text（打印机文本）。定义打印机字体

samp

var

肇庆学院青年网

code 语义：Code Text（源代码）。定义计算机源代码

pre 语义：Preformatted Text（预定义格式文本）。定义预定义格式文本，保留源代码格式

blockquote

cite

语义：Block Quotation（区块引用语）。定义大块内容引用

语义：Citation（引用）。定义引文

语义：Quotation（引用语）。引用短语

语义：Strong Text（加重文本）。定义重要文本

语义：Emphasized Text（加重文本）。定义文本为重要

strong

3.修饰语义元素

big

语义：Bold Text（粗体文本）。定义粗体

语义：Italic Text（斜体文本）。定义斜体

语义：Big Text（大文本）。定义文本增大

语义：Small Text（小文本）。定义文本变小

语义：Superscripted Text（上标文本）。定义文本上标

语义：Subscripted Text（下标文本）。定义文本下标

语义：Direction of Text Display（文本显示方向）。定义文本显语义：Break（换行）。定义换行

small

sup

sub

bdo

示方向

center

font

语义：Centered Text（居中文本）。定义文本居中

语义：Font（字体）。定义文字的样式、大小和颜色

语义：Underlined Text（下划线文本）。定义文本下划线

语义：Strikethrough Text（删除文本线）。定义删除线

strike 语义：Strikethrough Text（删除文本线）。定义删除线

二、HTML属性的语义分类

1.核心语义属性

class

语义：Class（类）。定义类规则或样式规则

语义：IDentity（身份）。定义元素的唯一标识

语义：Style（样式）。定义元素的样式声明 style

但是下面这些元素不拥有核心语义属性：

肇庆学院青年网

html、head

title

文档和头部基本结构

网页标题

网页基准信息

网页元信息

元素参数信息

网页的脚本和样式

base

误用一：一个dt和多个dd

栏目标题: 项目1; 项目2; 项目3; 项目4

误用二，缺失dt或dd元素。也就是说把定义列表当作普通列表来使用。

误用二：dt或dd缺失

项目1

项目2

项目3

项目4

四、数据表格的语义化结构

1.认识数据表的结构

table

语义：Table（表）

语义：Table Row（表格行）

语义：Table Data Cell（表格数据单元）

2.使用表格元素

th 语义：Table Header（表头）。列标题元素

肇庆学院青年网

caption 语义：Table Caption（表格标题）。数据表格的标题元素

summary 语义：Table Summary（表格摘要）。table元素的属性，定义数据表格的摘要

3.数据分组

thead

tbody

tfoot

数据列分组

col 语义：Table Columns（表格列）。在数据表中定义列区域

语义：Groups of Table Columns（数据列组）。在数据表中定义数语义：Table Header（表格头）。在数据表中定义头部区域

语义：Table Body（表格主体）。在数据表中定义主体区域

语义：Table Footer（表格脚）。在数据表中定义脚部区域

colgroup

据列组

五、表单的语义化基本结构

1.认识表单的结构

一个功能完整的表单块应该包含三部分结构：包含框、输入框和提交按钮。例如，在上面示例代码的基础上，我们完善这个表单结构：

2.认识表单元素

form

input

textarea

select

option

button

optgroup

label

fieldset

legend

语义：Form（形状）。定义表单

语义：Input Field（文本区域）。定义输入域

语义：Text Area（文本区域）。定义输入区域

语义：Selectable List（可选择的列表）。定义下拉菜单或列表框

语义：Option（选项）。定义下拉选项或列表选项

语义：Push Button（发送按钮）。定义表单的发送按钮

语义：Option Group（选项组）。定义下拉选项组

语义：Label（标签）。定义表单的控制标签

语义：Field Set（域组）。定义表单的字段域（或称字段集）

语义：Legend（图例）。定义字段域的标题

肇庆学院青年网

isindex 语义：Is Index（索引）。定义简单的输入框

所有表单元素都包含两个基本的属性：

name：该属性定义了表单对象的控制句柄，后台服务器能够利用该属性值来读取其中的数据或者控制该对象。除了按钮之后，其他表单对象都必须设置name属性。设置name属性可以根据对应表单对象的包含的内容来确定。

id：该属性定义了表单对象的ID编码，前台客户端脚本能够利用该属性控制该对象的动态表现。一般可以为表单对象的name和id属性设置相同的属性值。

元素

form是表单的包含框，任何其他表单域都必须包含其中。另外，form元素也可以说是表单数据的前端处理器，因为它负责数据的收集、打包和发送。掌握form元素的关键是要理解它所包含的几个核心属性：

enctype是Encase Type（包装类型）的简称，该属性将设置表单中用户输入的数据发送到服务器时，浏览器使用的编码类型。

action属性用来设置表单提交数据的目标文件。该文件一般可以是任意位置和任何类型的文件。

method属性是form元素的另一个重要属性，method直译为方法的意思，它表示处理表单数据的方法。method属性主要包括两种方法：get和post，在数据传输过程中分别对应HTTP协议中的GET和POST方法。

元素

input直译为输入的意思，input元素可以定义多种形式的输入框，用来接收用户输入的数据。输入框的形式主要通过type属性来决定。

type=“text“，定义单行文本框。

ype=“password”，定义密码域。

type=“hidden”，定义隐藏域。

type=“checkbox”，定义复选框。

type=“radio”，定义单选按钮。

type=“file”，定义文件域。

type=“submit”，定义提交按钮。

type=“image”，定义图像按钮。

type=“button”，定义普通按钮。

ea和select元素

textarea元素用来设置文本区域，也就是所谓的多行文本框。当需要用户输入大量数据时，使用textarea元素是最佳选择。

肇庆学院青年网

cols和rows分别设置文本区域的字符宽度和行数。wrap属性定义用户输入内容大于文本域宽度时的显示方式

select元素用来定义下拉菜单或列表框。select元素必须与option元素配合使用，使用option元素定义每个选项的信息，包括显示的值和要传递的值。

六、HTML元素的显示类型

1.块状元素

html、body、frameset、frame、noframes、iframe

form、fieldset、legend 表单结构块

div 布局结构块

p 段落结构块

h1、h2、h3、h4、h5、h6 标题结构块

ol、ul、dl、dt、dd、menu、dir 表结构块

col、colgroup 表格列结构块

center 居中结构块

pre 预定义结构块

网页、框架基本结构块

address 引用结构块

blockquote 特定信息结构块

hr 结构装饰线

isindex 交互提示框

title 网页标题框

2.行内元素

span 行内包含框

a、area 超链接和映射包含框

img 图像包含框

abbr、acronym、b、bdo、big、cite、code、del、dfn、em、font、i、ins、kbd、q、s、samp、small、strike、strong、sub、sup、tt、u、var

格式化信息包含框

button、select、textarea、label

applet、object

单对象包含框

可执行的插件或对象包含框

caption 表格标题包含框

肇庆学院青年网

noscript 无脚本包含框

其他元素

头部区域隐藏元素

head 头部包含框

base URL基础

basefont 默认基础字体属性

link

meta

script

style

行内块状元素

input

optgroup

option

列表项元素

结构内隐藏元素

map

param

表格系列类型元素

table

tbody

tfoot

thead

链接

元信息

脚本

样式

输入框

下拉项分组

下拉项

列表项

图像映射包含框

参数

换行

表格框显示

表格行显示

单元格显示

表格标题显示

表格行组显示

表格脚注组显示

表格标题组显示

肇庆学院青年网

七、附录

在html文档中使用的创建链接的最基本的元素，它可以用于创建源锚，也成为标记锚。

元素用于定义链接或目的锚，它的开始和结束标记不可以缺省

name：此属性用于给目的锚命名以便其他的链接指向该锚

href：此属性用于定义一个指向WEB资源的URL

hreflang：此属性用于定义链接所指向的文档的基准语言信息，仅当设置了href属性时此属性才有效

type：此属性用于定义a元素中文本的类型

rel：此属性用于定义由href属性所指定的文档的关系，它的值是由空格分开的链接类型列表

rev：此属性用于定义由href属性所指定的锚与当前文档的反向链接关系，它的值是由空格分开的链接类型的列表

charset：此属性用于定义链接指向的文档的字符编码方式

可以用在文件的开头部分，即与之间的位置，将影响全文字句，是一个空标记，用以改变字体显示的默认值

定义文档的基准路径，它是一个空元素，只有开始标记，没有结束标记。可用属性包括href和target

href：此属性用于定义文档的基准路径，它的值是一个绝对的URL

target：可用值_self、_top、_blank、_parent

背景音乐,如:

src=""

loop="10">

src：音乐的路径

loop:播放的次数

5. 、

至称主体。如：

text="#000000" link="#000000" alink=

"#000000" vlink="#000000"

background= ""

bgcolor="#000000" leftmargin=2

topmargin=2 bgproperties="fixed">

text：设定文字颜色

link：设定一般文字链接颜色

alink：设定刚按下时文本链接颜色

vlink：设定链接后的颜色（被按过）

background：设定背景图片，GIF或JPG格式皆可。可以是绝对路径或相对路径。

bgcolor：设定背景颜色，当已设定背景图片时会失去作用，除非图片有透明部分。

leftmargin：设定整份文件显示画面的左方边沿空间半径为像素（只适用IE）

topmargin：设定整份文件显示画面的上方边沿空间半径为像素（只适用IE）

bgproperties：固定背景图片，当卷动文字时图片不会跟随卷动（只适用IE）

为表格标识一个标题列，如在表格上加上一没格线的打通列，当然也可置于下方，通常用于存放该表格的标题，如：

calign="top">

align：表格内字、画的摆放位置，可用left、center、right指定

valign：表格内字、画的摆放位置（垂直），可用top、middle、bottom指定

肇庆学院青年网

7. Color

字体颜色

Flash代码，如：

widht="100" height="100">

src：FLASH路径

height：宽度

width：高度

9. 、

由至称为头部

10. 、

整份文件处于与标记之间。只可出现在开头部分，所标识的是文件的标题 </p><p style="text-indent: 2em;";>11. <hr> </p><p style="text-indent: 2em;";>水平线，如：<hr align="center" size="2" </p><p style="text-indent: 2em;";>width="100%" color="#000000" noshade> </p><p style="text-indent: 2em;";>align：设定线条摆放位置，可选择right（右边）、center（居中）、left（左边） </p><p style="text-indent: 2em;";>size：设定线条厚度，以像素作单位，默认为２ </p><p style="text-indent: 2em;";>width：设定线条长度，可以是绝对值（以像素作单位）或相对值，默认为100% </p><p style="text-indent: 2em;";>color：字体颜色 </p><p style="text-indent: 2em;";>noshade：设定线条为平面显示，若删除则具阴影或立体，默认为noshade </p><p style="text-indent: 2em;";>12. <img> </p><p style="text-indent: 2em;";>图形标记，如：<p style="text-indent: 2em;";>width="100%" height="100%" hspace="5" </p><p style="text-indent: 2em;";>vspace="5" border="2" align="center" </p><p style="text-indent: 2em;";>alt="logo" lowsrc=""> </p><p style="text-indent: 2em;";>src：指定图片的相对或绝对路径 </p><p style="text-indent: 2em;";>width：图片宽度 </p><p style="text-indent: 2em;";>height：图片高度 </p><p style="text-indent: 2em;";>hspace：设定图片边沿空白，是设定图片 </p><p style="text-indent: 2em;";>左右空间 </p><p style="text-indent: 2em;";>vspace：设定图片边沿空白，是设定图片上下空间 </p><p style="text-indent: 2em;";>border：图片边框厚度 </p><p style="text-indent: 2em;";>align：调整图片旁边文字的位置，可选择left、right、top、middle或bottom，默认为bottom </p><p style="text-indent: 2em;";>alt：用以锚述该图形的文字 </p><p style="text-indent: 2em;";>lowsrc：设定先显示低解像图片，若所加入的是一张很大的图片，下载时间长，这张低解像图片会先被显示 </p><p style="text-indent: 2em;";>13. <input> </p><p style="text-indent: 2em;";>种类有：text、radio、checkbox、password、submit/reset、image、file、hidden </p><p style="text-indent: 2em;";>如：<input type="text" </p><p style="text-indent: 2em;";>name="age" value="20" align="center" </p><p style="text-indent: 2em;";>size="2" maxlength="255"> </p><p style="text-indent: 2em;";>type：可选择text、radio、checkbox、password、submit/reset、image、file、hidden </p><p style="text-indent: 2em;";>name：名称 </p><p style="text-indent: 2em;";>value：默认值，若不填写，文字盒是空白。 </p><p style="text-indent: 2em;";>align：可选择left、right、top、middle、bottom、txttop、buseline、absmiddle </p><p style="text-indent: 2em;";>size：文字盒的长度 </p><p style="text-indent: 2em;";>maxlength：此一单行文字盒可输入字数的上限 </p><p style="text-indent: 2em;";>14. <font> </p><p style="text-indent: 2em;";>本身亦受<basefont>的影响，如：<font face="Arial" size="2" </p><p style="text-indent: 2em;";>color="#000000"> </p><p style="text-indent: 2em;";>face：设定文字的字形，建议不要使用“Windows"内建字体以外的字形 </p><p style="text-indent: 2em;";>size：设定文字大小，其值可以是绝对或相对。不受<basefont>影响。默认为3 </p><p style="text-indent: 2em;";>15. <form> </p><p style="text-indent: 2em;";>表单标记，如：<form </p><p style="text-indent: 2em;";>action="" method="post"> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>11 </p><p style="text-indent: 2em;";>肇庆学院青年网 </p><p style="text-indent: 2em;";>action：指明该程序的位置 </p><p style="text-indent: 2em;";>method：选择传递程序的方式，可选post和get。post允许传送大量的资料，get只接受低于1KB的资料 </p><p style="text-indent: 2em;";>16. <frameset> </p><p style="text-indent: 2em;";>框架标记，用以声明html文件为框架模式并设定视窗如何分割，如：<framest </p><p style="text-indent: 2em;";>rows="90,*"(cols="90,*") frameborder="0" </p><p style="text-indent: 2em;";>framespaling="2" border="2" bordercolor= </p><p style="text-indent: 2em;";>"#000000"> </p><p style="text-indent: 2em;";>rows：横向切割，将画面上下分开 </p><p style="text-indent: 2em;";>cols：垂直切割画面，接受整数值、百分数，*则代表占用余下空间，数值的个数代表分成的视窗数目，且以逗号分隔。如：cols="30,*,50%"表示可以切割成3个视窗，第一个视窗是 30的宽度，为一绝对分割。第二个视窗是当分割完第一及第三个视窗后剩下的空间，第三个视窗则占据整个画面的50%，宽度为相对分割 </p><p style="text-indent: 2em;";>frameborder：设定框架的边距，其值有0和1。0表示不要边框，1表示要显示边框 </p><p style="text-indent: 2em;";>framespaling：表示框架与框架间的保留空白的距离 </p><p style="text-indent: 2em;";>border：设定框架的边框厚度，以像素为单位 </p><p style="text-indent: 2em;";>bordercolor：设定框架的边框颜色 </p><p style="text-indent: 2em;";>17. <frame> </p><p style="text-indent: 2em;";>设定某一框架内的参数属性，如：<frame </p><p style="text-indent: 2em;";>name="top" src="/blog/" marginwidth= </p><p style="text-indent: 2em;";>"5" marginheight="5" scrolling="aoto" </p><p style="text-indent: 2em;";>frameborder="0" framespacing="6" noresize </p><p style="text-indent: 2em;";>bordercolor="#000000"> </p><p style="text-indent: 2em;";>name：设定这个框架的名称，这样才能指定框架来进行链接，必须有任意命名 </p><p style="text-indent: 2em;";>src：显示的页面 </p><p style="text-indent: 2em;";>marginwidth：表示框架宽度部分边缘所保留的空间 </p><p style="text-indent: 2em;";>marginheight：表示框架高度部分边缘所 </p><p style="text-indent: 2em;";>保留的空间 </p><p style="text-indent: 2em;";>scrolling：设定是否要显示卷轴，yes表示要显示卷轴，no表示无论如何都不要显示，aoto是视情况显示 </p><p style="text-indent: 2em;";>frameborder：设定框架的边框，其值有0和1。0表示不要边框，1表示要显示边框 </p><p style="text-indent: 2em;";>framespacing：表示框架与框架间的保留空白的距离 </p><p style="text-indent: 2em;";>noresize：设定不允许使用者改变这个框架的大小，若没有设定此参数，使用者可以随意地拉动边框，改变其大小 </p><p style="text-indent: 2em;";>bordercolor：设定框架的边框颜色 </p><p style="text-indent: 2em;";>18. <li> </p><p style="text-indent: 2em;";>用于标识清单选项，只适用于非顺序清单，设定符号样式。其值有3种，如：<li type="square" value="4"> </p><p style="text-indent: 2em;";>符号●是当前type="disc"时的列项符号 </p><p style="text-indent: 2em;";>符号○是当前type="circle"时的列项符号 </p><p style="text-indent: 2em;";>符号■是当前type="square"时的列项符号 </p><p style="text-indent: 2em;";>value：只适用于顺序清单，其值只能为：1,2,3,…等整数。没有默认值。 </p><p style="text-indent: 2em;";>19. <marquee> </p><p style="text-indent: 2em;";>滚动代码，如：<marquee </p><p style="text-indent: 2em;";>direction="left" scrollamount="20" </p><p style="text-indent: 2em;";>scrolldelay="120" loop= "50" </p><p style="text-indent: 2em;";>width="319" height="50">可放文字和图片</marquee> </p><p style="text-indent: 2em;";>behavior：可用属性有alternate（交替）、slide（进行一次滚动）、scrool（循环往返） </p><p style="text-indent: 2em;";>direction：可用属性有right、up、down、left </p><p style="text-indent: 2em;";>scrollamount：数量 </p><p style="text-indent: 2em;";>height：宽度 </p><p style="text-indent: 2em;";>width：高度 </p><p style="text-indent: 2em;";>loop：滚动次数 </p><p style="text-indent: 2em;";>scrolldelay：延迟时间 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>12 </p><p style="text-indent: 2em;";>肇庆学院青年网 </p><p style="text-indent: 2em;";>20. <menu>、<dir> </p><p style="text-indent: 2em;";>这两个标记都不为W3所赞同，希望用者能用<ul>及<ol>代替，两个标记的用法与<ul>完全一样 </p><p style="text-indent: 2em;";>21. <noframes> </p><p style="text-indent: 2em;";>若浏览器支持框架，那么它不会理会noframes中的东西，但若浏览器不支持框架，那么浏览器将会显示noframes中的内容。 </p><p style="text-indent: 2em;";>22. <ol> </p><p style="text-indent: 2em;";>称为顺序清单标记，所谓顺序清单就是在每一项前面加上1,2,3,…等数，又称为编引清单，如：<ol type="1" start="4"> </p><p style="text-indent: 2em;";>type：设定数目样式，共有5种，默认为：type="1" </p><p style="text-indent: 2em;";>start：设定开始数目，不论设定了哪一数目款式，其值只能是1,2,3,…等整数，默认为：start="1" </p><p style="text-indent: 2em;";>1：阿拉伯数字 1,2,3,… </p><p style="text-indent: 2em;";>a：小写字母 a,b,c,… </p><p style="text-indent: 2em;";>A：大写字母 A,B,C,… </p><p style="text-indent: 2em;";>i：小写罗马字母 i,ii,iii,… </p><p style="text-indent: 2em;";>I：大写罗马字母 I,II,III,… </p><p style="text-indent: 2em;";>23. <p> </p><p style="text-indent: 2em;";>段落标记，如：<p align="center">，可选择right（右边）、center（居中）、left（左边） </p><p style="text-indent: 2em;";>默认值：align="left" </p><p style="text-indent: 2em;";>24. < table> </p><p style="text-indent: 2em;";>一个容器标记，意思是说它用以声明这是表格而且其他表格标记只能在它范围内才适用，如：<table border="1"cellspacing="2" </p><p style="text-indent: 2em;";>cellpadding="2" </p><p style="text-indent: 2em;";>align="center".valign="middl- e" </p><p style="text-indent: 2em;";>background="" bgcolor="#00000 </p><p style="text-indent: 2em;";>0"bordercolor="#000000" </p><p style="text-indent: 2em;";>bordercolorlight="#0 00000" width="100%" </p><p style="text-indent: 2em;";>height="100%"> </p><p style="text-indent: 2em;";>border：表格线宽度 </p><p style="text-indent: 2em;";>cellspacing：字体格线距离 </p><p style="text-indent: 2em;";>cellpadding：文字与隔线的距离 </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;";>background：表格背景图片，与bgcolor不要同用 </p><p style="text-indent: 2em;";>bgcolor：表格底色，与background不要同用 </p><p style="text-indent: 2em;";>bordercolor：表格边框颜色，在Netscape与IE有不同的效果 </p><p style="text-indent: 2em;";>bordercolorlight：表格边框向阳部分的颜色 </p><p style="text-indent: 2em;";>width：表格宽度 </p><p style="text-indent: 2em;";>height：表格高度 </p><p style="text-indent: 2em;";>25. <td> </p><p style="text-indent: 2em;";>用于标识储存格，如：<td </p><p style="text-indent: 2em;";>align="center" </p><p style="text-indent: 2em;";>valign="middle" width="100%" </p><p style="text-indent: 2em;";>height= "100%" </p><p style="text-indent: 2em;";>colspan="2"(rowspan="2")> </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;";>width：表格宽度 </p><p style="text-indent: 2em;";>height：表格高度 </p><p style="text-indent: 2em;";>colspan：用于储存表格右边打通的列数 </p><p style="text-indent: 2em;";>rowspan：用于储存表格左边打通的列数 </p><p style="text-indent: 2em;";>26. <th> </p><p style="text-indent: 2em;";>用于标识储存格，和<td>一样，唯一不同的是，<th>所标识的储存格中的文字是以粗体出现的，如：<th </p><p style="text-indent: 2em;";>align="center"valign="middle" </p><p style="text-indent: 2em;";>width="100%" height="100%" </p><p style="text-indent: 2em;";>colspan="2" (rowspan="2")> </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;";>width：表格宽度 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>13 </p><p style="text-indent: 2em;";>肇庆学院青年网 </p><p style="text-indent: 2em;";>height：表格高度 valign：表格内文字、图像的摆放位colspan：用于储存表格右边打通的列数置（垂直），可选择top、middle、rowspan：用于储存表格左边打通的列数 bottom </p><p style="text-indent: 2em;";>27. <tr> width：表格宽度 </p><p style="text-indent: 2em;";>用于标识表格列，如：<tr align="center" height：表格高度 </p><p style="text-indent: 2em;";>valign="middle" width="100%"height="100%" > 28. <ul> </p><p style="text-indent: 2em;";>align：表格内文字、图像的摆放位置，可选无序清单标记，如：<ul </p><p style="text-indent: 2em;";>择left、center、right type="square"> </p><p style="text-indent: 2em;";>符号●是当前type="disc"时的列项符号 </p><p style="text-indent: 2em;";>符号○是当前type="circle"时的列项符号 </p><p style="text-indent: 2em;";>符号■是当前type="square"时的列项符号 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>14 </p></div><br><p><h2></h2></p>  <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/772.html" target="_blank">定义</a> <a style="margin-right: 10px" href="/tag/428094.html" target="_blank">元素</a> <a style="margin-right: 10px" href="/tag/232.html" target="_blank">属性</a> <a style="margin-right: 10px" href="/tag/748.html" target="_blank">文本</a> <a style="margin-right: 10px" href="/tag/735.html" target="_blank">表格</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：网页设计标签内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://www.roclinux.cn/p/1709076929a537795.html">http://www.roclinux.cn/p/1709076929a537795.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="/p/1771763039a3548280.html" class="post-item-title" title="优化你的编程体验：Firenvim配置中globalSettings与localSettings的全方位指导"> <h3>优化你的编程体验：Firenvim配置中globalSettings与localSettings的全方位指导</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">Firenvim配置对象深度解析：globalSettings和localSettings的完整用法 Firenvim是一个强大的浏览器插件，它允许你在浏览器中直接使用Neovim编辑器。通过精心配置globalSetting</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1771817468a3548900.html" class="post-item-title" title="告别烦恼！这个小技巧帮你锁定IE主页安全"> <h3>告别烦恼！这个小技巧帮你锁定IE主页安全</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">篡改IE默认主页是恶意网站和病毒惯用的手法，目的是为了增加其网站流量，并偷偷安装木马。下面告诉大家一个绝招，即使病毒修改了你的主页也没用，最后讲述清除恶意主页的办法。首先在我的电脑里定位到IE安装目录：C:Program</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1771934485a3550232.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">其实win7本身就自带无线热点的功能，按下面的方法设置。开启windows 7的隐藏功能：虚拟WiFi和SoftAP（即虚拟无线AP），就可以让电脑变成无线路由器，实现共享上网，节省网费和路由器购买费。以</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1772019744a3551207.html" class="post-item-title" title="轻松几步！让笔记本的WiFi信号也给台式电脑带来网络"> <h3>轻松几步！让笔记本的WiFi信号也给台式电脑带来网络</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 无线上网共享台式机设置问题大致描述：笔记本现在可以无线上网，怎么设置可以把网络通过网线对连共享给台式机解决方法：【Windows XP 设置方法】</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1772216984a3553442.html" class="post-item-title" title="不再迷茫：Windows XP用户指南-如何灵活管理任务栏图标位置"> <h3>不再迷茫：Windows XP用户指南-如何灵活管理任务栏图标位置</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">1、在XP系统的任务栏属性里，开启显示“快速启动栏”鼠标右击电脑桌面底部的“任务栏”–》属性—》勾选√“显示快速启动” 2、点击桌面左下角的“开始”–》运行–》输入: regsvr32 n i:u shell3</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1772311283a3554492.html" class="post-item-title" title="为什么在校园网里，能登陆QQ，但浏览器就是不听话？"> <h3>为什么在校园网里，能登陆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">今天下午本来是打算来机房多看几篇博客顺便评论的，结果来了之后发现新装的win10系统说是激活失败，于是上网查了一个激活工具，然后下载下来激活（这个不是什么好的行为，大家一定要支持正版啊~），结果激活软件运行之后不仅系统没有激活成功，</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1772337203a3554775.html" class="post-item-title" title="desktop.ini的日常应用和Adobe Flash Player的秘密联系"> <h3>desktop.ini的日常应用和Adobe Flash Player的秘密联系</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">0x00 前言在一次应急响应的过程中发现某恶意脚本使用desktop.ini更改文件夹属性进行隐藏。但是一直在忙于出差没啥时间进行研究，刚好现在稍微有一点时间，于是对desktop.ini进行研究。发现网上没有类似文章，遂特</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1772424516a3555778.html" class="post-item-title" title="Excel新手必看！探索XlFileFormat枚举值与文件扩展名之间的奥妙关系"> <h3>Excel新手必看！探索XlFileFormat枚举值与文件扩展名之间的奥妙关系</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">名称值说明扩展名xlAddIn18 Microsoft Excel 97-2003 外接程序</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1772425444a3555790.html" class="post-item-title" title="深入探讨：从XlFileFormat到._xl_file，解锁Excel文件保存的奥秘"> <h3>深入探讨：从XlFileFormat到._xl_file，解锁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">1月前</div> </div> <p class="post-item-summary">名称值说明扩展名xlAddIn18 Microsoft Excel 97-2003 外接程序</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1772641979a3557678.html" class="post-item-title" title="SWF文件与Adobe Flash Player的秘密：隐藏技巧全面解析"> <h3>SWF文件与Adobe Flash Player的秘密：隐藏技巧全面解析</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">以下方法隐藏强度由低到高。方法一：普通隐藏法。在要隐藏的文件、文件夹上单击右键——属性，在“隐藏”选项上打勾，应用后刷新即可。可以使用命令提示符给文件文件夹加上系统和只读属性使其隐蔽性增加一点点。方法为：开始——运行——输</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1773212901a3559467.html" class="post-item-title" title="Windows隐藏文件恢复指南：找回你的文件大行动"> <h3>Windows隐藏文件恢复指南：找回你的文件大行动</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">23天前</div> </div> <p class="post-item-summary">显示隐藏文件的方法打开文件资源管理器，点击顶部菜单栏的“查看”选项。在“显示隐藏”区域勾选“隐藏的项目”。此时所有隐藏文件和文件夹会以半透明图标显示，可直接访问或操作。通过文件夹选项恢复在文件资源管理器</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773217513a3559518.html" class="post-item-title" title="宽带连接屡遭651？全面解析问题根源，轻松破解故障！"> <h3>宽带连接屡遭651？全面解析问题根源，轻松破解故障！</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">23天前</div> </div> <p class="post-item-summary">我们日常使用网络的过程中有时候如果出现提示宽带连接错误651的提示，那么这个是什么原因你，其实宽带连接错误651为调制解调器（modem）发出的错误报告，一般情况下是未找到指定的端口。接下来我们来看看如何解决：</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773492928a3562558.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">20天前</div> </div> <p class="post-item-summary">笔记本无线网络连接不上的解决方法第一步：应检查无线网卡的驱动是否安装正确。右键点击“我的电脑”-属性-硬件-设备管理器，查看是否存在标有问号或叹号的网络设备，如果有，则说明无线网卡驱动安装不正确。使用金山卫士的“硬件检测”功</p> </div> <div class="roclinux-cn post-item">         <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">20天前</div> </div> <p class="post-item-summary">1.什么是VLOOKUP？VLOOKUP是中的一个内置函数，主要用于在区域或表格的首列查找指定的值，并返回该行中其他列的值。它特别适用于跨表格数据匹配2.函数运用 2.1.这边两个表取名a表和b</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1773552347a3563244.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="/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">20天前</div> </div> <p class="post-item-summary">1.什么是VLOOKUP？VLOOKUP是中的一个内置函数，主要用于在区域或表格的首列查找指定的值，并返回该行中其他列的值。它特别适用于跨表格数据匹配2.函数运用 2.1.这边两个表取名a表和b</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1773585387a3563626.html" class="post-item-title" title="在Adobe Flash Player内，500错误是通往Flash中心的障碍"> <h3>在Adobe Flash Player内，500错误是通往Flash中心的障碍</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">19天前</div> </div> <p class="post-item-summary">网页无法显示您要访问的网页存在问题，因此无法显示。 ---------------------------------------------请尝试下列操作：打开</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1773643824a3564302.html" class="post-item-title" title="Win8应用开发教程：深入解析本地应用设置"> <h3>Win8应用开发教程：深入解析本地应用设置</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">18天前</div> </div> <p class="post-item-summary">ApplicationData有一个静态属性——Current，不用多解释，指的自然是我们当前运行的应用程序。因此，我们就知道，要得到当前应用程序的ApplicationData，就通过该属性。好的，第一个</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1773659855a3564495.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">18天前</div> </div> <p class="post-item-summary">很多笔记本的触摸板不好用，想要禁止，然后另外连接键盘鼠标使用，小编自己就是使用的笔记本禁用触摸板驱动，安装完重启电脑后，在电脑右下角任务栏上有个图标，点鼠标右键，选择设置--定点装置属性--禁用，就可以了，想用的时候就开启回来就行了。</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1773678875a3564710.html" class="post-item-title" title="释放你的电脑潜能：一招解决Adobe Flash Player中的垃圾问题"> <h3>释放你的电脑潜能：一招解决Adobe Flash Player中的垃圾问题</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">18天前</div> </div> <p class="post-item-summary">1、手动清理（1）打开资源管理器，右键-属性，点击“磁盘清理”，然后选中要清理的文件，点击确定即可；（2）对于一些软件的卸载残留，可以打开注册表，找到各目录下的software子目录，从里面找那些你已经卸载过的软件</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1774489787a3571758.html" class="post-item-title" title="192.168.1.1的神奇世界：家庭网络中的私有地址"> <h3>192.168.1.1的神奇世界：家庭网络中的私有地址</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">9天前</div> </div> <p class="post-item-summary">虽然前面小编也发布过关于的相关信息,但是都是解释相关的问题的,没有好好介绍关于的信息,今天小编星期八就给大家介绍一下的详细信息! 是什么? 192.168.0.1属于IP地址的</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/537795.html?safe_token=bS9Xov95ydxdjhSIHKQcncwq76WY_2FSd4Z01bXqI5BXdmZW6zS81XwT_2F2moeZSuITtJ2dkGXFSQjSOv0gP6FJmQ_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="/b/1774191600a3568889.html" title="League Akari：英雄联盟智能辅助工具完全指南" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> League Akari：英雄联盟智能辅助工具完全指南 </h3> </div> </a> <a href="/p/1774226043a3569283.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/1774358478a3570819.html" title="QQ短暂支持跳转抖音淘宝又封禁今天可是最后期限！_qq跳抖音怎么跳" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> QQ短暂支持跳转抖音淘宝又封禁今天可是最后期限！_qq跳抖音怎么跳 </h3> </div> </a> <a href="/p/1774460166a3571418.html" title="Google拼音输入技巧：顿号使用与自定义短语轻松get" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Google拼音输入技巧：顿号使用与自定义短语轻松get </h3> </div> </a> <a href="/b/1774484103a3571691.html" title="游戏无法打开？可能只是因为少了一个WPCAP.dll！" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 游戏无法打开？可能只是因为少了一个WPCAP.dll！ </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="Word 2010老是自动进安全模式，是不是文件有问题？" target="_blank" href="/p/1773684378a3564777.html"> <h3>Word 2010老是自动进安全模式，是不是文件有问题？</h3> </a> <span class="post-date">18天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="移动硬盘提示磁盘结构损坏且无法读取怎么办_移动硬盘磁盘结构损坏且无法读取" target="_blank" href="/b/1773781648a3565647.html"> <h3>移动硬盘提示磁盘结构损坏且无法读取怎么办_移动硬盘磁盘结构损坏且无法读取</h3> </a> <span class="post-date">17天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="windows服务器多种磁盘划分_windows跨区卷弊端" target="_blank" href="/p/1773910893a3567127.html"> <h3>windows服务器多种磁盘划分_windows跨区卷弊端</h3> </a> <span class="post-date">15天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="windows 电脑，桌面没有我的电脑图标，如何在桌面展示_win2008如何显示我的电脑" target="_blank" href="/p/1774010283a3568278.html"> <h3>windows 电脑，桌面没有我的电脑图标，如何在桌面展示_win2008如何显示我的电脑</h3> </a> <span class="post-date">14天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="播放器可以完成：开机自动打开指定网页，自动运行浏览器打开指定的网页。_电视开机自动打开网页" target="_blank" href="/b/1774169732a3568638.html"> <h3>播放器可以完成：开机自动打开指定网页，自动运行浏览器打开指定的网页。_电视开机自动打开网页</h3> </a> <span class="post-date">12天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="移动硬盘在电脑上不显示怎么办？三招教你轻松搞定_设备管理器怎么管理硬盘" target="_blank" href="/p/1774233826a3569376.html"> <h3>移动硬盘在电脑上不显示怎么办？三招教你轻松搞定_设备管理器怎么管理硬盘</h3> </a> <span class="post-date">12天前</span> </div> </li> <li class="mclas">      <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">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="网速慢到让人崩溃？试试这3个有效方法，让你的电脑焕然一新！" target="_blank" href="/p/1774466640a3571492.html"> <h3>网速慢到让人崩溃？试试这3个有效方法，让你的电脑焕然一新！</h3> </a> <span class="post-date">9天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="菜鸟也能学会！Windows 10系统还原轻松指南" target="_blank" href="/p/1774485687a3571710.html"> <h3>菜鸟也能学会！Windows 10系统还原轻松指南</h3> </a> <span class="post-date">9天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="一招解决NOD32密码问题，让电脑安全无忧！" target="_blank" href="/p/1774487037a3571725.html"> <h3>一招解决NOD32密码问题，让电脑安全无忧！</h3> </a> <span class="post-date">9天前</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">8天前</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">8天前</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">8天前</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">8天前</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">8天前</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">8天前</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">8天前</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">8天前</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">8天前</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">8天前</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-1"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-1"]').addClass('current-menu-item'); </script> </body> </html>