独家记忆0408

HTML标签属性大全（开发人员必备）

最常见的HTML标签属性大全，和大家分享一下：

字体效果

...

标题字(最大)

...

标题字(最小)

...粗体字

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

...斜体字

...斜体字(强调)

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

...底线

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

~~...~~横线

~~...~~删除线

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

...键盘文字

... 打字体

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

...</plaintext>固定宽度字体(不执行标记符号) </span> </p> <p><span style="font-size:18px;"><listing>...</listing> 固定宽度小字体 </span></p> <p><span style="font-size:18px;"><font color=00ff00>...</font>字体颜色 </span></p> <p><span style="font-size:18px;"><font size=1>...</font>最小字体 </span></p> <p><span style="font-size:18px;"><font style =’font-size:100 px’>...</font>无限增大 </span> </p> <p><strong><span style="font-size:18px;">区断标记 </span></strong></p> <p><span style="font-size:18px;"><hr>水平线</span></p> <p><span style="font-size:18px;"><hr size=’9’>水平线(设定大小) </span></p> <p><span style="font-size:18px;"><hr width=’80%’>水平线(设定宽度) </span></p> <p><span style="font-size:18px;"><hr color=’ff0000’>水平线(设定颜色) </span></p> <p><span style="font-size:18px;"><br>(换行) </span></p> <p><span style="font-size:18px;"><nobr>...</nobr>水域(不换行) </span></p> <p><span style="font-size:18px;"><p>...</p>水域(段落) </span></p> <p><span style="font-size:18px;"><center>...</center>置中 </span></p> <p><strong><span style="font-size:18px;"><!>连结格式 </span></strong></p> <p><span style="font-size:18px;"><base href=位址>(预设好连结路径) </span></p> <p><span style="font-size:18px;"><a href=位址></a>外部连结 </span></p> <p><span style="font-size:18px;"><a href=位址 target=’_blank’></a>外部连结(另开新视窗) </span> </p> <p><span style="font-size:18px;"><a href=位址 target=’_top’></a>外部连结(全视窗连结) </span></p> <p><span style="font-size:18px;"><a href=位址 target=’页框名’></a>外部连结(在指定页框连结) </span> </p> <p><strong><span style="font-size:18px;"><!>贴图/音乐 </span></strong></p> <p><span style="font-size:18px;"><img src=图片位址>贴图 </span></p> <p><span style="font-size:18px;"><img src=图片位址 width=’180’>设定图片宽度 </span></p> <p><span style="font-size:18px;"><img src=图片位址 height=’30’>设定图片高度 </span></p> <p><span style="font-size:18px;"><img src=图片位址 alt=’提示文字’>设定图片提示文字 </span></p> <p><span style="font-size:18px;"><img src=图片位址’ border=’1’>设定图片边框 </span></p> <p><span style="font-size:18px;"><bgsound src=MID音乐档位址>背景音乐设定 </span></p> <p><strong><span style="font-size:18px;"><!>表格语法 </span></strong></p> <p><span style="font-size:18px;"><table aling=left>...</table>表格位置,置左</span></p> <p><span style="font-size:18px;"><table aling=center>...</table>表格位置,置中</span></p> <p><span style="font-size:18px;"><table background=图片路径>...</table>背景图片的URL=就是路径网址 </span></p> <p><span style="font-size:18px;"><table border=边框大小>...</table>设定表格边框大小(使用数字) </span> </p> <p><span style="font-size:18px;"><table bgcolor=颜色码>...</table>设定表格的背景颜色 </span></p> <p><span style="font-size:18px;"><table borderclor=颜色码>...</table>设定表格边框的颜色 </span> </p> <p><span style="font-size:18px;"><table borderclordark=颜色码>...</table>设定表格暗边框的颜色 </span> </p> <p><span style="font-size:18px;"><table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 </span> </p> <p><span style="font-size:18px;"><table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字) </span></p> <p><span style="font-size:18px;"><table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字) </span></p> <p><span style="font-size:18px;"><table cols=参数>...</table>指定表格的栏数 </span></p> <p><span style="font-size:18px;"><table frame=参数>...</table>设定表格外框线的显示方式 </span></p> <p><span style="font-size:18px;"><table width=宽度>...</table>指定表格的宽度大小(使用数字) </span> </p> <p><span style="font-size:18px;"><table height=高度>...</table>指定表格的高度大小(使用数字) </span> </p> <p><span style="font-size:18px;"><td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) </span></p> <p><span style="font-size:18px;"><td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) </span></p> <p><strong><span style="font-size:18px;">分割视窗 </span></strong></p> <p><span style="font-size:18px;"><frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 </span></p> <p><span style="font-size:18px;"><frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整 </span></p> <p><span style="font-size:18px;"><frameset cols="20%,*">分割左右两个框架 </span></p> <p><span style="font-size:18px;"><frameset cols="20%,*,20%">分割左中右三个框架 </span></p> <p><span style="font-size:18px;"><分割上下两个框架</span></p> <p><span style="font-size:18px;"><frameset rows="20%,*,20%">分割上中下三个框架 </span></p> <p><span style="font-size:18px;">属性： </span></p> <p><span style="font-size:18px;"><strong>cols</strong> 垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。 </span></p> <p><span style="font-size:18px;"><strong>rows</strong> 就是横向切割，将窗口上下分开，数值设置同上。 </span> </p> <p><span style="font-size:18px;">以上两属性尽量不要在同一个<frameset>标记中，因为王井（netscape）不支持，尽量采用多重分割。 </span></p> <p><span style="font-size:18px;">frameborder 设置框架的边框，其值有0不要边框，1要边框。 </span></p> <p><span style="font-size:18px;">border 设置框架边框厚度</span></p> <p><span style="font-size:18px;">framespacing 表示框架与框架间保留空白的距离</span></p> <p><span style="font-size:18px;">frame 元素（单标签）</span></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><frame name=""src="url" scrolling="yes/no" noresize> </span></p> <p><span style="font-size:18px;">属性： </span></p> <p><span style="font-size:18px;">name 框架名称，指定框架来做连接的目标窗口。</span></p> <p><span style="font-size:18px;">src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。 </span></p> <p><span style="font-size:18px;">scrolling 是否显示滚动条，yes/no,auto是自动。 </span></p> <p><span style="font-size:18px;">noresize 设置不让使用者改变这个框架的大小，</span></p> <p><strong><span style="font-size:18px;">noframe元素 </span></strong></p> <p><span style="font-size:18px;">指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息 </span></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><noframe> </span></p> <p><span style="font-size:18px;">...... </span></p> <p><span style="font-size:18px;"></noframe> </span></p> <p><strong><span style="font-size:18px;">表单<form></form> </span></strong></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><form action="url"method="get/post"> </span></p> <p><span style="font-size:18px;">.... </span></p> <p><span style="font-size:18px;"><input type=submit><inputtype=reset> </span></p> <p><span style="font-size:18px;"></form> </span></p> <p><span style="font-size:18px;">method有两种提交方式get,post </span></p> <p><span style="font-size:18px;">action 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:lwr8494@163.com"这样此表单所填的资料将会发送到这个邮箱地址。 </span></p> <p><span style="font-size:18px;">method 是指传送信息给cgi等网络程序的方式。可选post方法， get方法，post方法容许传送大量信息。get方法只接受低于1k的信息。 </span></p> <p><span style="font-size:18px;">申请表单用的是post搜索引擎用的是get </span></p> <p><span style="font-size:18px;"> </span></p> <p><strong><span style="font-size:18px;"><!- - ... - -> 注解 </span></strong></p> <p><span style="font-size:18px;"><A HREF TARGET> 指定超连结的分割视窗 </span></p> <p><span style="font-size:18px;"><A HREF=#锚的名称> 指定锚名称的超连结 </span></p> <p><span style="font-size:18px;"><A HREF> 指定超连结 </span></p> <p><span style="font-size:18px;"><A NAME=锚的名称> 被连结点的名称 </span></p> <p><span style="font-size:18px;"><ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 </span></p> <p><span style="font-size:18px;"><B> 粗体字</span></p> <p><span style="font-size:18px;"><BASE TARGET> 指定超连结的分割视窗 </span></p> <p><span style="font-size:18px;"><BASEFONT SIZE> 更改预设字形大小 </span></p> <p><span style="font-size:18px;"><BGSOUND SRC> 加入背景音乐 </span></p> <p><span style="font-size:18px;"><BIG> 显示大字体</span></p> <p><span style="font-size:18px;"><BLINK> 闪烁的文字 </span></p> <p><span style="font-size:18px;"><BODY TEXT LINK VLINK> 设定文字颜色 </span></p> <p><span style="font-size:18px;"><BODY> 显示本文</span></p> <p><span style="font-size:18px;"><BR> 换行</span></p> <p><span style="font-size:18px;"><CAPTION ALIGN> 设定表格标题位置 </span></p> <p><span style="font-size:18px;"><CAPTION>...</CAPTION> 为表格加上标题 </span></p> <p><span style="font-size:18px;"><CENTER> 向中对齐 </span></p> <p><span style="font-size:18px;"><CITE>...<CITE> 用於引经据典的文字 </span></p> <p><span style="font-size:18px;"><CODE>...</CODE> 用於列出一段程式码 </span></p> <p><span style="font-size:18px;"><COMMENT>...</COMMENT> 加上注解 </span></p> <p><span style="font-size:18px;"><DD> 设定定义列表的项目解说</span></p> <p><span style="font-size:18px;"><DFN>...</DFN> 显示"定义"文字 </span></p> <p><span style="font-size:18px;"><DIR>...</DIR> 列表文字标签 </span></p> <p><span style="font-size:18px;"><DL>...</DL> 设定定义列表的标签 </span></p> <p><span style="font-size:18px;"><DT> 设定定义列表的项目</span></p> <p><span style="font-size:18px;"><EM> 强调之用</span></p> <p><span style="font-size:18px;"><FONT FACE> 任意指定所用的字形 </span></p> <p><span style="font-size:18px;"><FONT SIZE> 设定字体大小 </span></p> <p><span style="font-size:18px;"><FORM ACTION> 设定户动式表单的处理方式 </span></p> <p><span style="font-size:18px;"><FORM METHOD> 设定户动式表单之资料传送方式 </span></p> <p><span style="font-size:18px;"><FRame MARGINHEIGHT> 设定视窗的上下边界 </span></p> <p><span style="font-size:18px;"><FRame MARGINWIDTH> 设定视窗的左右边界 </span></p> <p><span style="font-size:18px;"><FRame NAME> 为分割视窗命名 </span></p> <p><span style="font-size:18px;"><FRame NORESIZE> 锁住分割视窗的大小 </span></p> <p><span style="font-size:18px;"><FRame SCROLLING> 设定分割视窗的卷轴 </span></p> <p><span style="font-size:18px;"><FRame SRC> 将HTML档加入视窗</span></p> <p><span style="font-size:18px;"><FRameSET COLS> 将视窗分割成左右的子视窗 </span></p> <p><span style="font-size:18px;"><FRameSET ROWS> 将视窗分割成上下的子视窗 </span></p> <p><span style="font-size:18px;"><FRameSET>...</FRameSET> 划分分割视窗 </span></p> <p><span style="font-size:18px;"><H1>~<H6> 设定文字大小 </span></p> <p><span style="font-size:18px;"><HEAD> 标示文件资讯</span></p> <p><span style="font-size:18px;"><HR> 加上分格线</span></p> <p><span style="font-size:18px;"><HTML> 文件的开始与结束</span></p> <p><span style="font-size:18px;"><I> 斜体字</span></p> <p><span style="font-size:18px;"><IMG ALIGN> 调整图形影像的位置 </span></p> <p><span style="font-size:18px;"><IMG ALT> 为你的图形影像加注 </span></p> <p><span style="font-size:18px;"><IMG DYNSRC LOOP> 加入影片 </span></p> <p><span style="font-size:18px;"><IMG HEIGHT WIDTH> 插入图片并预设图形大小 </span></p> <p><span style="font-size:18px;"><IMG HSPACE> 插入图片并预设图形的左右边界 </span></p> <p><span style="font-size:18px;"><IMG LOWSRC> 预载图片功能 </span></p> <p><span style="font-size:18px;"><IMG SRC BORDER> 设定图片边界 </span></p> <p><span style="font-size:18px;"><IMG SRC> 插入图片 </span></p> <p><span style="font-size:18px;"><IMG VSPACE> 插入图片并预设图形的上下边界 </span></p> <p><span style="font-size:18px;"><INPUT TYPE NAME value> 在表单中加入输入栏位 </span></p> <p><span style="font-size:18px;"><ISINDEX> 定义查询用表单 </span></p> <p><span style="font-size:18px;"><KBD>...</KBD> 表示使用者输入文字 </span></p> <p><span style="font-size:18px;"><LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) </span></p> <p><span style="font-size:18px;"><MARQUEE> 跑马灯效果 </span></p> <p><span style="font-size:18px;"><MENU>...</MENU> 条列文字标签 </span></p> <p><span style="font-size:18px;"><meta NAME="REFRESH" CONTENTURL> 自动更新文件内容 </span> </p> <p><span style="font-size:18px;"><MULTIPLE> 可同时选择多项的列表栏 </span></p> <p><span style="font-size:18px;"><NOFRame> 定义不出现分割视窗的文字 </span></p> <p><span style="font-size:18px;"><OL>...</OL> 有序号的列表 </span></p> <p><span style="font-size:18px;"><OPTION> 定义表单中列表栏的项目 </span></p> <p><span style="font-size:18px;"><P ALIGN> 设定对齐方向 </span></p> <p><span style="font-size:18px;"><P> 分段</span></p> <p><span style="font-size:18px;"><PERSON>...</PERSON> 显示人名 </span></p> <p><span style="font-size:18px;"><PRE> 使用原有排列</span></p> <p><span style="font-size:18px;"><SAMP>...</SAMP> 用於引用字 </span></p> <p><span style="font-size:18px;"><select >...</select > 在表单中定义列表栏 </span></p> <p><span style="font-size:18px;"><SMALL> 显示小字体 </span></p> <p><span style="font-size:18px;"><STRIKE> 文字加横线 </span></p> <p><span style="font-size:18px;"><STRONG> 用於加强语气 </span></p> <p><span style="font-size:18px;"><SUB> 下标字</span></p> <p><span style="font-size:18px;"><SUP> 上标字</span></p> <p><span style="font-size:18px;"><TABLE BORDER=n> 调整表格的宽线高度 </span></p> <p><span style="font-size:18px;"><TABLE CELLPADDING> 调整资料栏位之边界 </span></p> <p><span style="font-size:18px;"><TABLE CELLSPACING> 调整表格线的宽度 </span></p> <p><span style="font-size:18px;"><TABLE HEIGHT> 调整表格的高度 </span></p> <p><span style="font-size:18px;"><TABLE WIDTH> 调整表格的宽度 </span></p> <p><span style="font-size:18px;"><TABLE>...</TABLE> 产生表格的标签 </span></p> <p><span style="font-size:18px;"><TD ALIGN> 调整表格栏位之左右对齐 </span></p> <p><span style="font-size:18px;"><TD BGCOLOR> 设定表格栏位之背景颜色 </span></p> <p><span style="font-size:18px;"><TD COLSPAN ROWSPAN> 表格栏位的合并 </span></p> <p><span style="font-size:18px;"><TD NOWRAP> 设定表格栏位不换行 </span></p> <p><span style="font-size:18px;"><TD VALIGN> 调整表格栏位之上下对齐 </span></p> <p><span style="font-size:18px;"><TD WIDTH> 调整表格栏位宽度 </span></p> <p><span style="font-size:18px;"><TD>...</TD> 定义表格的资料栏位 </span></p> <p><span style="font-size:18px;"><TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏 </span></p> <p><span style="font-size:18px;"><TEXTAREA WRAP> 决定文字输入栏是自动否换行 </span></p> <p><span style="font-size:18px;"><TH>...</TH> 定义表格的标头栏位 </span></p> <p><span style="font-size:18px;"><TITLE> 文件标题 </span></p> <p><span style="font-size:18px;"><TR>...</TR> 定义表格美一行 </span></p> <p><span style="font-size:18px;"><TT> 打字机字体</span></p> <p><span style="font-size:18px;"><U> 文字加底线</span></p> <p><span style="font-size:18px;"><UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) </span></p> <p><span style="font-size:18px;"><var>...</var> 用於显示变数 </span></p> <p><span style="font-size:18px;">BlockQuotc文本缩进</span></p> <p><strong><span style="font-size:18px;">表示颜色的有三种方式； </span></strong></p> <p><span style="font-size:18px;">1，16进制颜色代码 </span></p> <p><span style="font-size:18px;">语法：#RRGGBB </span></p> <p><span style="font-size:18px;">例：<fontcolor="#ff0000">红色</font> </span></p> <p><span style="font-size:18px;">2，10进制RGB码 </span></p> <p><span style="font-size:18px;">语法：RGB（RRR，GGG，BBB） </span></p> <p><span style="font-size:18px;">例：<fontcolor="rgb(255,000,000)">红色</font> </span> </p> <p><span style="font-size:18px;">3,直接用颜色的英文名称</span></p> <p><span style="font-size:18px;">例：<fontcolor="red">红色</font> </span></p> <p><strong><span style="font-size:18px;"><body>.....</body>属性可分为三种： </span></strong></p> <p><span style="font-size:18px;">1，背景属性</span></p> <p><span style="font-size:18px;">包括：bgcolor,background</span></p> <p><span style="font-size:18px;">2,文字属性：</span></p> <p><span style="font-size:18px;">包括：text,link,alink,vlink,</span></p> <p><span style="font-size:18px;">3,留白属性：</span></p> <p><span style="font-size:18px;">其中分为：leftmargin,topmargin</span></p> <p><span style="font-size:18px;">.bgcolor背景色</span></p> <p><span style="font-size:18px;">语法格式：<bodybgcolor="#ff0000"> </span></p> <p><span style="font-size:18px;">.background背景图案。</span></p> <p><span style="font-size:18px;">语法格式：<bodybackground="url"> </span></p> <p><span style="font-size:18px;">.text文本颜色（非连接文字颜色）</span></p> <p><span style="font-size:18px;">.link连接文字颜色（可连接文字颜色）</span></p> <p><span style="font-size:18px;">.alink活动连接文字颜色（正被点击的可连接文字的颜色）</span></p> <p><span style="font-size:18px;">.vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色）</span></p> <p><span style="font-size:18px;">语法格式：<bodytext="color" link="color" alink="color"vlink="color"> </span></p> <p><span style="font-size:18px;">.leftmargin 页面左侧的留白距离</span></p> <p><span style="font-size:18px;">.topmargin 页面顶部的留白距离</span></p> <p><span style="font-size:18px;">语法格式：<bodyleftmargin="value" topmargin="value"> </span> </p> <p><span style="font-size:18px;">注：value为长度值为数字 </span></p> <p><strong><span style="font-size:18px;">align属性</span></strong></p> <p><span style="font-size:18px;">语法：<h2align="?">文字</h2> </span></p> <p><span style="font-size:18px;">其属性有三种：left靠左,center居中,right靠右 </span></p> <p><span style="font-size:18px;">〈p〉</p>为段落标记，可利用以上属性对整个段落进行设置 </span></p> <p><span style="font-size:18px;">〈br>为换行标记 </span></p> <p><span style="font-size:18px;"><nobr></nobr>为不换行标记放在文字两边即可 </span></p> <p><span style="font-size:18px;">例：<body></span></p> <p><span style="font-size:18px;"><h3>江南逢李龟年</h3> </span></p> <p><span style="font-size:18px;"><p>歧王宅里寻常见<br> </span></p> <p><span style="font-size:18px;">催九堂前几度闻<br></span></p> <p><span style="font-size:18px;">正是江南好风景<br></span></p> <p><span style="font-size:18px;">落花时节又逢君</p></span></p> <p><span style="font-size:18px;"></body> </span></p> <p><strong><span style="font-size:18px;">预格式化： </span></strong></p> <p><span style="font-size:18px;"><pre>......</pre> 浏览是效果和编写是效果格式一样 </span></p> <p><span style="font-size:18px;"><strong>列表</strong> </span></p> <p><strong><span style="font-size:18px;">1无序列表又称符号列表 </span></strong></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 </span></p> <p><span style="font-size:18px;"><li>文字</li> </span></p> <p><span style="font-size:18px;"><li>文字</li> </span></p> <p><span style="font-size:18px;"></ul> </span></p> <p><strong><span style="font-size:18px;">2有序列表 </span></strong></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><ol type="?"start"?"> </span></p> <p><span style="font-size:18px;"><li>文字</li> </span></p> <p><span style="font-size:18px;"><li>文字</li> </span></p> <p><span style="font-size:18px;"></ol> </span></p> <p><span style="font-size:18px;">type的值是编号字符可选的有1...,a...,A...,i... ,I... </span></p> <p><span style="font-size:18px;">start为起始值例：如果start为3是那么将从3开始，而且必须是数字。</span></p> <p><strong><span style="font-size:18px;">3定义列表 </span></strong></p> <p><span style="font-size:18px;"><dl>定义列表标记</span></p> <p><span style="font-size:18px;"><dt>标示定义条目</span></p> <p><span style="font-size:18px;"><dd>标示定义内容</span></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><dl> </span></p> <p><span style="font-size:18px;"><dt>文字</dt> </span></p> <p><span style="font-size:18px;"><dd>文字内容</dd> </span></p> <p><span style="font-size:18px;"></dl> </span></p> <p><span style="font-size:18px;">连接和图像 </span></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><a href="url"name="?" target="?" title="?">....</a> </span></p> <p><span style="font-size:18px;">属性：href 连接目标值可以是url地址也可以是连接锚点 </span></p> <p><span style="font-size:18px;"><a href="url">...</a>或者 </span></p> <p><span style="font-size:18px;"><a href="锚点">...</a> </span></p> <p><strong><span style="font-size:18px;">name连接名称</span></strong></p> <p><span style="font-size:18px;">语法格式：<aname="锚点名称">...</a></span></p> <p><span style="font-size:18px;">例：<aname="abcdcf">...</a> </span></p> <p><span style="font-size:18px;">连接到该锚点的连接则应是： </span></p> <p><span style="font-size:18px;"><aname="#abcdef">....</a> </span></p> <p><span style="font-size:18px;"><strong>target目标窗口语法格式</strong>： <strong></strong></span></p> <p><span style="font-size:18px;"><a href="url"target="_blank|_self|_farent|_top|windowname">....</a></span></p> <p><span style="font-size:18px;">-blank打开新窗口</span></p> <p><span style="font-size:18px;">_self当前窗口打开</span></p> <p><span style="font-size:18px;">一下两个仅在框架叶面中应用 </span></p> <p><span style="font-size:18px;">_parent当前窗口的父级窗口（上一级）打开</span></p> <p><span style="font-size:18px;">_top在最高一级的窗口打开</span></p> <p><span style="font-size:18px;">windowname已命名的窗口或框架中打开连接</span></p> <p><span style="font-size:18px;">title连接提示</span></p> <p><span style="font-size:18px;"><ahref="http://www.crazytribe.net" title="打开狂人部落的首页">狂人部落</a> </span></p> <p><strong><span style="font-size:18px;">图像<img> 语法格式：</span></strong></p> <p><span style="font-size:18px;"><img src="url" alt="?"width="?" height="?" border="?"align="?"> </span></p> <p><span style="font-size:18px;">border属性定义图片边框的宽度，默认值为0 </span></p> <p><span style="font-size:18px;">align属性设置图片旁边文字的位置</span></p> <p><span style="font-size:18px;">语法格式：<imgsrc="" align""> </span></p> <p><span style="font-size:18px;">可选值有： </span></p> <p><span style="font-size:18px;">top图片和文字顶部对齐</span></p> <p><span style="font-size:18px;">middle图片和文字居中对齐</span></p> <p><span style="font-size:18px;">bottom图片和文字底边对齐（默认）</span></p> <p><span style="font-size:18px;">left图片居左对齐，文字沿图片绕排</span></p> <p><span style="font-size:18px;">right图片居右对齐，文字沿图片绕排</span></p> <p><span style="font-size:18px;">absmiddle图片对齐到目前文字行绝对中央</span></p> <p><span style="font-size:18px;">absbottom图片对齐到目前文字行绝对底部</span></p> <p><span style="font-size:18px;">文字的排版 </span></p> <p><span style="font-size:18px;">不换行空白标记 </span></p> <p><strong><span style="font-size:18px;">font元素 </span></strong></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><font face="字体名称" size="字体大小" color="字体颜色"> </span> </p> <p><span style="font-size:18px;">字体大小可选值为1——7，默认为3 </span></p> <p><span style="font-size:18px;">例：〈fontface="黑体"size="4" color="#ff00ff">....</font> </span></p> <p><strong><span style="font-size:18px;">水平线<hr> </span></strong></p> <p><span style="font-size:18px;">语法格式：<hrwidth="宽度"align="对齐方式默认居中center"size="水平线厚度默认为2"color="颜色"noshade> </span></p> <p><span style="font-size:18px;">noshade无阴影，既实线</span></p> <p><span style="font-size:18px;">层〈div><span>两种元素 </span></p> <p><span style="font-size:18px;"><div>是块级元素，和段落元素<p>相似，不同的是两个<div>元素之间不会产生两个<p>元素之间的空行， </span></p> <p><span style="font-size:18px;"><span>是行内元素，可以定义段落中部分文字的属性</span></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><div align=""style="">...</div> </span></p> <p><span style="font-size:18px;">align设置层中元素的水平对齐方式</span></p> <p><span style="font-size:18px;">stule设置元素应用css规范的属性 </span></p> <p><span style="font-size:18px;"><div>兼容性比<span>要好一点，最好使用<div> </span></p> <p><span style="font-size:18px;"><strong>表格语法格式</strong>： <strong></strong></span></p> <p><span style="font-size:18px;"><table width="" bgcolor=""background="" border="" cellspacing=""cellpadding=""> </span></p> <p><span style="font-size:18px;"><tr>...<td>....</td>....</tr></span></p> <p><span style="font-size:18px;"></table> </span></p> <p><span style="font-size:18px;">border边框宽度默认值为0，既没有边框 </span></p> <p><span style="font-size:18px;">cellspacing表格中单元格的边距大小，默认值为两个像素</span></p> <p><span style="font-size:18px;">cellpadding表格中单元格之间的间距大小，默认值为两个像素</span></p> <p><strong><span style="font-size:18px;">tr元素 </span></strong></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><tr align=""bgcolor="">....</tr> </span></p> <p><span style="font-size:18px;">align属性对齐方式可选值如下：left,center,tight,默认为left </span> </p> <p><span style="font-size:18px;">bgcolor指定该行的背景颜色</span></p> <p><strong><span style="font-size:18px;">td元素 </span></strong></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor=""background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td> </span></p> <p><span style="font-size:18px;">align属性的可选值有：left,center,right </span></p> <p><span style="font-size:18px;">valign属性的可选值有：top,middle,bottom </span></p> <p><span style="font-size:18px;">rowspan和colapan跨行和跨列的数量，默认为1 </span></p> <p><strong><span style="font-size:18px;">input元素语法格式：</span></strong></p> <p><span style="font-size:18px;"><input type=""> </span></p> <p><span style="font-size:18px;">type属性的可选值有：</span></p> <p><span style="font-size:18px;">text 单行文本框</span></p> <p><span style="font-size:18px;">属性：name 文本框名称 </span></p> <p><span style="font-size:18px;">value 文本框的初始值</span></p> <p><span style="font-size:18px;">size 文本框的长度</span></p> <p><span style="font-size:18px;">maxlength 可输入字符串最大的长度</span></p> <p><span style="font-size:18px;">radio 单选框</span></p> <p><span style="font-size:18px;">属性：name 单选框名称 </span></p> <p><span style="font-size:18px;">value 内部值</span></p> <p><span style="font-size:18px;">checked 默认选定</span></p> <p><span style="font-size:18px;">checkbox 复选框</span></p> <p><span style="font-size:18px;">属性：name 复选框名称 </span></p> <p><span style="font-size:18px;">value 内部值</span></p> <p><span style="font-size:18px;">checked 默认选定</span></p> <p><span style="font-size:18px;">reset 重置按钮</span></p> <p><span style="font-size:18px;">submit 确定按钮</span></p> <p><span style="font-size:18px;">属性：name 按钮名称 </span></p> <p><span style="font-size:18px;">value 显示在按钮上的文字</span></p> <p><span style="font-size:18px;">password 密码框</span></p> <p><span style="font-size:18px;">属性与文本框的属性完全相同 </span></p> <p><span style="font-size:18px;">file 文件域</span></p> <p><span style="font-size:18px;">属性：name文件域名称 </span></p> <p><span style="font-size:18px;">size 文件域的长度</span></p> <p><span style="font-size:18px;">maxlength 文件域可接受的字符数量的上限</span></p> <p><span style="font-size:18px;">hidden 隐藏域</span></p> <p><span style="font-size:18px;">属性：name 隐藏域名称 </span></p> <p><span style="font-size:18px;">value 内定值</span></p> <p><span style="font-size:18px;">image 图片域</span></p> <p><span style="font-size:18px;">属性：name 所要代表的按钮，可以是submit,reset,或其他. </span></p> <p><span style="font-size:18px;">src 按钮图片的url 地址 </span></p> <p><span style="font-size:18px;">列表框<select></span></p> <p><span style="font-size:18px;">语法格式： </span></p> <p><span style="font-size:18px;"><select> </span></p> <p><span style="font-size:18px;">..... </span></p> <p><span style="font-size:18px;"><option>....</option> </span></p> <p><span style="font-size:18px;">..... </span></p> <p><span style="font-size:18px;"></select> </span></p> <p><strong><span style="font-size:18px;">select元素 </span></strong></p> <p><span style="font-size:18px;">语法格式：<selectname="" size=""multiple></select> </span> </p> <p><span style="font-size:18px;">name 指定列表框的名字</span></p> <p><span style="font-size:18px;">size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个下拉列表框 </span></p> <p><span style="font-size:18px;">multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项</span></p> <p><strong><span style="font-size:18px;">option属性 </span></strong></p> <p><span style="font-size:18px;">语法格式：<optionvalue="" selected></option> </span></p> <p><span style="font-size:18px;">value 该列表项的值</span></p> <p><span style="font-size:18px;">selected 如果设定了这个参数，默认为选定这一项</span></p> <p><strong><span style="font-size:18px;">多行文本框<textarea> </span></strong></p> <p><span style="font-size:18px;"><textarea name=""cols="" rows=""wrap="off/physical/virtual"></textarea> </span></p> <p><span style="font-size:18px;">属性： </span></p> <p><span style="font-size:18px;">name文本框的名称</span></p> <p><span style="font-size:18px;">cols文本框的宽度</span></p> <p><span style="font-size:18px;">rows文本框的高度</span></p> <p><span style="font-size:18px;">wrap文本框的折行方式可选值有：</span></p> <p><span style="font-size:18px;">off不保存换行信息</span></p> <p><span style="font-size:18px;">physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出， </span> </p> <p><span style="font-size:18px;">virtual送出连续成串的字除非使用者按回车。</span></p> <p><strong><span style="font-size:18px;">css 层叠样式表 </span></strong></p> <p><span style="font-size:18px;">引入层叠样式表的方法包括： </span></p> <p><strong><span style="font-size:18px;">外联式样式表 </span></strong></p> <p><span style="font-size:18px;">例：<head></span></p> <p><span style="font-size:18px;"><link rel="stylesheet"href="/css/default.css"> </span> </p> <p><span style="font-size:18px;"></head> </span></p> <p><span style="font-size:18px;"><body> </span></p> <p><span style="font-size:18px;">.... </span></p> <p><span style="font-size:18px;"></body> </span></p> <p><span style="font-size:18px;"></html> </span></p> <p><span style="font-size:18px;">属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址</span></p> <p><span style="font-size:18px;">内嵌式样式表： </span></p> <p><span style="font-size:18px;">例：<html></span></p> <p><span style="font-size:18px;"><head> </span></p> <p><span style="font-size:18px;"><style type="text/css"> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"></head> </span></p> <p><span style="font-size:18px;"><body>....</body> </span></p> <p><span style="font-size:18px;"></html> </span></p> <p><strong><span style="font-size:18px;">元素内定 </span></strong></p> <p><span style="font-size:18px;">格式：<pstyle="font-size:10.5pt"> </span></p> <p><strong><span style="font-size:18px;">导入式样式表 </span></strong></p> <p><span style="font-size:18px;">〈html> </span></p> <p><span style="font-size:18px;"><head> </span></p> <p><span style="font-size:18px;"><style type="text/css"> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"><body> </span></p> <p><span style="font-size:18px;">.... </span></p> <p><span style="font-size:18px;"></body> </span></p> <p><span style="font-size:18px;"></html> </span></p> <p><span style="font-size:18px;">css的优先级</span></p> <p><span style="font-size:18px;">越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义</span></p> <p><span style="font-size:18px;">如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。</span></p> <p><strong><span style="font-size:18px;">css结构 </span></strong></p> <p><span style="font-size:18px;">例：td{font-size:10.5pt;color:#666666}</span></p> <p><span style="font-size:18px;">css样式包含两个基础部分，</span></p> <p><span style="font-size:18px;">选择符<td>和声明{font-size:10.5pt;color:#666666} </span> </p> <p><span style="font-size:18px;">声明也有两部分组成： </span></p> <p><span style="font-size:18px;">属性font-size,color和值10.5pt,#666666 </span></p> <p><strong><span style="font-size:18px;">选择符分为6种 </span></strong></p> <p><span style="font-size:18px;">1元素选择符</span></p> <p><span style="font-size:18px;">当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开例：td,p,li,input,select{font-size:12px;}</span></p> <p><span style="font-size:18px;">2class(类)选择符 </span></p> <p><span style="font-size:18px;">例：〈head> </span></p> <p><span style="font-size:18px;"><title>.....</title> </span></p> <p><span style="font-size:18px;"><style type="text/css"> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"></head> </span></p> <p><span style="font-size:18px;"><body bgcolor="#ffffff"> </span></p> <p><span style="font-size:18px;"><p class="red">士大夫井冈山地方官</p> </span></p> <p><span style="font-size:18px;"><p>九连环离开计划</p> </span></p> <p><span style="font-size:18px;"></body> </span></p> <p><span style="font-size:18px;">还有一种方法就是限定可以应用它的页面元素 </span></p> <p><span style="font-size:18px;">例：〈head> </span></p> <p><span style="font-size:18px;"><title>.....</title> </span></p> <p><span style="font-size:18px;"><style type="text/css"> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"></head> </span></p> <p><span style="font-size:18px;"><body bgcolor="#ffffff"> </span></p> <p><span style="font-size:18px;"><p class="red">士大夫井冈山地方官</p> </span></p> <p><span style="font-size:18px;"><h1 class="red">九连环离开计划</h1> </span></p> <p><span style="font-size:18px;"></body> </span></p> <p><span style="font-size:18px;">3 id选择符</span></p> <p><span style="font-size:18px;">与class选择附类似，只是把'.'换成'#' </span></p> <p><span style="font-size:18px;">例：<body></span></p> <p><span style="font-size:18px;"><head> </span></p> <p><span style="font-size:18px;"><style type="text/css"> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"></head> </span></p> <p><span style="font-size:18px;"><body> </span></p> <p><span style="font-size:18px;"><table width="250"border="1" height="50"> </span> </p> <p><span style="font-size:18px;"><tr> </span></p> <p><span style="font-size:18px;"><td align="center"id="select">id选择符</td> </span></p> <p><span style="font-size:18px;"></tr> </span></p> <p><span style="font-size:18px;"></table> </span></p> <p><span style="font-size:18px;"></body> </span></p> <p><span style="font-size:18px;"></html> </span></p> <p><span style="font-size:18px;">我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用 </span></p> <p><strong><span style="font-size:18px;">关联选择符 </span></strong></p> <p><span style="font-size:18px;"><body> </span></p> <p><span style="font-size:18px;"><head> </span></p> <p><span style="font-size:18px;"><style type="text/css"> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"></head> </span></p> <p><span style="font-size:18px;"><body> </span></p> <p><span style="font-size:18px;"><table width="250"border="1" height="50"> </span> </p> <p><span style="font-size:18px;"><tr> </span></p> <p><span style="font-size:18px;"><tdalign="center"><p>关联选择符</p></td> </span></p> <p><span style="font-size:18px;"></tr> </span></p> <p><span style="font-size:18px;"></table> </span></p> <p><span style="font-size:18px;"><p>关联选择符</p> </span></p> <p><span style="font-size:18px;"></body> </span></p> <p><span style="font-size:18px;"></html> </span></p> <p><span style="font-size:18px;">我们设定了在元素中<td>的元素<p>所包含文字的样式，只有在两个条件都满足是，样式在会起作用， </span> </p> <p><span style="font-size:18px;">伪类选择符 </span></p> <p><span style="font-size:18px;">是只能用在css选择符里，而不能用在html代码中的选择符 </span></p> <p><span style="font-size:18px;">例： </span></p> <p><span style="font-size:18px;">〈html> </span></p> <p><span style="font-size:18px;"><head> </span></p> <p><span style="font-size:18px;"><style type="text/css"> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"></head> </span></p> <p><span style="font-size:18px;"><body> </span></p> <p><span style="font-size:18px;"><p><a href="#">关联选择符</a><p> </span></p> <p><span style="font-size:18px;"><p><a href="#">关联选择符</a><p> </span></p> <p><span style="font-size:18px;"><p><a href="#">关联选择符</a><p> </span></p> <p><span style="font-size:18px;"><p><a href="#">关联选择符</a><p> </span></p> <p><span style="font-size:18px;">〈/body> </span></p> <p><span style="font-size:18px;"></html> </span></p> <p><span style="font-size:18px;">正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱 </span> </p> <p><strong><span style="font-size:18px;">伪元素选择符 </span></strong></p> <p><span style="font-size:18px;">与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的</span></p> <p><span style="font-size:18px;">例：首行 </span></p> <p><span style="font-size:18px;"><html> </span></p> <p><span style="font-size:18px;"><head> </span></p> <p><span style="font-size:18px;"><style> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"></hesd> </span></p> <p><span style="font-size:18px;"><body> </span></p> <p><span style="font-size:18px;"><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p></span></p> <p><span style="font-size:18px;"></body> </span></p> <p><span style="font-size:18px;"></html> </span></p> <p><span style="font-size:18px;">长度随浏览器窗口大小而改变 </span></p> <p><span style="font-size:18px;">首字 </span></p> <p><span style="font-size:18px;"><html> </span></p> <p><span style="font-size:18px;"><head> </span></p> <p><span style="font-size:18px;"><style> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"></hesd> </span></p> <p><span style="font-size:18px;"><body> </span></p> <p><span style="font-size:18px;"><p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p></span></p> <p><span style="font-size:18px;"></body> </span></p> <p><span style="font-size:18px;"></html> </span></p> <p><span style="font-size:18px;">以上两种都只能应用于块状元素上 </span></p> <p><strong><span style="font-size:18px;">css规则 </span></strong></p> <p><strong><span style="font-size:18px;">1.继承 </span></strong></p> <p><span style="font-size:18px;">例：<html></span></p> <p><span style="font-size:18px;"><head> </span></p> <p><span style="font-size:18px;"><style type="text/css"> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"></hesd> </span></p> <p><span style="font-size:18px;"><body> </span></p> <p><span style="font-size:18px;"><table width="300"border="1" height="150"> </span> </p> <p><span style="font-size:18px;"><tr> </span></p> <p><span style="font-size:18px;"><td align="center"> </span></p> <p><span style="font-size:18px;"><p>css规则</p> </span></p> <p><span style="font-size:18px;"></td> </span></p> <p><span style="font-size:18px;"></table> </span></p> <p><span style="font-size:18px;"></body> </span></p> <p><span style="font-size:18px;"></html> </span></p> <p><span style="font-size:18px;"><p>为最高级<td>次一级两种css用在一个属性元素上，相同的覆盖，不同的继承， </span> </p> <p><strong><span style="font-size:18px;">2.组合 </span></strong></p> <p><span style="font-size:18px;">例:td{font-size:12pt}</span></p> <p><span style="font-size:18px;">p1{font-size:12pt} </span></p> <p><span style="font-size:18px;">组合后 </span></p> <p><span style="font-size:18px;">td,.p1{font-size:12pt} </span></p> <p><strong><span style="font-size:18px;">3.层叠 </span></strong></p> <p><span style="font-size:18px;">在样式里定义过后，在表格属性中又定义一次 </span></p> <p><span style="font-size:18px;"><html> </span></p> <p><span style="font-size:18px;"><head> </span></p> <p><span style="font-size:18px;"><style type="text/css"> </span></p> <p><span style="font-size:18px;"> </span></p> <p><span style="font-size:18px;"></style> </span></p> <p><span style="font-size:18px;"></hesd> </span></p> <p><span style="font-size:18px;"><body> </span></p> <p><span style="font-size:18px;"><table width="300"border="1" height="150"> </span> </p> <p><span style="font-size:18px;"><tr> </span></p> <p><span style="font-size:18px;"><td align="center"style="color:#0000ff" class="red">决撒地方官</td> </span></p> <p><span style="font-size:18px;"></tr> </span></p> <p><span style="font-size:18px;"></table> </span></p> <p><span style="font-size:18px;"></body> </span></p> <p><span style="font-size:18px;"></html> </span></p> <p><strong><span style="font-size:18px;">css单位 </span></strong></p> <p><span style="font-size:18px;">分四大类： </span></p> <p><span style="font-size:18px;">1 长度单位</span></p> <p><span style="font-size:18px;">数值可以是整数，小数，正数，负数，0，后加单位（负值不要轻易使用） </span></p> <p><span style="font-size:18px;">换算关系： </span></p> <p><span style="font-size:18px;">1in(英寸)=6pc(派) </span></p> <p><span style="font-size:18px;">1in(英寸)=72pt(磅) </span></p> <p><span style="font-size:18px;">1in(英寸)=2.54(厘米) </span></p> <p><span style="font-size:18px;">1cm(厘米)=10mm(毫米) </span></p> <p><span style="font-size:18px;">1cm(厘米)=0.3937(英寸) </span></p> <p><span style="font-size:18px;">1pt(磅)=1/72in(英寸)=0.2478mm(毫米) </span></p> <p><span style="font-size:18px;">1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 </span></p> <p><span style="font-size:18px;">2 百分比单位</span></p> <p><span style="font-size:18px;">3 颜色单位</span></p> <p><span style="font-size:18px;">4 url单位</span></p> <p><span style="font-size:18px;">div属性</span></p> <p><span style="font-size:18px;">color : #999999 文字颜色</span></p> <p><span style="font-size:18px;">font-family : 宋体文字字型 </span></p> <p><span style="font-size:18px;">font-size : 10pt 文字大小 </span></p> <p><span style="font-size:18px;">font-style:itelic 文字斜体育</span></p> <p><span style="font-size:18px;">font-variant:small-caps 小字体</span></p> <p><span style="font-size:18px;">letter-spacing : 1pt 文字间距</span></p> <p><span style="font-size:18px;">line-height : 200% 设定行高</span></p> <p><span style="font-size:18px;">font-weight:bold 文字粗体</span></p> <p><span style="font-size:18px;">vertical-align:sub 下标字</span></p> <p><span style="font-size:18px;">vertical-align:super 上标字</span></p> <p><span style="font-size:18px;">text-decoration:line-through 加?h除线</span></p> <p><span style="font-size:18px;">text-decoration:overline 加顶线</span></p> <p><span style="font-size:18px;">text-decoration:underline 加底线</span></p> <p><span style="font-size:18px;">text-decoration:none ?h除连接底线</span></p> <p><span style="font-size:18px;">text-transform : capitalize 首字大写</span></p> <p><span style="font-size:18px;">text-transform : uppercase 英文大写</span></p> <p><span style="font-size:18px;">text-transform : lowercase 英文写</span></p> <p><span style="font-size:18px;">text-align:right 文字*右对齐</span></p> <p><span style="font-size:18px;">text-align:left 文字*左对齐</span></p> <p><span style="font-size:18px;">text-align:center 文字置中对齐 </span></p> <p><span style="font-size:18px;">这些是一些简单的文字效果，可以应用到css的页面中。　</span></p> <p><strong><span style="font-size:18px;">背景</span></strong></p> <p><span style="font-size:18px;">background-color:black 背景颜色 </span></p> <p><span style="font-size:18px;">background-image : url(image/bg.gif) 背景图片</span></p> <p><span style="font-size:18px;">background-attachment : fixed 固定背景</span></p> <p><span style="font-size:18px;">background-repeat : repeat 重复排列-网页预设</span></p> <p><span style="font-size:18px;">background-repeat : no-repeat 不重复排列</span></p> <p><span style="font-size:18px;">background-repeat : repeat-x 在x轴重复排列</span></p> <p><span style="font-size:18px;">background-repeat : repeat-y 在y轴重复排列</span></p> <p><span style="font-size:18px;">background-position : 90% 90% 背景图片x与y轴的位置　</span></p> <p><strong><span style="font-size:18px;">链接</span></strong></p> <p><span style="font-size:18px;">A 所有超连接</span></p> <p><span style="font-size:18px;">A:link 超连接文字格式</span></p> <p><span style="font-size:18px;">A:visited 浏览过的连接文字格式</span></p> <p><span style="font-size:18px;">A:active 按下连接的格式</span></p> <p><span style="font-size:18px;">A:hover 鼠标移至连接</span></p> <p><span style="font-size:18px;">边框</span></p> <p><span style="font-size:18px;">border-top : 1px solid black 上框 </span></p> <p><span style="font-size:18px;">border-bottom : 1px solid #6699cc 下框 </span></p> <p><span style="font-size:18px;">border-left : 1px solid #6699cc 左框 </span></p> <p><span style="font-size:18px;">border-right : 1px solid #6699cc 右框</span></p> <p><span style="font-size:18px;">border: 1px solid #6699cc 四边框</span></p> <p><span style="font-size:18px;">虚线</span></p> <p><span style="font-size:18px;"><TEXTAREA STYLE="border:1px dashedpink"></span></p> <p><span style="font-size:18px;">实线</span></p> <p><span style="font-size:18px;"><TEXTAREA STYLE="border:1px solidpink"></span></p> <p><span style="font-size:18px;"><br></span></p> <p><span style="font-size:18px;"></span></p> <p><span style="font-size:18px;"><marquee>...</marquee>普通卷动</span></p> <p><span style="font-size:18px;"><marqueebehavior=slide>...</marquee>滑动</span></p> <p><span style="font-size:18px;"><marqueebehavior=scroll>...</marquee>预设卷动</span></p> <p><span style="font-size:18px;"><marqueebehavior=alternate>...</marquee>来回卷动</span></p> <p><span style="font-size:18px;"><marqueedirection=down>...</marquee>向下卷动</span></p> <p><span style="font-size:18px;"><marquee direction=up>...</marquee>向上卷动</span></p> <p><span style="font-size:18px;"><marqueedirection=right></marquee>向右卷动</span></p> <p><span style="font-size:18px;"><marquee direction=’left’></marquee>向左卷动</span></p> <p><span style="font-size:18px;"><marquee loop=2>...</marquee>卷动次数</span></p> <p><span style="font-size:18px;"><marqueewidth=180>...</marquee>设定宽度</span></p> <p><span style="font-size:18px;"><marqueeheight=30>...</marquee>设定高度</span></p> <p><span style="font-size:18px;"><marqueebgcolor=FF0000>...</marquee>设定背景颜色</span></p> <p><span style="font-size:18px;"><marqueescrollamount=30>...</marquee>设定滚动速度</span></p> <p><span style="font-size:18px;"><marqueescrolldelay=300>...</marquee>设定卷动时间</span></p> <p><span style="font-size:18px;"><marqueeοnmοuseοver="this.stop()">...</marquee>鼠标经过上面时停止滚动</span></p> <p><span style="font-size:18px;"><marqueeοnmοuseοver="this.start()">...</marquee>鼠标离开时开始滚动</span></p> <br> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1283096363562713088"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script>  <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad">  <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div>  <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div>  <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1884162055846555648.htm" title="VScode保持vue语法高亮的方式" target="_blank">VScode保持vue语法高亮的方式</a> <span class="text-muted">「已注销」</span> <a class="tag" taget="_blank" href="/search/vscode/1.htm">vscode</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/ide/1.htm">ide</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>VScode保持vue语法高亮的方式：1.安装插件：vetur。打开VScode，Ctrl+P然后输入extinstallvetur然后回车点安装即可。2.在VSCode中使用Ctrl+Shift+P打开命令面板，输入Preferences:OpenSettings(JSON)。3.在配置对象里加上key和value1"emmet.syntaxProfiles":{2"vue-html":"htm</div> </li> <li><a href="/article/1884161422942859264.htm" title="Linux Commands&Tips" target="_blank">Linux Commands&Tips</a> <span class="text-muted">hilgc000</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a><a class="tag" taget="_blank" href="/search/find/1.htm">find</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>Tips文件操作根据名字查找文件https://www.cnblogs.com/Baron-Lu/p/6991269.htmlfind/home/lijiajia/-name‘*elm’批量替换文件中的字符串：sed-i“s/len/size/g”`greplen-rl./`批量修改文件名fornameinls*.html;doecho$name${name%.html}.jpg;donelsjp</div> </li> <li><a href="/article/1884155743733608448.htm" title="21款炫酷烟花合集" target="_blank">21款炫酷烟花合集</a> <span class="text-muted">Want595</span> <a class="tag" taget="_blank" href="/search/%E8%B6%A3%E5%91%B3%E7%BC%96%E7%A8%8B/1.htm">趣味编程</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>系列专栏《Python趣味编程》《C/C++趣味编程》《HTML趣味编程》《Java趣味编程》写在前面Python、C/C++、HTML、Java等4种语言实现18款炫酷烟花的代码。PythonPython烟花①完整代码：Python动漫烟花（完整代码）Python烟花②完整代码：Python跨年烟花（完整代码）Python烟花③完整代码：Python炫酷烟花（完整代码）Python烟花④完整代码</div> </li> <li><a href="/article/1884147419424288768.htm" title="How to learn html？基于chatGLM-b生成示例（仅供参考）" target="_blank">How to learn html？基于chatGLM-b生成示例（仅供参考）</a> <span class="text-muted">不是吧这都有重名</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>如何学习HTML目录章节11.1.HTML基础概念章节22.1.HTML文档结构章节33.1.HTML基本标签章节44.1.HTML文本格式化章节55.1.HTML列表和表格章节66.1.HTML表单和输入章节77.1.HTML图片和多媒体章节88.1.HTML链接与导航章节99.1.HTML样式与CSS的基本应用章节1010.1.HTML常用属性与属性标签章节1111.1.HTML注释与特殊字符</div> </li> <li><a href="/article/1884143641585315840.htm" title="C/C++炫酷烟花③（完整代码）" target="_blank">C/C++炫酷烟花③（完整代码）</a> <span class="text-muted">Want595</span> <a class="tag" taget="_blank" href="/search/C%2FC%2B%2B%E8%B6%A3%E5%91%B3%E7%BC%96%E7%A8%8B/1.htm">C/C++趣味编程</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>系列专栏《Python趣味编程》《C/C++趣味编程》《HTML趣味编程》《Java趣味编程》写在前面C/C++语言实现新春烟花动画的完整代码。</div> </li> <li><a href="/article/1884141497725546496.htm" title="SpringBoot Web开发中的Thymeleaf模版引擎" target="_blank">SpringBoot Web开发中的Thymeleaf模版引擎</a> <span class="text-muted">利瑞华</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>在SpringBoot的Web开发中，模板引擎是处理视图层的重要组件之一。在众多模板引擎中，Thymeleaf以其优雅的自然模板设计和对HTML的良好支持，成为了SpringBoot官方推荐的模板引擎。本文将详细介绍如何在SpringBoot项目中使用Thymeleaf模板引擎进行Web开发。Thymeleaf简介Thymeleaf是一个用于Web和独立环境的现代服务器端Java模板引擎。它类似于</div> </li> <li><a href="/article/1884089565602443264.htm" title="可爱狗狗的404动画页面HTML源码" target="_blank">可爱狗狗的404动画页面HTML源码</a> <span class="text-muted">酷爱码</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>源码介绍可爱狗狗的404动画页面HTML源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果效果预览源码获取可爱狗狗的404动画页面HTML源码</div> </li> <li><a href="/article/1884087417921662976.htm" title="由于直接提供完整的游戏商城代码超出了简单回答的范围，并且游戏商城的实现可以相当复杂，涉及前端展示、后端逻辑、数据库设计等多个方面，我会分别用几种流行的编程语言和技术栈概述如何开始搭建一个基本的游戏商城" target="_blank">由于直接提供完整的游戏商城代码超出了简单回答的范围，并且游戏商城的实现可以相当复杂，涉及前端展示、后端逻辑、数据库设计等多个方面，我会分别用几种流行的编程语言和技术栈概述如何开始搭建一个基本的游戏商城</a> <span class="text-muted">编程小飞侠a</span> <a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>前端（HTML/CSS/JavaScript+React）React示例:fengbaoshun.com首先，你需要安装Node.js和npm（Node包管理器），然后使用CreateReactApp来快速启动你的前端项目。bashnpxcreate-react-appgame-store-frontendcdgame-store-frontendnpmstart接下来，你可以使用React组件来</div> </li> <li><a href="/article/1884087165697191936.htm" title="由于直接提供完整的大型项目代码（如购物商城）在单一回答中是不切实际的，我将为你概述如何在几种流行的编程语言中设置购物商城的基本框架和思路。这包括前端（如HTML/CSS/JavaScript）和后端（" target="_blank">由于直接提供完整的大型项目代码（如购物商城）在单一回答中是不切实际的，我将为你概述如何在几种流行的编程语言中设置购物商城的基本框架和思路。这包括前端（如HTML/CSS/JavaScript）和后端（</a> <span class="text-muted">SigridFelix</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>前端（HTML/CSS/JavaScript）dz61.comHTML:创建基础的页面结构，如主页、商品列表页、购物车页和结账页。html我的购物商城欢迎来到我的购物商城商品列表购物车CSS:简单的样式表，用于美化页面。css/*styles.css*/body{font-family:Arial,sans-serif;}h1{color:#333;}ul{list-style-type:none</div> </li> <li><a href="/article/1884083131745628160.htm" title="使用Python爬虫抓取与分析航班信息：从数据采集到应用的完整实践" target="_blank">使用Python爬虫抓取与分析航班信息：从数据采集到应用的完整实践</a> <span class="text-muted">Python爬虫项目</span> <a class="tag" taget="_blank" href="/search/2025%E5%B9%B4%E7%88%AC%E8%99%AB%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE/1.htm">2025年爬虫实战项目</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a><a class="tag" taget="_blank" href="/search/microsoft/1.htm">microsoft</a> <div>目录：前言爬虫基础知识什么是爬虫？爬虫的工作原理爬虫的应用领域航班数据爬取的实际应用航班数据分析的重要性选择爬虫技术栈常见的爬虫框架与工具选择合适的工具：requestsvsSeleniumvsScrapy如何获取航班信息航班数据来源分析航班信息的结构与抓取目标爬虫抓取航班信息的步骤发送HTTP请求并获取航班数据使用Selenium抓取动态数据解析HTML页面并提取航班信息航班数据存储与处理存储抓</div> </li> <li><a href="/article/1884081490002767872.htm" title="在线考试题库抓取：Python 爬虫抓取各类在线考试平台题库和试题" target="_blank">在线考试题库抓取：Python 爬虫抓取各类在线考试平台题库和试题</a> <span class="text-muted">Python爬虫项目</span> <a class="tag" taget="_blank" href="/search/2025%E5%B9%B4%E7%88%AC%E8%99%AB%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE/1.htm">2025年爬虫实战项目</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%88%AC%E8%99%AB/1.htm">网络爬虫</a> <div>目录引言1.确定目标网站和分析网页结构示例网站：网页分析：2.安装必要的Python库3.编写爬虫代码3.1发送HTTP请求3.2解析HTML页面3.3存储数据4.处理分页抓取4.1分析分页规则5.反爬虫机制与应对策略5.1设置请求头5.2使用代理池5.3控制请求频率6.小结引言随着教育信息化的进程不断加快，在线考试逐渐成为了教育评估的主流形式之一。许多在线学习平台和考试平台为用户提供了海量的题库</div> </li> <li><a href="/article/1884021245012406272.htm" title="python实现坐标系转换_python – 执行坐标系转换的库？" target="_blank">python实现坐标系转换_python – 执行坐标系转换的库？</a> <span class="text-muted">weixin_39622150</span> <a class="tag" taget="_blank" href="/search/python%E5%AE%9E%E7%8E%B0%E5%9D%90%E6%A0%87%E7%B3%BB%E8%BD%AC%E6%8D%A2/1.htm">python实现坐标系转换</a> <div>您可以使用shapely库：http://toblerity.org/shapely/manual.htmlfromshapely.geometryimportPointfromfunctoolsimportpartialimportpyprojfromshapely.opsimporttransformpoint1=Point(9.0,50.0)print(point1)project=part</div> </li> <li><a href="/article/1884012542875987968.htm" title="访问DOM元素（节点）" target="_blank">访问DOM元素（节点）</a> <span class="text-muted">froginwe11</span> <a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>DOM（文档对象模型）是Web开发中用于处理HTML和XML文档的标准接口，它允许开发者通过脚本语言（如JavaScript）动态地访问和修改文档的结构、内容和样式。在DOM中，文档的每个部分都被视为一个节点，包括元素、文本、属性等。访问DOM元素（节点）DOM提供了一系列方法来访问和操作元素（节点）：getElementById()：通过元素的ID获取元素节点。例如，document.getEl</div> </li> <li><a href="/article/1884011279979442176.htm" title="Java web 富文本内容生成转为word格式并导出下载" target="_blank">Java web 富文本内容生成转为word格式并导出下载</a> <span class="text-muted">摘星喵Pro</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E6%8A%80%E5%B7%A7/1.htm">编程技巧</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>Javaweb富文本内容生成转为word格式并导出下载最近思路，按标签逐一解析，实现复杂一点但是完美解决问题：https://blog.csdn.net/a2272062968/article/details/126227076思路：Word是完全支持html标签的，但是富文本内容并不是完整的html代码，需要先补全html标签，然后转码输出问题：虽然导出worddoc但是事件内容流还是htm，只</div> </li> <li><a href="/article/1884009263001563136.htm" title="HTML+CSS初学（day3）" target="_blank">HTML+CSS初学（day3）</a> <span class="text-muted">灵封～</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>HTML，全称为超文本标记语言（HyperTextMarkupLanguage），是一种用于创建网页的标准标记语言。HTML是构建Web页面的基础，它使用一系列称为标签的关键字来定义页面的结构。一、HTML的基本概念定义：HTML通过标签来描述网页中的各个元素，如标题、段落、图片、链接等。这些标签告诉浏览器如何显示内容，包括文字、图片、视频等。作用：定义网页的结构和内容，使网页内容能够按照预定的格</div> </li> <li><a href="/article/1884002962058047488.htm" title="Thymeleaf基础知识语法" target="_blank">Thymeleaf基础知识语法</a> <span class="text-muted">沐暖沐</span> <a class="tag" taget="_blank" href="/search/thymeleaf/1.htm">thymeleaf</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1、简介Thymeleaf是⾯向Web和独⽴环境的现代服务器端Java模板引擎，能够处理HTML、XML、JavaScript、CSS、TEXT、RAW这六种模板。这六种模版模式包含两种标记模板模式（HTML和XML），三种⽂本模板模式（TEXT，JAVASCRIPT和CSS）和⼀个⽆操作模板模式（RAW）。①简单表达式变量表达式：${…}选择变量表达式：*{…}消息表达：#{…}链接URL表达式</div> </li> <li><a href="/article/1883976229149798400.htm" title="csdn编写技巧" target="_blank">csdn编写技巧</a> <span class="text-muted">大哥喝阔落</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86/1.htm">图像处理</a> <div>在CSDN的Markdown编辑器中，默认情况下不支持直接修改字体颜色，因为标准的Markdown语法并不支持字体颜色的设置。不过，CSDN的编辑器支持HTML标签，因此可以通过嵌入HTML代码来实现字体颜色的修改。方法1：使用HTML标签你可以使用标签或标签来设置字体颜色。示例1：使用标签这是红色字体这是蓝色字体这是绿色字体这是红色字体这是蓝色字体这是绿色字体示例2：使用标签这是红色字体这是蓝色</div> </li> <li><a href="/article/1883976229669892096.htm" title="web自动化——前端知识" target="_blank">web自动化——前端知识</a> <span class="text-muted">大哥喝阔落</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>是HTML中的一个元素，用于在当前网页中嵌入另一个网页或文档。它就像一个“窗口”，可以在页面中显示其他内容。主要特点：嵌入外部内容：可以在网页中嵌入其他网页、视频、地图等。独立上下文：嵌入的内容与主页面相互独立，拥有自己的JavaScript和CSS环境。可定制：可以通过属性调整大小、边框等。常用属性：src：指定要嵌入内容的URL。width和height：设置iframe的宽度和高度。fram</div> </li> <li><a href="/article/1883963238538866688.htm" title="html手机端富文本,移动端富文本踩坑" target="_blank">html手机端富文本,移动端富文本踩坑</a> <span class="text-muted">weixin_39608657</span> <a class="tag" taget="_blank" href="/search/html%E6%89%8B%E6%9C%BA%E7%AB%AF%E5%AF%8C%E6%96%87%E6%9C%AC/1.htm">html手机端富文本</a> <div>最近在做一个vue的项目。之前的前端同事离职了，和女朋友去云南潇洒去了，剩下我一个苦逼坐在电脑前哒哒哒敲代码。刚刚接手就开始做移动端富文本编辑器的需求。主管说压了半个月，尽快做出来。在网上找了不少编辑器，前段时间做过react的后台项目，用了百度的编辑器。功能很多很强，遗憾的是ios不支持flash，在移动端并不适用。因为要兼容ios和Android，而且还要在vue的项目中使用，在网上找了很多编</div> </li> <li><a href="/article/1883958066894925824.htm" title="【jQuery】jQuery 处理 Ajax 以及解决跨域问题的方式" target="_blank">【jQuery】jQuery 处理 Ajax 以及解决跨域问题的方式</a> <span class="text-muted">一二¬</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>文章目录HTTP原生创建AjaxjQuery处理Ajax$.ajax()$().load()$.get()$.post()跨域CORSJSONPiframewebsocketsHTTP超文本传输协议（HTTP，HyperTextTransferProtocol)是互联网上应用最为广泛的一种网络协议。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。一次HTTP操作称为一个事务，其工</div> </li> <li><a href="/article/1883920613538590720.htm" title="element-plus select 滚动加载更多" target="_blank">element-plus select 滚动加载更多</a> <span class="text-muted">日积一沙</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>思路：监听select下拉面板的滚动事件，滚动到底部时，调用接口加载更多数据一、自定义指令importtype{Directive,DirectiveBinding}from"vue";interfaceElTypeextendsHTMLElement{copyData:string|number;__handleClick__:any;}constloadmore:Directive={moun</div> </li> <li><a href="/article/1883904472925663232.htm" title="Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用）" target="_blank">Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用）</a> <span class="text-muted">云霄IT</span> <a class="tag" taget="_blank" href="/search/python%E5%BA%93%E6%95%99%E7%A8%8B/1.htm">python库教程</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>目录一、flask库安装二、简单使用三、前端返回类型设置（一）返回文本类型（二）返回json类型（三）重定向到另一路由（四）返回html类型，嵌入js,css,image等内容（一）py文件（二）html文件写法（三）静态目录结构四、静态资源路径修改五、实现提供文件下载一、flask库安装pipinstallflask二、简单使用fromflaskimportFlask,requestapp=Fl</div> </li> <li><a href="/article/1883876747439566848.htm" title="JAVA 安装教程" target="_blank">JAVA 安装教程</a> <span class="text-muted">连云港大帅哥</span> <a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85/1.htm">安装</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F/1.htm">配置环境变量</a> <div>下载官网地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html，选择1.8版本jdk进行下载安装JDK直接运行exe可执行程序，默认安装即可；备注：路径可以自己定义，不建议路径包含中文名、特殊符号、空格。配置环境变量1）新建变量名：JAVA_HOME，变量值：D:\Java8(JDK安装路径)；2）打开PATH，添</div> </li> <li><a href="/article/1883857583899471872.htm" title="ThreeJS实现波纹粒子效果" target="_blank">ThreeJS实现波纹粒子效果</a> <span class="text-muted">weixin_30500473</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a> <div>今天我们来用ThreeJS的库实现一个波纹粒子效果，我们用到的ThreeJS的库有CanvasRenderer.js，OrbitControls.js，Projector.js，stats.min.js和three.js。这些库都是不可或缺的，我们先来看看实现的效果，如下图所示。我们再来看看项目结构是怎么样的，项目结构如下图所示。我们的效果全部写在了index.html里，现在我们直接贴出inde</div> </li> <li><a href="/article/1883841953901113344.htm" title="HTML `＜head＞` 元素详解" target="_blank">HTML `＜head＞` 元素详解</a> <span class="text-muted">浪浪山小白兔</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在HTML文档中，元素是一个非常重要的部分，它包含了文档的元数据（metadata）和其他与文档相关的信息。虽然中的内容不会直接显示在网页上，但它对网页的行为、样式和搜索引擎优化（SEO）有着至关重要的影响。本文将详细介绍元素及其常见子元素的使用方法，并通过丰富的示例帮助你更好地理解和应用。1.元素概述元素是HTML文档的头部部分，位于标签内，标签之前。它主要用于定义文档的元数据、链接外部资源、设</div> </li> <li><a href="/article/1883841954312155136.htm" title="深入理解 HTML DOM：文档对象模型详解" target="_blank">深入理解 HTML DOM：文档对象模型详解</a> <span class="text-muted">浪浪山小白兔</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在前端开发中，HTMLDOM（文档对象模型，DocumentObjectModel）是一个非常重要的概念。它是浏览器将HTML文档解析为一个树形结构的方式，开发者可以通过JavaScript动态地访问和操作文档的内容、结构和样式。本文将详细介绍HTMLDOM的核心概念、功能以及实际应用。1.什么是HTMLDOM？HTMLDOM是浏览器将HTML文档解析为一个树形结构的编程接口。它将文档中的每个部分</div> </li> <li><a href="/article/1883840693122691072.htm" title="css粒子效果" target="_blank">css粒子效果</a> <span class="text-muted">HainesFreeman</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>htmlcss:body{height:100vh;background:radial-gradient(ellipseatbottom,#1b27350%,#090a0f100%);overflow:hidden;filter:drop-shadow(0010pxwhite);}@functionrandom_range($min,$max){$rand:random();$random_ran</div> </li> <li><a href="/article/1883840440575258624.htm" title="html文字旋转以后变形,关于css:CSS3中的变形处理transform功能旋转缩放倾斜移动" target="_blank">html文字旋转以后变形,关于css:CSS3中的变形处理transform功能旋转缩放倾斜移动</a> <span class="text-muted">weixin_39974958</span> <a class="tag" taget="_blank" href="/search/html%E6%96%87%E5%AD%97%E6%97%8B%E8%BD%AC%E4%BB%A5%E5%90%8E%E5%8F%98%E5%BD%A2/1.htm">html文字旋转以后变形</a> <div>1transform属性在CSS3中，能够利用transform性能实现文字或图像的旋转、缩放、歪斜、挪动这4中类型的变形解决。(1)浏览器反对到目前为止：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器反对该属性。2旋转应用rotate办法，在参数中退出角度值，角度值前面跟示意角度单位的“deg”文字即可，旋转方向为顺时针方向。transform：rot</div> </li> <li><a href="/article/1883838295037767680.htm" title="js 变量提升函数提升作用域" target="_blank">js 变量提升函数提升作用域</a> <span class="text-muted">huch_shyh</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%8F%98%E9%87%8F%E6%8F%90%E5%8D%87/1.htm">变量提升</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0%E6%8F%90%E5%8D%87/1.htm">函数提升</a><a class="tag" taget="_blank" href="/search/%E4%BD%9C%E7%94%A8%E5%9F%9F/1.htm">作用域</a> <div>再说这个知识点前，我们先了解下javascript语言的本质。简单来说js是一个脚本语言，是介于标记语言（例html中使用的标签等是一种被动的，被用来浏览\显示的，无行动能力）与编程语言（具有逻辑性和行为能力，这是主动的）之间，特点是不需要编译，可以直接书写，但依赖解释器来负责解释执行。js代码解析原则js引擎首先在读取js代码时默认执行2个步骤：1.解释(通篇扫描所有js代码，然后把所有声明(变</div> </li> <li><a href="/article/1883835521373892608.htm" title="使用HTML+CSS+JS 实现粒子动画" target="_blank">使用HTML+CSS+JS 实现粒子动画</a> <span class="text-muted">余大力BBQ</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%B0%8F%E6%A1%88%E4%BE%8B/1.htm">前端小案例</a><a class="tag" taget="_blank" href="/search/HTML/1.htm">HTML</a><a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E7%B2%92%E5%AD%90%E5%8A%A8%E7%94%BB/1.htm">粒子动画</a><a class="tag" taget="_blank" href="/search/%E9%BC%A0%E6%A0%87%E4%BA%A4%E4%BA%92/1.htm">鼠标交互</a> <div>：阿余：2022-3-2-2：如有错误，敬请指正。感谢！使用HTML+CSS+JS实现粒子动画1设置网页的样式2移动鼠标生成粒子3为每个粒子生成随机颜色属性4让粒子动起来5让粒子在垂直方向随机向上或向下移动6为粒子设置生命周期，销毁过期粒子7让粒子的颜色，跟随生命周期变化（淡出效果）8完整代码1设置网页的样式鼠标的粒子尾巴html,body{width:100%;height:100%;paddi</div> </li> <li><a href="/article/92.htm" title="log4j对象改变日志级别" target="_blank">log4j对象改变日志级别</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a><a class="tag" taget="_blank" href="/search/level/1.htm">level</a><a class="tag" taget="_blank" href="/search/log4j%E5%AF%B9%E8%B1%A1%E5%90%8D%E7%A7%B0/1.htm">log4j对象名称</a><a class="tag" taget="_blank" href="/search/%E6%97%A5%E5%BF%97%E7%BA%A7%E5%88%AB/1.htm">日志级别</a> <div>log4j对象改变日志级别可批量的改变所有级别，或是根据条件改变日志级别。 log4j配置文件： log4j.rootLogger=ERROR,FILE,CONSOLE,EXECPTION #log4j.appender.FILE=org.apache.log4j.RollingFileAppender log4j.appender.FILE=org.apache.l</div> </li> <li><a href="/article/219.htm" title="elk+redis 搭建nginx日志分析平台" target="_blank">elk+redis 搭建nginx日志分析平台</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/elasticsearch/1.htm">elasticsearch</a><a class="tag" taget="_blank" href="/search/kibana/1.htm">kibana</a><a class="tag" taget="_blank" href="/search/logstash/1.htm">logstash</a> <div>             elk+redis 搭建nginx日志分析平台 logstash,elasticsearch,kibana 怎么进行nginx的日志分析呢？首先，架构方面，nginx是有日志文件的，它的每个请求的状态等都有日志文件进行记录。其次，需要有个队列，redis的l</div> </li> <li><a href="/article/346.htm" title="Yii2设置时区" target="_blank">Yii2设置时区</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/timezone/1.htm">timezone</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a> <div>时区这东西，在开发的时候，你说重要吧，也还好，毕竟没它也能正常运行，你说不重要吧，那就纠结了。特别是linux系统，都TMD差上几小时，你能不痛苦吗？win还好一点。有一些常规方法，是大家目前都在采用的1、php.ini中的设置，这个就不谈了，2、程序中公用文件里设置，date_default_timezone_set一下时区3、或者。。。自己写时间处理函数，在遇到时间的时候，用这个函数处理（比较</div> </li> <li><a href="/article/473.htm" title="js实现前台动态添加文本框，后台获取文本框内容" target="_blank">js实现前台动态添加文本框，后台获取文本框内容</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E6%9C%AC%E6%A1%86/1.htm">文本框</a> <div> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w</div> </li> <li><a href="/article/600.htm" title="持续集成工具" target="_blank">持续集成工具</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90/1.htm">持续集成</a> <div>        持续集成是什么？我们为什么需要持续集成？持续集成带来的好处是什么？什么样的项目需要持续集成？...        持续集成(Continuous integration ,简称CI)，所谓集成可以理解为将互相依赖的工程或模块合并成一个能单独运行</div> </li> <li><a href="/article/727.htm" title="数据结构哈希表(hash)总结" target="_blank">数据结构哈希表(hash)总结</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a> <div>1.什么是hash 来源于百度百科: Hash，一般翻译做“散列”，也有直接音译为“哈希”的，就是把任意长度的输入，通过散列算法，变换成固定长度的输出，该输出就是散列值。这种转换是一种压缩映射，也就是，散列值的空间通常远小于输入的空间，不同的输入可能会散列成相同的输出，所以不可能从散列值来唯一的确定输入值。简单的说就是一种将任意长度的消息压缩到某一固定长度的消息摘要的函数。   </div> </li> <li><a href="/article/854.htm" title="乱七八糟" target="_blank">乱七八糟</a> <span class="text-muted">程序员是怎么炼成的</span> <div>eclipse中的jvm字节码查看插件地址： http://andrei.gmxhome.de/eclipse/ 安装该地址的outline 插件  后重启，打开window下的view下的bytecode视图 http://andrei.gmxhome.de/eclipse/   jvm博客： http://yunshen0909.iteye.com/blog/2</div> </li> <li><a href="/article/981.htm" title="职场人伤害了“上司” 怎样弥补" target="_blank">职场人伤害了“上司” 怎样弥补</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E8%81%8C%E5%9C%BA/1.htm">职场</a> <div> 由于工作中的失误，或者平时不注意自己的言行“伤害”、“得罪”了自己的上司，怎么办呢？　　在职业生涯中这种问题尽量不要发生。下面提供了一些解决问题的建议：　　一、利用一些轻松的场合表示对他的尊重　　即使是开明的上司也很注重自己的权威，都希望得到下属的尊重，所以当你与上司冲突后，最好让不愉快成为过去，你不妨在一些轻松的场合，比如会餐、联谊活动等，向上司问个好，敬下酒，表示你对对方的尊重，</div> </li> <li><a href="/article/1108.htm" title="深入浅出url编码" target="_blank">深入浅出url编码</a> <span class="text-muted">antonyup_2006</span> <a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/weblogic/1.htm">weblogic</a><a class="tag" taget="_blank" href="/search/IE/1.htm">IE</a> <div>出处：http://blog.csdn.net/yzhz  杨争   http://blog.csdn.net/yzhz/archive/2007/07/03/1676796.aspx 一、问题：         编码问题是JAVA初学者在web开发过程中经常会遇到问题，网上也有大量相关的</div> </li> <li><a href="/article/1235.htm" title="建表后创建表的约束关系和增加表的字段" target="_blank">建表后创建表的约束关系和增加表的字段</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%9A%84%E7%BA%A6%E6%9D%9F%E5%85%B3%E7%B3%BB/1.htm">标的约束关系</a><a class="tag" taget="_blank" href="/search/%E5%A2%9E%E5%8A%A0%E8%A1%A8%E7%9A%84%E5%AD%97%E6%AE%B5/1.htm">增加表的字段</a> <div>  下面所有的操作都是在表建立后操作的,主要目的就是熟悉sql的约束,约束语句的万能公式   1,增加字段(student表中增加姓名字段)   alter table 增加字段的表名 add 增加的字段名增加字段的数据类型 alter table student add name varchar2(10);   &nb</div> </li> <li><a href="/article/1362.htm" title="Uploadify 3.2 参数属性、事件、方法函数详解" target="_blank">Uploadify 3.2 参数属性、事件、方法函数详解</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/uploadify/1.htm">uploadify</a> <div>一.属性属性名称默认值说明 auto true 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传。 buttonClass ” 按钮样式 buttonCursor ‘hand’ 鼠标指针悬停在按钮上的样子 buttonImage null 浏览按钮的图片的路</div> </li> <li><a href="/article/1489.htm" title="精通Oracle10编程SQL(16)使用LOB对象" target="_blank">精通Oracle10编程SQL(16)使用LOB对象</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>/* *使用LOB对象 */ --LOB(Large Object)是专门用于处理大对象的一种数据类型，其所存放的数据长度可以达到4G字节 --CLOB/NCLOB用于存储大批量字符数据，BLOB用于存储大批量二进制数据，而BFILE则存储着指向OS文件的指针 /* *综合实例 */ --建立表空间 --#指定区尺寸为128k,如不指定，区尺寸默认为64k CR</div> </li> <li><a href="/article/1616.htm" title="【Resin一】Resin服务器部署web应用" target="_blank">【Resin一】Resin服务器部署web应用</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/resin/1.htm">resin</a> <div>工作中，在Resin服务器上部署web应用，通常有如下三种方式：   配置多个web-app 配置多个http id 为每个应用配置一个propeties、xml以及sh脚本文件配置多个web-app   在resin.xml中,可以为一个host配置多个web-app   <cluster id="app&q</div> </li> <li><a href="/article/1743.htm" title="red5简介及基础知识" target="_blank">red5简介及基础知识</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80/1.htm">基础</a> <div>  简介   Red5的主要功能和Macromedia公司的FMS类似，提供基于Flash的流媒体服务的一款基于Java的开源流媒体服务器。它由Java语言编写，使用RTMP作为流媒体传输协议，这与FMS完全兼容。它具有流化FLV、MP3文件，实时录制客户端流为FLV文件，共享对象，实时视频播放、Remoting等功能。用Red5替换FMS后,客户端不用更改可正</div> </li> <li><a href="/article/1870.htm" title="angular.fromJson" target="_blank">angular.fromJson</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+%E5%AE%98%E6%96%B9API/1.htm">AngularJS 官方API</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a> <div>angular.fromJson 描述: 把Json字符串转为对象使用方法: angular.fromJson(json); 参数详解: Param Type Details json string JSON 字符串返回值: 对象, 数组, 字符串或者是一个数字示例: <!DOCTYPE HTML> <h</div> </li> <li><a href="/article/1997.htm" title="java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I" target="_blank">java-颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class ReverseWords { /** * 题目：颠倒一个句子中的词的顺序。比如： I am a student颠倒后变成：student a am I.词以空格分隔。 * 要求： * 1.实现速度最快,移动最少 * 2.不能使用String的方法如split,indexOf等等。 * 解答：两次翻转。 */ publ</div> </li> <li><a href="/article/2124.htm" title="web实时通讯" target="_blank">web实时通讯</a> <span class="text-muted">Chen.H</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a><a class="tag" taget="_blank" href="/search/%E8%84%9A%E6%9C%AC/1.htm">脚本</a> <div>关于web实时通讯，做一些监控软件。由web服务器组件从消息服务器订阅实时数据，并建立消息服务器到所述web服务器之间的连接，web浏览器利用从所述web服务器下载到web页面的客户端代理与web服务器组件之间的socket连接，建立web浏览器与web服务器之间的持久连接；利用所述客户端代理与web浏览器页面之间的信息交互实现页面本地更新，建立一条从消息服务器到web浏览器页面之间的消息通路</div> </li> <li><a href="/article/2251.htm" title="[基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗?" target="_blank">[基因与生物]远古生物的基因可以嫁接到现代生物基因组中吗?</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%94%9F%E7%89%A9/1.htm">生物</a> <div>       大家仅仅把我说的事情当作一个IT行业的笑话来听吧..没有其它更多的意思     如果我们把大自然看成是一位伟大的程序员,专门为地球上的生态系统编制基因代码,并创造出各种不同的生物来,那么6500万年前的程序员开发的代码,是否兼容现代派的程序员的代码和架构呢?   </div> </li> <li><a href="/article/2378.htm" title="oracle 外部表" target="_blank">oracle 外部表</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E5%A4%96%E9%83%A8%E8%A1%A8/1.htm">外部表</a><a class="tag" taget="_blank" href="/search/external+tables/1.htm">external tables</a> <div>    oracle外部表是只允许只读访问，不能进行DML操作，不能创建索引，可以对外部表进行的查询，连接，排序，创建视图和创建同义词操作。 you can select, join, or sort external table data. You can also create views and synonyms for external tables. Ho</div> </li> <li><a href="/article/2505.htm" title="aop相关的概念及配置" target="_blank">aop相关的概念及配置</a> <span class="text-muted">daysinsun</span> <a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a> <div>切面(Aspect): 通常在目标方法执行前后需要执行的方法（如事务、日志、权限），这些方法我们封装到一个类里面，这个类就叫切面。连接点（joinpoint） spring里面的连接点指需要切入的方法，通常这个joinpoint可以作为一个参数传入到切面的方法里面（非常有用的一个东西）。通知（Advice）通知就是切面里面方法的具体实现，分为前置、后置、最终、异常环</div> </li> <li><a href="/article/2632.htm" title="初一上学期难记忆单词背诵第二课" target="_blank">初一上学期难记忆单词背诵第二课</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>middle 中间的，中级的 well 喔，那么；好吧 phone 电话，电话机 policeman 警察 ask 问 take 拿到；带到 address 地址 glad 高兴的，乐意的 why 为什么  China 中国 family 家庭 grandmother (外)祖母 grandfather (外)祖父 wife 妻子 husband 丈夫 da</div> </li> <li><a href="/article/2759.htm" title="Linux日志分析常用命令" target="_blank">Linux日志分析常用命令</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/log/1.htm">log</a> <div>1.查看文件内容 cat -n 显示行号 2.分页显示 more Enter 显示下一行空格显示下一页 F 显示下一屏 B 显示上一屏 less /get 查询"get"字符串并高亮显示 3.显示文件尾 tail -f 不退出持续显示 -n 显示文件最后n行 4.显示头文件 head -n 显示文件开始n行 5.内容排序 sort -n 按照</div> </li> <li><a href="/article/2886.htm" title="JSONP 原理分析" target="_blank">JSONP 原理分析</a> <span class="text-muted">fantasy2005</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/jsonp/1.htm">jsonp</a><a class="tag" taget="_blank" href="/search/jsonp+%E8%B7%A8%E5%9F%9F/1.htm">jsonp 跨域</a> <div>转自 http://www.nowamagic.net/librarys/veda/detail/224 JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的</div> </li> <li><a href="/article/3013.htm" title="使用connect by进行级联查询" target="_blank">使用connect by进行级联查询</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%9F%A5%E8%AF%A2/1.htm">查询</a><a class="tag" taget="_blank" href="/search/%E7%88%B6%E5%AD%90/1.htm">父子</a><a class="tag" taget="_blank" href="/search/Connect+by/1.htm">Connect by</a><a class="tag" taget="_blank" href="/search/%E7%BA%A7%E8%81%94/1.htm">级联</a> <div>使用connect by进行级联查询          connect by可以用于级联查询，常用于对具有树状结构的记录查询某一节点的所有子孙节点或所有祖辈节点。          来看一个示例，现假设我们拥有一个菜单表t_menu，其中只有三个字段：</div> </li> <li><a href="/article/3140.htm" title="一个不错的能将HTML表格导出为excel,pdf等的jquery插件" target="_blank">一个不错的能将HTML表格导出为excel,pdf等的jquery插件</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/jquery%E6%8F%92%E4%BB%B6/1.htm">jquery插件</a> <div>发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式，地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf <html> <head> <title>Export html table to excel an</div> </li> <li><a href="/article/3267.htm" title="UI设计中我们为什么需要设计动效" target="_blank">UI设计中我们为什么需要设计动效</a> <span class="text-muted">lampcy</span> <a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/UI%E8%AE%BE%E8%AE%A1/1.htm">UI设计</a> <div>关于Unity3D中的Shader的知识首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，</div> </li> <li><a href="/article/3394.htm" title="如何禁止页面缓存" target="_blank">如何禁止页面缓存</a> <span class="text-muted">nannan408</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a> <div>禁止页面使用缓存~ ------------------------------------------------ jsp:页面no cache： response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cach</div> </li> <li><a href="/article/3521.htm" title="以代码的方式管理quartz定时任务的暂停、重启、删除、添加等" target="_blank">以代码的方式管理quartz定时任务的暂停、重启、删除、添加等</a> <span class="text-muted">Everyday都不同</span> <a class="tag" taget="_blank" href="/search/%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1%E7%AE%A1%E7%90%86/1.htm">定时任务管理</a><a class="tag" taget="_blank" href="/search/spring-quartz/1.htm">spring-quartz</a> <div>      【前言】在项目的管理功能中，对定时任务的管理有时会很常见。因为我们不能指望只在配置文件中配置好定时任务就行了，因为如果要控制定时任务的 “暂停” 呢？暂停之后又要在某个时间点 “重启” 该定时任务呢？或者说直接 “删除” 该定时任务呢？要改变某定时任务的触发时间呢？ “添加” 一个定时任务对于系统的使用者而言，是不太现实的，因为一个定时任务的处理逻辑他是不</div> </li> <li><a href="/article/3648.htm" title="EXT实例" target="_blank">EXT实例</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/ext/1.htm">ext</a> <div>  （1）增加一个按钮   JSP:   <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); Stri</div> </li> <li><a href="/article/3775.htm" title="数学学习在计算机研究领域的作用和重要性" target="_blank">数学学习在计算机研究领域的作用和重要性</a> <span class="text-muted">xjnine</span> <a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a> <div>最近一直有师弟师妹和朋友问我数学和研究的关系，研一要去学什么数学课。毕竟在清华，衡量一个研究生最重要的指标之一就是paper,而没有数学，是肯定上不了世界顶级的期刊和会议的，这在计算机学界尤其重要！你会发现，不论哪个领域有价值的东西，都一定离不开数学！在这样一个信息时代，当google已经让世界没有秘密的时候，一种卓越的数学思维，绝对可以成为你的核心竞争力.  无奈本人实在见地</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类：</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.  </div> </div> </footer>  <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>