| <![CDATA[...</plaintext></td>
<td width="262">固定宽度字体(不执行标记符号)</td>
</tr>
<tr>
<td width="251"><listing>...</listing></td>
<td width="262">固定宽度小字体</td>
</tr>
<tr>
<td width="251"><font color=00ff00>...</font></td>
<td width="262">字体颜色</td>
</tr>
<tr>
<td width="251"><font size=1>...</font></td>
<td width="262">最小字体</td>
</tr>
<tr>
<td width="251"><font style =font-size:100 px>...</font></td>
<td width="262">无限增大</td>
</tr>
</tbody>
</table>
</div>
<p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">3.区断标记</strong></p>
<div style="border-bottom:0px;border-left:0px;font-size:16px;border-top:0px;border-right:0px;">
<table border="1">
<tbody>
<tr>
<td width="251"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">标签</strong></p> </td>
<td width="262"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">功能</strong></p> </td>
</tr>
<tr>
<td width="251"><hr></td>
<td width="262">水平线</td>
</tr>
<tr>
<td width="251"><hr size=9></td>
<td width="262">水平线(设定大小)</td>
</tr>
<tr>
<td width="251"><hr width=80%></td>
<td width="262">水平线(设定宽度)</td>
</tr>
<tr>
<td width="251"><hr color=ff0000></td>
<td width="262">水平线(设定颜色)</td>
</tr>
<tr>
<td width="251"><br></td>
<td width="262">(换行)</td>
</tr>
<tr>
<td width="251"><nobr>...</nobr></td>
<td width="262">水域(不换行)</td>
</tr>
<tr>
<td width="251"><p>...</p></td>
<td width="262">水域(段落)</td>
</tr>
<tr>
<td width="251"><center>...</center></td>
<td width="262">置中</td>
</tr>
</tbody>
</table>
</div>
<p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">4.链接</strong></p>
<div style="border-bottom:0px;border-left:0px;font-size:16px;border-top:0px;border-right:0px;">
<table border="1">
<tbody>
<tr>
<td width="251"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">标签</strong></p> </td>
<td width="262"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">功能</strong></p> </td>
</tr>
<tr>
<td width="251"><base href=地址></td>
<td width="262">(预设好连结路径)</td>
</tr>
<tr>
<td width="251"><a href=地址></a></td>
<td width="262">外部连结</td>
</tr>
<tr>
<td width="251"><a href=地址 target=_blank></a></td>
<td width="262">外部连结(另开新窗口)</td>
</tr>
<tr>
<td width="251"><a href=地址 target=_top></a></td>
<td width="262">外部连结(全窗口连结)</td>
</tr>
<tr>
<td width="251"><a href=地址 target=页框名></a></td>
<td width="262">外部连结(在指定页框连结)</td>
</tr>
</tbody>
</table>
</div>
<p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">5.图像/音乐</strong></p>
<div style="border-bottom:0px;border-left:0px;font-size:16px;border-top:0px;border-right:0px;">
<table border="1">
<tbody>
<tr>
<td width="251"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">标签</strong></p> </td>
<td width="262"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">功能</strong></p> </td>
</tr>
<tr>
<td width="251"><img src=图片地址></td>
<td width="262">贴图</td>
</tr>
<tr>
<td width="251"><img src=图片地址 width=180></td>
<td width="262">设定图片宽度</td>
</tr>
<tr>
<td width="251"><img src=图片地址 height=30></td>
<td width="262">设定图片高度</td>
</tr>
<tr>
<td width="251"><img src=图片地址 alt=提示文字></td>
<td width="262">设定图片提示文字</td>
</tr>
<tr>
<td width="251"><img src=图片地址 border=1></td>
<td width="262">设定图片边框</td>
</tr>
<tr>
<td width="251"><bgsound src=MID音乐文件地址></td>
<td width="262">背景音乐设定</td>
</tr>
</tbody>
</table>
</div>
<p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">6.表格</strong></p>
<div style="border-bottom:0px;border-left:0px;font-size:16px;border-top:0px;border-right:0px;">
<table border="1">
<tbody>
<tr>
<td width="251"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">标签</strong></p> </td>
<td width="262"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">功能</strong></p> </td>
</tr>
<tr>
<td width="251"><table aling=left>...</table></td>
<td width="262">表格位置,置左</td>
</tr>
<tr>
<td width="251"><table aling=center>...</table></td>
<td width="262">表格位置,置中</td>
</tr>
<tr>
<td width="251"><table background=图片路径>...</table></td>
<td width="262">背景图片的URL=就是路径网址</td>
</tr>
<tr>
<td width="251"><table border=边框大小>...</table></td>
<td width="262">设定表格边框大小(使用数字)</td>
</tr>
<tr>
<td width="251"><table bgcolor=颜色码>...</table></td>
<td width="262">设定表格的背景颜色</td>
</tr>
<tr>
<td width="251"><table borderclor=颜色码>...</table></td>
<td width="262">设定表格边框的颜色</td>
</tr>
<tr>
<td width="251"><table borderclordark=颜色码>...</table></td>
<td width="262">设定表格暗边框的颜色</td>
</tr>
<tr>
<td width="251"><table borderclorlight=颜色码>...</table></td>
<td width="262">设定表格亮边框的颜色</td>
</tr>
<tr>
<td width="251"><table cellpadding=参数>...</table></td>
<td width="262">指定内容与网格线之间的间距(使用数字)</td>
</tr>
<tr>
<td width="251"><table cellspacing=参数>...</table></td>
<td width="262">指定网格线与网格线之间的距离(使用数字)</td>
</tr>
<tr>
<td width="251"><table cols=参数>...</table></td>
<td width="262">指定表格的栏数</td>
</tr>
<tr>
<td width="251"><table frame=参数>...</table></td>
<td width="262">设定表格外框线的显示方式</td>
</tr>
<tr>
<td width="251"><table width=宽度>...</table></td>
<td width="262">指定表格的宽度大小(使用数字)</td>
</tr>
<tr>
<td width="251"><table height=高度>...</table></td>
<td width="262">指定表格的高度大小(使用数字)</td>
</tr>
<tr>
<td width="251"><td colspan=参数>...</td></td>
<td width="262">指定储存格合并栏的栏数(使用数字)</td>
</tr>
<tr>
<td width="251"><td rowspan=参数>...</td></td>
<td width="262">指定储存格合并列的列数(使用数字)</td>
</tr>
</tbody>
</table>
</div>
<p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">7.分割窗口</strong></p>
<table border="1">
<tbody>
<tr>
<td width="257"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">标签</strong></p> </td>
<td width="256"> <p style="border-bottom:0px;border-left:0px;text-indent:2em;font-size:16px;border-top:0px;border-right:0px;"> <strong style="font-weight:bold;">功能</strong></p> </td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><frameset cols="20%,*"></td>
<td width="256">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><frameset rows="20%,*"></td>
<td width="256">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><frameset cols="20%,*"></td>
<td width="256">分割左右两个框架</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><frameset cols="20%,*,20%"></td>
<td width="256">分割左中右三个框架</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><frameset rows="20%,*,20%"></td>
<td width="256">分割上中下三个框架</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><! - - ... - -></td>
<td width="256">批注</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><A HREF TARGET></td>
<td width="256">指定超级链接的分割窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><A HREF=#锚的名称></td>
<td width="256">指定锚名称的超级链接</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><A HREF></td>
<td width="256">指定超级链接</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><A NAME=锚的名称></td>
<td width="256">被连结点的名称</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><ADDRESS>....</ADDRESS></td>
<td width="256">用来显示电子邮箱地址</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><B></td>
<td width="256">粗体字</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BASE TARGET></td>
<td width="256">指定超级链接的分割窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BASEFONT SIZE></td>
<td width="256">更改预设字形大小</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BGSOUND SRC></td>
<td width="256">加入背景音乐</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BIG></td>
<td width="256">显示大字体</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BLINK></td>
<td width="256">闪烁的文字</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BODY TEXT LINK VLINK></td>
<td width="256">设定文字颜色</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BODY></td>
<td width="256">显示本文</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><BR></td>
<td width="256">换行</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><CAPTION ALIGN></td>
<td width="256">设定表格标题位置</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><CAPTION>...</CAPTION></td>
<td width="256">为表格加上标题</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><CENTER></td>
<td width="256">向中对齐</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><CITE>...<CITE></td>
<td width="256">用于引经据典的文字</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><CODE>...</CODE></td>
<td width="256">用于列出一段程序代码</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><COMMENT>...</COMMENT></td>
<td width="256">加上批注</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><DD></td>
<td width="256">设定定义列表的项目解说</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><DFN>...</DFN></td>
<td width="256">显示"定义"文字</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><DIR>...</DIR></td>
<td width="256">列表文字卷标</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><DL>...</DL></td>
<td width="256">设定定义列表的卷标</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><DT></td>
<td width="256">设定定义列表的项目</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><EM></td>
<td width="256">强调之用</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FONT FACE></td>
<td width="256">任意指定所用的字形</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FONT SIZE></td>
<td width="256">设定字体大小</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FORM ACTION></td>
<td width="256">设定户动式窗体的处理方式</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FORM METHOD></td>
<td width="256">设定户动式窗体之资料传送方式</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME MARGINHEIGHT></td>
<td width="256">设定窗口的上下边界</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME MARGINWIDTH></td>
<td width="256">设定窗口的左右边界</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME NAME></td>
<td width="256">为分割窗口命名</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME NORESIZE></td>
<td width="256">锁住分割窗口的大小</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME SCROLLING></td>
<td width="256">设定分割窗口的滚动条</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAME SRC></td>
<td width="256">将HTML文件加入窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAMESET COLS></td>
<td width="256">将窗口分割成左右的子窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAMESET ROWS></td>
<td width="256">将窗口分割成上下的子窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><FRAMESET>...</FRAMESET></td>
<td width="256">划分分割窗口</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><H1>~<H6></td>
<td width="256">设定文字大小</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><HEAD</td>
<td width="256">> 标示文件信息</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><HR></td>
<td width="256">加上分网格线</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><HTML></td>
<td width="256">文件的开始与结束</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><I></td>
<td width="256">斜体字</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG ALIGN></td>
<td width="256">调整图形影像的位置</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG ALT></td>
<td width="256">为你的图形影像加注</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG DYNSRC LOOP></td>
<td width="256">加入影片</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG HEIGHT WIDTH></td>
<td width="256">插入图片并预设图形大小</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG HSPACE></td>
<td width="256">插入图片并预设图形的左右边界</td>
<td width="12"> </td>
</tr>
<tr>
<td width="257"><IMG LOWSRC></td>
<td colspan="2" width="268">预载图片功能</td>
</tr>
<tr>
<td width="257"><IMG SRC BORDER></td>
<td colspan="2" width="268">设定图片边界</td>
</tr>
<tr>
<td width="257"><IMG SRC></td>
<td colspan="2" width="268">插入图片</td>
</tr>
<tr>
<td width="257"><IMG VSPACE></td>
<td colspan="2" width="268">插入图片并预设图形的上下边界</td>
</tr>
<tr>
<td width="257"><INPUT TYPE NAME value></td>
<td colspan="2" width="268">在窗体中加入输入字段</td>
</tr>
<tr>
<td width="257"><ISINDEX></td>
<td colspan="2" width="268">定义查询用窗体</td>
</tr>
<tr>
<td width="257"><KBD>...</KBD></td>
<td colspan="2" width="268">表示使用者输入文字</td>
</tr>
<tr>
<td width="257"><LI TYPE>...</LI></td>
<td colspan="2" width="268">列表的项目 ( 可指定符号 )</td>
</tr>
<tr>
<td width="257"><MARQUEE></td>
<td colspan="2" width="268">跑马灯效果</td>
</tr>
<tr>
<td width="257"><MENU>...</MENU></td>
<td colspan="2" width="268">条列文字卷标</td>
</tr>
<tr>
<td width="257"><META NAME="REFRESH" CONTENT URL></td>
<td colspan="2" width="268">自动更新文件内容</td>
</tr>
<tr>
<td width="257"><MULTIPLE></td>
<td colspan="2" width="268">可同时选择多项的列表栏</td>
</tr>
<tr>
<td width="257"><NOFRAME></td>
<td colspan="2" width="268">定义不出现分割窗口的文字</td>
</tr>
<tr>
<td width="257"><OL>...</OL></td>
<td colspan="2" width="268">有序号的列表</td>
</tr>
<tr>
<td width="257"><OPTION></td>
<td colspan="2" width="268">定义窗体中列表栏的项目</td>
</tr>
<tr>
<td width="257"><P ALIGN></td>
<td colspan="2" width="268">设定对齐方向</td>
</tr>
<tr>
<td width="257"><P></td>
<td colspan="2" width="268">分段</td>
</tr>
<tr>
<td width="257"><PERSON>...</PERSON></td>
<td colspan="2" width="268">显示人名</td>
</tr>
<tr>
<td width="257"><PRE></td>
<td colspan="2" width="268">使用原有排列</td>
</tr>
<tr>
<td width="257"><SAMP>...</SAMP></td>
<td colspan="2" width="268">用于引用字</td>
</tr>
<tr>
<td width="257"><SELECT>...</SELECT></td>
<td colspan="2" width="268">在窗体中定义列表栏</td>
</tr>
<tr>
<td width="257"><SMALL></td>
<td colspan="2" width="268">显示小字体</td>
</tr>
<tr>
<td width="257"><STRIKE></td>
<td colspan="2" width="268">文字加横线</td>
</tr>
<tr>
<td width="257"><STRONG></td>
<td colspan="2" width="268">用于加强语气</td>
</tr>
<tr>
<td width="257"><SUB></td>
<td colspan="2" width="268">下标字</td>
</tr>
<tr>
<td width="257"><SUP></td>
<td colspan="2" width="268">上标字</td>
</tr>
<tr>
<td width="257"><TABLE BORDER=n></td>
<td colspan="2" width="268">调整表格的宽线高度</td>
</tr>
<tr>
<td width="257"><TABLE CELLPADDING></td>
<td colspan="2" width="268">调整数据域位之边界</td>
</tr>
<tr>
<td width="257"><TABLE CELLSPACING></td>
<td colspan="2" width="268">调整表格线的宽度</td>
</tr>
<tr>
<td width="257"><TABLE HEIGHT></td>
<td colspan="2" width="268">调整表格的高度</td>
</tr>
<tr>
<td width="257"><TABLE WIDTH></td>
<td colspan="2" width="268">调整表格的宽度</td>
</tr>
<tr>
<td width="257"><TABLE>...</TABLE></td>
<td colspan="2" width="268">产生表格的卷标</td>
</tr>
<tr>
<td width="257"><TD ALIGN></td>
<td colspan="2" width="268">调整表格字段之左右对齐</td>
</tr>
<tr>
<td width="257"><TD BGCOLOR></td>
<td colspan="2" width="268">设定表格字段之背景颜色</td>
</tr>
<tr>
<td width="257"><TD COLSPAN ROWSPAN></td>
<td colspan="2" width="268">表格字段的合并</td>
</tr>
<tr>
<td width="257"><TD NOWRAP></td>
<td colspan="2" width="268">设定表格字段不换行</td>
</tr>
<tr>
<td width="257"><TD VALIGN></td>
<td colspan="2" width="268">调整表格字段之上下对齐</td>
</tr>
<tr>
<td width="257"><TD WIDTH></td>
<td colspan="2" width="268">调整表格字段宽度</td>
</tr>
<tr>
<td width="257"><TD>...</TD></td>
<td colspan="2" width="268">定义表格的数据域位</td>
</tr>
<tr>
<td width="257"><TEXTAREA NAME ROWS COLS></td>
<td colspan="2" width="268">窗体中加入多少列的文字输入栏</td>
</tr>
<tr>
<td width="257"><TEXTAREA WRAP></td>
<td colspan="2" width="268">决定文字输入栏是自动否换行</td>
</tr>
<tr>
<td width="257"><TH>...</TH></td>
<td colspan="2" width="268">定义表格的标头字段</td>
</tr>
<tr>
<td width="257"><TITLE></td>
<td colspan="2" width="268">文件标题</td>
</tr>
<tr>
<td width="257"><TR>...</TR></td>
<td colspan="2" width="268">定义表格美一行</td>
</tr>
<tr>
<td width="257"><TT></td>
<td colspan="2" width="268">打字机字体</td>
</tr>
<tr>
<td width="257"><U></td>
<td colspan="2" width="268">文字加底线</td>
</tr>
<tr>
<td width="257"><UL TYPE>...</UL></td>
<td colspan="2" width="268">无序号的列表 ( 可指定符号 )</td>
</tr>
<tr>
<td width="257"><VAR>...</VAR></td>
<td colspan="2" width="268">用于显示变量</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1290528330029801472"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(html5)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1883824426944884736.htm"
title="html,css,js的粒子效果" target="_blank">html,css,js的粒子效果</a>
<span class="text-muted">python算法(魔法师版)</span>
<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>
<div>这段代码实现了一个基于HTML5Canvas的高级粒子效果，用户可以通过鼠标与粒子进行交互。下面是对代码的详细解析：HTML部分使用声明文档类型。标签内包含了整个网页的内容。部分定义了网页的标题（"高级粒子效果"）和一些基本样式，如设置页面无边距、隐藏滚动条以及黑色背景。包含一个元素用于绘图。CSS部分设置body的边距为0，并隐藏溢出内容，同时设置背景颜色为黑色。canvas块级显示，确保其占据</div>
</li>
<li><a href="/article/1883812197394608128.htm"
title="Babylon.js WebGL与性能优化" target="_blank">Babylon.js WebGL与性能优化</a>
<span class="text-muted">天涯学馆</span>
<a class="tag" taget="_blank" href="/search/WebGL/1.htm">WebGL</a><a class="tag" taget="_blank" href="/search/3D%E5%9B%BE%E5%BD%A2%E5%9B%BE%E5%83%8F%E6%8A%80%E6%9C%AF/1.htm">3D图形图像技术</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/webgl/1.htm">webgl</a><a class="tag" taget="_blank" href="/search/3d/1.htm">3d</a><a class="tag" taget="_blank" href="/search/Babylon.js/1.htm">Babylon.js</a><a class="tag" taget="_blank" href="/search/Threejs/1.htm">Threejs</a>
<div>目录WebGL基础与Babylon.js底层理解性能监控与优化技巧WebGL基础与Babylon.js底层理解WebGL（WebGraphicsLibrary）是JavaScriptAPI，用于在网页上进行硬件加速的3D图形渲染。它是OpenGL的一个子集，由Web浏览器支持，无需插件。WebGL通过JavaScript与HTML5元素结合，使得开发者能够在浏览器中创建复杂的3D场景。Babylo</div>
</li>
<li><a href="/article/1883748144768937984.htm"
title="XML 语法" target="_blank">XML 语法</a>
<span class="text-muted">凉风细细</span>
<a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a>
<div>XML的语法规则很简单，且很有逻辑。这些规则很容易学习，也很容易使用。XML声明XML声明文件的可选部分，如果存在需要放在文档的第一行，如下所示：以上实例包含XML版本（version="1.0"），甚至包含字符编码（encoding="utf-8"）。UTF-8也是HTML5,CSS,JavaScript,PHP,和SQL的默认编码。XML文档必须有根元素XML必须包含根元素，它是所有其他元素的</div>
</li>
<li><a href="/article/1883678451387396096.htm"
title="使用HTML5 Canvas 实现呼吸粒子球动画效果的原理" target="_blank">使用HTML5 Canvas 实现呼吸粒子球动画效果的原理</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/html5/1.htm">html5</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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>在网页开发领域，动画效果能够极大地提升用户体验，让页面变得更加生动有趣。今天，我们深入剖析一个基于HTML5Canvas的3D粒子动画——呼吸粒子球。通过详细解读其代码实现，我们将全面了解如何运用HTML5的强大功能构建出如此迷人的视觉效果。效果展示：用HTML5Canvas和JavaScript实现粒子恒星脉动特效1，整体架构整个呼吸粒子球效果是HTML、CSS和JavaScript协同工作的成</div>
</li>
<li><a href="/article/1883085285055590400.htm"
title="基于 Node.js 的天气查询系统实现(附源码）" target="_blank">基于 Node.js 的天气查询系统实现(附源码）</a>
<span class="text-muted">Kasper0121</span>
<a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a>
<div>项目概述这是一个基于Node.js的全栈应用，前端使用原生JavaScript和CSS，后端使用Express框架，通过调用第三方天气API实现天气数据的获取和展示。主要功能默认显示多个主要城市的天气信息支持城市天气搜索响应式布局设计深色主题界面优雅的加载动画技术栈后端：Node.js+Express前端：HTML5+CSS3+JavaScriptHTTP客户端：AxiosAPI：天气API(v1</div>
</li>
<li><a href="/article/1882652035791253504.htm"
title="探秘 commits-graph：优雅的Git提交图绘制工具" target="_blank">探秘 commits-graph：优雅的Git提交图绘制工具</a>
<span class="text-muted">农爱宜</span>
<div>探秘commits-graph：优雅的Git提交图绘制工具去发现同类优质开源项目:https://gitcode.com/在软件开发中，Git不仅仅是一个版本控制系统，它还是我们代码历程的一种视觉表达。每次提交都如同历史的一笔，记录着开发者的心血和智慧。而今天，我们要向您推荐一个非常出色的开源项目——commits-graph，这是一个基于HTML5Canvas和jQuery的Git提交图形小部件</div>
</li>
<li><a href="/article/1882351291385049088.htm"
title="ssm基于HTML5的红酒信息分享系统" target="_blank">ssm基于HTML5的红酒信息分享系统</a>
<span class="text-muted">Q_2743785109</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">计算机毕业设计</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><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>SSM基于HTML5的红酒信息分享系统是一个专注于红酒领域的综合性信息平台，旨在为红酒爱好者、从业者以及普通消费者提供一个便捷的交流与获取红酒相关信息的空间。一、系统背景与意义随着人们生活水平的提高和消费观念的转变，红酒作为一种高雅的饮品，越来越受到消费者的青睐。然而，红酒市场的信息不对称和消费者缺乏专业知识等问题限制了红酒文化的传播和消费者的购买决策。因此，开发一个基于SSM框架和HTML5技术</div>
</li>
<li><a href="/article/1882025578941444096.htm"
title="HTML＜center＞标签" target="_blank">HTML＜center＞标签</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>HTML5不支持。标签在HTML4中用于使文本居中对齐。用什么来代替呢？例子居中对齐文本（使用CSS）：h1{text-align:center;}p{text-align:center;}div{text-align:center;}ThisisaheadingThisisaparagraph.Thisisadiv.</div>
</li>
<li><a href="/article/1881989128371892224.htm"
title="【Springboot】——响应与分层解耦架构" target="_blank">【Springboot】——响应与分层解耦架构</a>
<span class="text-muted">Y小夜</span>
<a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><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%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a>
<div>博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，设计模式、Python机器学习、Springboot等主页链接：Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G</div>
</li>
<li><a href="/article/1881934636544749568.htm"
title="uniapps使用HTML5的io模块拷贝文件目录" target="_blank">uniapps使用HTML5的io模块拷贝文件目录</a>
<span class="text-muted">PABL01</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/sqlite/1.htm">sqlite</a>
<div>最近在集成sqlite到uniapp的过程中，因为要将sqlite数据库预加载，所以需要使用HTML5的plus.io模块。使用过程中遇到了许多问题，比如文件路径总是解析不到等。尤其是应用私有文档目录’_doc’。根据官方文档：为了安全管理应用的资源目录，规范对文件系统的操作，5+API在系统应用目录的基础设计了应用沙盒目录，分为私有目录和公共目录两种类型，私有目录仅应用自身可以访问，公共目录在多</div>
</li>
<li><a href="/article/1881705648144576512.htm"
title="圈子系统如何实现生成海报功能，前后端协同工作" target="_blank">圈子系统如何实现生成海报功能，前后端协同工作</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>圈子系统通常指的是社交平台或论坛中的一种功能模块，用于创建和管理兴趣小组或讨论群组。以下是对圈子系统的详细解释：一、前端实现前端主要负责海报的生成和展示。这通常通过HTML5的CanvasAPI或类似的图形库来实现。创建Canvas元素：在HTML中创建一个Canvas元素，用于绘制海报。获取Canvas上下文：使用getContext('2d')方法获取Canvas的2D绘图上下文，以便进行绘制</div>
</li>
<li><a href="/article/1881428249200881664.htm"
title="通信协议—WebSocket" target="_blank">通信协议—WebSocket</a>
<span class="text-muted">啥也学不会a</span>
<a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a>
<div>一、WebSocket编程概念1.1什么是WebSocketWebSocket是一种全双工通信协议，允许在客户端（通常是浏览器）和服务器之间建立持久连接，以实现实时的双向通信。它是HTML5标准的一部分，相比传统的HTTP请求，WebSocket提供了更低的延迟和更高的性能，特别适合于需要实时更新数据的应用程序，如在线聊天、实时监控、游戏等1.2WebSocket的基本使用步骤1.2.1）服务器端</div>
</li>
<li><a href="/article/1881288193186263040.htm"
title="HTML＜!DOCTYPE＞声明" target="_blank">HTML＜!DOCTYPE＞声明</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/javascript/1.htm">javascript</a>
<div>例子TitleofthedocumentThecontentofthedocument......定义和用法所有HTML文档都必须以声明开始。声明不是HTML标签。它是向浏览器提供的有关预期文档类型的“信息”。在HTML5中，声明很简单：浏览器支持较旧的HTML文档在较旧的文档（HTML4或XHTML）中，声明更为复杂，因为声明必须引用DTD（文档类型定义）。HTML4.01：XHTML1.1：提</div>
</li>
<li><a href="/article/1880813472392998912.htm"
title="用html制作粒子线条,html5 canvas跟随鼠标粒子线条动画特效" target="_blank">用html制作粒子线条,html5 canvas跟随鼠标粒子线条动画特效</a>
<span class="text-muted">狗雄</span>
<a class="tag" taget="_blank" href="/search/%E7%94%A8html%E5%88%B6%E4%BD%9C%E7%B2%92%E5%AD%90%E7%BA%BF%E6%9D%A1/1.htm">用html制作粒子线条</a>
<div>特效描述：html5canvas跟随鼠标粒子线条动画特效，html5基于canvas制作鼠标移动粒子线条动画代码结构1.HTML代码//Oneofmyfirstexperiments,woop!:DvarSCREEN_WIDTH=window.innerWidth;varSCREEN_HEIGHT=window.innerHeight;varRADIUS=70;varRADIUS_SCALE=1;</div>
</li>
<li><a href="/article/1880646436899581952.htm"
title="基于 HTML5 Canvas 制作一个精美的 2048 小游戏--day2" target="_blank">基于 HTML5 Canvas 制作一个精美的 2048 小游戏--day2</a>
<span class="text-muted">无限大.</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E4%BB%A3%E7%A0%81%E5%AE%9E%E7%8E%B02048/1.htm">前端代码实现2048</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><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>为了使2048游戏的设计更加美观和用户友好，我们可以进行以下几项优化：改善颜色方案：使用更温馨的颜色组合。添加动画效果：为方块的移动和合并添加渐变效果。优化分数显示：在分数增加时使用动画效果。以下是改进后的代码示例：1.CSS样式（style.css）body{display:flex;justify-content:center;align-items:center;height:100vh;b</div>
</li>
<li><a href="/article/1880602903387893760.htm"
title="java3d酷眩贪吃蛇下载,100行JS实现HTML5的3D贪吃蛇游戏" target="_blank">java3d酷眩贪吃蛇下载,100行JS实现HTML5的3D贪吃蛇游戏</a>
<span class="text-muted">weixin_39983554</span>
<a class="tag" taget="_blank" href="/search/java3d%E9%85%B7%E7%9C%A9%E8%B4%AA%E5%90%83%E8%9B%87%E4%B8%8B%E8%BD%BD/1.htm">java3d酷眩贪吃蛇下载</a>
<div>js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。自己写不出来，站在巨人肩膀总是有机会吧，折腾了一番站在Hightopo的肩膀上搞了个3D贪吃蛇游戏，算了算JS代码还只有90来行</div>
</li>
<li><a href="/article/1880602524877123584.htm"
title="html5贪吃蛇特点,简易html5贪吃蛇" target="_blank">html5贪吃蛇特点,简易html5贪吃蛇</a>
<span class="text-muted">雪小梨</span>
<a class="tag" taget="_blank" href="/search/html5%E8%B4%AA%E5%90%83%E8%9B%87%E7%89%B9%E7%82%B9/1.htm">html5贪吃蛇特点</a>
<div>1.[图片]E6~0%QPA46ER843UQJ$0Z`H.jpg2.[文件]snake.htmlThesnakegamefunctionlog(msg){console.log(msg);}Yourbrowsercannotsupporthtml5.this.onkeydown=function(e){varcode=e.keyCode;if(code==37)changeMove(3);if(</div>
</li>
<li><a href="/article/1880569839924342784.htm"
title="Spring Boot入门(19)：超酷炫！Spring Boot + Thymeleaf 带你玩转 Web 页面开发！" target="_blank">Spring Boot入门(19)：超酷炫！Spring Boot + Thymeleaf 带你玩转 Web 页面开发！</a>
<span class="text-muted">喵手</span>
<a class="tag" taget="_blank" href="/search/Springboot/1.htm">Springboot</a><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>前言在Web开发中，不管是MVC框架还是前后端分离，都需要使用模板引擎来渲染生成页面。Thymeleaf是一款非常优秀的模板引擎，它以自然的方式处理模板，支持HTML5标签，同时兼容HTML4。本文将介绍如何使用SpringBoot框架，整合Thymeleaf模板引擎来开发Web页面。摘要本文将分为以下几个部分:新建SpringBoot项目配置Thymeleaf模板引擎编写HTML页面模板引擎使用</div>
</li>
<li><a href="/article/1880395432257974272.htm"
title="【Rust】——不安全Rust" target="_blank">【Rust】——不安全Rust</a>
<span class="text-muted">Y小夜</span>
<a class="tag" taget="_blank" href="/search/Rust%EF%BC%88%E5%AE%98%E6%96%B9%E6%96%87%E6%A1%A3%E9%87%8D%E7%82%B9%E6%80%BB%E7%BB%93%EF%BC%89/1.htm">Rust（官方文档重点总结）</a><a class="tag" taget="_blank" href="/search/rust/1.htm">rust</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录不安全的超能力解引用裸指针调用不安全函数或方法创建不安全代码的安全抽象使用e</div>
</li>
<li><a href="/article/1880207906087956480.htm"
title="HBuilder X打包运行鸿蒙应用(vue2 -＞ vue3)" target="_blank">HBuilder X打包运行鸿蒙应用(vue2 -＞ vue3)</a>
<span class="text-muted">木子李–刚步入开发的小学生</span>
<a class="tag" taget="_blank" href="/search/harmonyos/1.htm">harmonyos</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a>
<div>HBuilderX打包运行鸿蒙应用vue2->vue31.manifest.json配置为vueVersion：32.main.js调整（下方已补充）3.store调整4.增加入口文件index.html5.require方式调整为import导入方式6.main导入uni.promisify.adaptor3-2.jsuniappVue3转Vue2APIPromise化调用结果的方式7.项目运行</div>
</li>
<li><a href="/article/1880159078613839872.htm"
title="基于html5 canvas的引擎,基于 HTML5 Canvas 的 3D 渲染引擎构建生产管控系统" target="_blank">基于html5 canvas的引擎,基于 HTML5 Canvas 的 3D 渲染引擎构建生产管控系统</a>
<span class="text-muted">weixin_39760368</span>
<a class="tag" taget="_blank" href="/search/%E5%9F%BA%E4%BA%8Ehtml5/1.htm">基于html5</a><a class="tag" taget="_blank" href="/search/canvas%E7%9A%84%E5%BC%95%E6%93%8E/1.htm">canvas的引擎</a>
<div>前言你们好，老郑我又回来了。这一期为你们带来一个很是好玩的demo，咱们制做一套本身的3D管道控制系统，运用了(http://www.hightopo.com)HT的Graph3dView组件经过对WebGL底层技术的封装，与HT其余组件同样，基于HT统一的DataModel数据模型来驱动图形显示。html效果图此为2D主界面：node此为3D界面的部分分段演示：浏览器因为gif上传有大小限制，因</div>
</li>
<li><a href="/article/1880120238687711232.htm"
title="HTML（超文本标记语言）" target="_blank">HTML（超文本标记语言）</a>
<span class="text-muted">Parrot 安全小子</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（超文本标记语言-HyperTextMarkupLanguage）是一种用于创建网页的标准标记语言。HTML最初是由蒂姆・伯纳斯-李（TimBerners-Lee）在1990年左右开发的。当时的目的是为了让世界各地的科学家能够方便地共享和交流信息。随着互联网的飞速发展，HTML也经历了多个版本的更新，从HTML1.0到HTML4.01，再到现在广泛使用的HTML5。每一次版本更新都带来了新</div>
</li>
<li><a href="/article/1880101822723584000.htm"
title="学习HTML5总结（一）" target="_blank">学习HTML5总结（一）</a>
<span class="text-muted">大学生努力学习</span>
<a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
<div>目录Web的构成一、HTML——结构1、html基本的骨架和解释2、标签1、标签2、属性3、标签的分类4、实体字符5、列表6、超链接7、文件的路径3、选择器1、基础选择器2、复合选择器3、关系选择器4、属性选择器5、伪类选择器6、伪元素选择器3、html中的单位1、长度单位2、比例单位3、颜色单位4、CSS三大特征二、CSS——表现三、JavaScript——行为总结Web的构成一、HTML——结</div>
</li>
<li><a href="/article/1879832976624250880.htm"
title="HTML专题之DOCTYPE" target="_blank">HTML专题之DOCTYPE</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFhtml5html/1.htm">前端html5html</a>
<div>前言石匠敲击石头的第1次有一道经典的前端面试题：DOCTYPE是什么？这个问题在网上一搜有很多相关的文章，如果让我自己回答竟然让我脑子里一片空白，我的印象里加了就表示这个网页的版本是HTML5，但是这样的回答在面试时肯定是不行的，看了很多网上的文章，决定写一篇文章来梳理一下，第一次写文章，如果有哪里讲的不对或者不完整，欢迎大家指出错误。DOCTYPE是什么DOCTYPE翻译成中文的话表示“文档类型</div>
</li>
<li><a href="/article/1835498925755297792.htm"
title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
<span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
<div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
</li>
<li><a href="/article/1835496149843275776.htm"
title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
<div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
</li>
<li><a href="/article/1835496148601761792.htm"
title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
</li>
<li><a href="/article/1835372727582683136.htm"
title="h5小游戏定制开发" target="_blank">h5小游戏定制开发</a>
<span class="text-muted">红匣子实力推荐</span>
<div>随着科技的不断发展，移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下，H5小游戏应运而生，为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式，正逐渐受到市场的关注和青睐。那么，什么是H5小游戏定制开发呢？它又具有哪些特点和优势呢？让我们一起来深入了解一下。首先，我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏，可以在移动端、PC端等多平台</div>
</li>
<li><a href="/article/1835123524155568128.htm"
title="HTML5概述" target="_blank">HTML5概述</a>
<span class="text-muted">WFIT~SKY</span>
<a class="tag" taget="_blank" href="/search/Web%E5%89%8D%E7%AB%AF/1.htm">Web前端</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><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
<div>1.HTML概述1.1HTML定义HTML超文本标记语言，其中超文本是链接，标记也叫标签（即带尖括号的文本）。1.2HTML基本骨架HTML基本骨架是网页模板。网页的标题网页的内容html：整个网页head：网页头部，存放给浏览器看的代码，例如CSSbody：网页主体，存放给用户看的代码，例如文字、图片title：网页标题1.3HTML关系父子关系（嵌套）兄弟关系（并列）2.HTML开发环境2.1</div>
</li>
<li><a href="/article/1835111175398977536.htm"
title="HTML添加文字" target="_blank">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>
<div>一、创建HTML5文档基本标签//定义文档类型//定义HTML文档//定义关于文档的信息文档标题//定义文档的标题//定义文档的字符编码//定义文档的主体二、文字相关标签1.标题文字-标签可定义标题。定义最大的标题。定义最小的标题。Document这是标题1这是标题2这是标题3这是标题4这是标题5这是标题62.文本段落Document这次会晤的主题是“金砖国家在非洲：在第四次工业革命中共谋包容增长</div>
</li>
<li><a href="/article/84.htm"
title="继之前的线程循环加到窗口中运行" target="_blank">继之前的线程循环加到窗口中运行</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/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/JFrame/1.htm">JFrame</a><a class="tag" taget="_blank" href="/search/JPanel/1.htm">JPanel</a>
<div>之前写了有关java线程的循环执行和结束，因为想制作成exe文件，想把执行的效果加到窗口上，所以就结合了JFrame和JPanel写了这个程序，这里直接贴出代码，在窗口上运行的效果下面有附图。
package thread;
import java.awt.Graphics;
import java.text.SimpleDateFormat;
import java.util</div>
</li>
<li><a href="/article/211.htm"
title="linux 常用命令" target="_blank">linux 常用命令</a>
<span class="text-muted">BlueSkator</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%91%BD%E4%BB%A4/1.htm">命令</a>
<div>1.grep
相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志，这个命令绝对是必不可少的。
但之前总是习惯于使用 （grep -n 关键字 文件名 ）查出关键字以及该关键字所在的行数，然后再用 （sed -n '100,200p' 文件名），去查出该关键字之后的日志内容。
但其实还有更简便的办法，就是用（grep -B n、-A n、-C n 关键</div>
</li>
<li><a href="/article/338.htm"
title="php heredoc原文档和nowdoc语法" target="_blank">php heredoc原文档和nowdoc语法</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/heredoc/1.htm">heredoc</a><a class="tag" taget="_blank" href="/search/nowdoc/1.htm">nowdoc</a>
<div><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Current To-Do List</title>
</head>
<body>
<?</div>
</li>
<li><a href="/article/465.htm"
title="overflow的属性" target="_blank">overflow的属性</a>
<span class="text-muted">周华华</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q</div>
</li>
<li><a href="/article/592.htm"
title="《我所了解的Java》——总体目录" target="_blank">《我所了解的Java》——总体目录</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div> 准备用一年左右时间写一个系列的文章《我所了解的Java》，目录及内容会不断完善及调整。
在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等，请大家及时指出，我会第一时间更正。
&n</div>
</li>
<li><a href="/article/719.htm"
title="[简单]docx4j常用方法小结" target="_blank">[简单]docx4j常用方法小结</a>
<span class="text-muted">53873039oycg</span>
<a class="tag" taget="_blank" href="/search/docx/1.htm">docx</a>
<div> 本代码基于docx4j-3.2.0，在office word 2007上测试通过。代码如下:
import java.io.File;
import java.io.FileInputStream;
import ja</div>
</li>
<li><a href="/article/846.htm"
title="Spring配置学习" target="_blank">Spring配置学习</a>
<span class="text-muted">云端月影</span>
<a class="tag" taget="_blank" href="/search/spring%E9%85%8D%E7%BD%AE/1.htm">spring配置</a>
<div>
首先来看一个标准的Spring配置文件 applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi=&q</div>
</li>
<li><a href="/article/973.htm"
title="Java新手入门的30个基本概念三" target="_blank">Java新手入门的30个基本概念三</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%96%B0%E6%89%8B/1.htm">新手</a><a class="tag" taget="_blank" href="/search/java+%E5%85%A5%E9%97%A8/1.htm">java 入门</a>
<div>17.Java中的每一个类都是从Object类扩展而来的。 18.object类中的equal和toString方法。 equal用于测试一个对象是否同另一个对象相等。 toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法) 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。 </div>
</li>
<li><a href="/article/1100.htm"
title="《2008 IBM Rational 软件开发高峰论坛会议》小记" target="_blank">《2008 IBM Rational 软件开发高峰论坛会议》小记</a>
<span class="text-muted">antonyup_2006</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a><a class="tag" taget="_blank" href="/search/%E6%95%8F%E6%8D%B7%E5%BC%80%E5%8F%91/1.htm">敏捷开发</a><a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86/1.htm">项目管理</a><a class="tag" taget="_blank" href="/search/IBM/1.htm">IBM</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a>
<div>我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵!
其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下.
参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.</div>
</li>
<li><a href="/article/1227.htm"
title="PL/SQL的过程编程,异常,声明变量,PL/SQL块" target="_blank">PL/SQL的过程编程,异常,声明变量,PL/SQL块</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/PL%2FSQL%E7%9A%84%E8%BF%87%E7%A8%8B%E7%BC%96%E7%A8%8B/1.htm">PL/SQL的过程编程</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8/1.htm">异常</a><a class="tag" taget="_blank" href="/search/PL%2FSQL%E5%9D%97/1.htm">PL/SQL块</a><a class="tag" taget="_blank" href="/search/%E5%A3%B0%E6%98%8E%E5%8F%98%E9%87%8F/1.htm">声明变量</a>
<div>PL/SQL;
过程;
符号;
变量;
PL/SQL块;
输出;
异常;
PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作</div>
</li>
<li><a href="/article/1354.htm"
title="Mockito(三)--完整功能介绍" target="_blank">Mockito(三)--完整功能介绍</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90/1.htm">持续集成</a><a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a>
<div> mockito官网：http://code.google.com/p/mockito/，打开documentation可以看到官方最新的文档资料。
一.使用mockito验证行为
//首先要import Mockito
import static org.mockito.Mockito.*;
//mo</div>
</li>
<li><a href="/article/1481.htm"
title="精通Oracle10编程SQL(8)使用复合数据类型" target="_blank">精通Oracle10编程SQL(8)使用复合数据类型</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>/*
*使用复合数据类型
*/
--PL/SQL记录
--定义PL/SQL记录
--自定义PL/SQL记录
DECLARE
TYPE emp_record_type IS RECORD(
name emp.ename%TYPE,
salary emp.sal%TYPE,
dno emp.deptno%TYPE
);
emp_</div>
</li>
<li><a href="/article/1608.htm"
title="【Linux常用命令一】grep命令" target="_blank">【Linux常用命令一】grep命令</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Linux%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/1.htm">Linux常用命令</a>
<div>grep命令格式
grep [option] pattern [file-list]
grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。
pattern可以是普通字符串，也可以是正则表达式，当查找的字符串包含正则表达式字符或者特</div>
</li>
<li><a href="/article/1735.htm"
title="mybatis3入门学习笔记" target="_blank">mybatis3入门学习笔记</a>
<span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a>
<div>MyBatis 的前身就是iBatis，是一个数据持久层(ORM)框架。 MyBatis 是支持普通 SQL 查询，存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。
以前也学过iBatis，因为MyBatis是iBatis的升级版本，最初以为改动应该不大，实际结果是MyBatis对配置文件进行了一些大的改动，使整个框架更加方便人性化。</div>
</li>
<li><a href="/article/1862.htm"
title="Linux 命令神器：lsof 入门" target="_blank">Linux 命令神器：lsof 入门</a>
<span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/lsof/1.htm">lsof</a>
<div>
lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息，但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实，因为它是指“列出打开文件（lists openfiles）”。而有一点要切记，在Unix中一切（包括网络套接口）都是文件。
有趣的是，lsof也是有着最多</div>
</li>
<li><a href="/article/1989.htm"
title="java实现两个大数相加，可能存在溢出。" target="_blank">java实现两个大数相加，可能存在溢出。</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java%E5%AE%9E%E7%8E%B0/1.htm">java实现</a>
<div>
import java.math.BigInteger;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
public class BigIntegerAddition {
/**
* 题目：java实现两个大数相加，可能存在溢出。
* 如123456789 + 987654321</div>
</li>
<li><a href="/article/2116.htm"
title="Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法" target="_blank">Kettle学习资料分享，附大神用Kettle的一套流程完成对整个数据库迁移方法</a>
<span class="text-muted">Kai_Ge</span>
<a class="tag" taget="_blank" href="/search/Kettle/1.htm">Kettle</a>
<div>Kettle学习资料分享
Kettle 3.2 使用说明书
目录
概述..........................................................................................................................................7
1.Kettle 资源库管</div>
</li>
<li><a href="/article/2243.htm"
title="[货币与金融]钢之炼金术士" target="_blank">[货币与金融]钢之炼金术士</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D/1.htm">金融</a>
<div>
自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的
那么随着人类在理论物理和工程物理上面取得的一些突破性进展......
炼金术这个古老</div>
</li>
<li><a href="/article/2370.htm"
title="Toast原来也可以多样化" target="_blank">Toast原来也可以多样化</a>
<span class="text-muted">dai_lm</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/toast/1.htm">toast</a>
<div>Style 1： 默认
Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT);
def.show();
Style 2： 顶部显示
Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT);
t</div>
</li>
<li><a href="/article/2497.htm"
title="java数据计算的几种解决方法3" target="_blank">java数据计算的几种解决方法3</a>
<span class="text-muted">datamachine</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/ibatis/1.htm">ibatis</a><a class="tag" taget="_blank" href="/search/r-langue/1.htm">r-langue</a><a class="tag" taget="_blank" href="/search/r/1.htm">r</a>
<div>4、iBatis
简单敏捷因此强大的数据计算层。和Hibernate不同，它鼓励写SQL，所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦，只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。
复杂计算环境是它的弱项，比如：分布式计算、复杂计算、非数据</div>
</li>
<li><a href="/article/2624.htm"
title="向网页中插入透明Flash的方法和技巧" target="_blank">向网页中插入透明Flash的方法和技巧</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/Flash/1.htm">Flash</a>
<div>将
Flash 作品插入网页的时候，我们有时候会需要将它设为透明，有时候我们需要在Flash的背面插入一些漂亮的图片，搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。
一、Swf透明、无坐标控制 首先教大家最简单的插入Flash的代码，透明，无坐标控制： 注意wmode="transparent"是控制Flash是否透明</div>
</li>
<li><a href="/article/2751.htm"
title="ios UICollectionView的使用" target="_blank">ios UICollectionView的使用</a>
<span class="text-muted">dcj3sjt126com</span>
<div>UICollectionView的使用有两种方法，一种是继承UICollectionViewController，这个Controller会自带一个UICollectionView；另外一种是作为一个视图放在普通的UIViewController里面。
个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。
1.UIViewController实现委托，代码如</div>
</li>
<li><a href="/article/2878.htm"
title="Eos平台java公共逻辑" target="_blank">Eos平台java公共逻辑</a>
<span class="text-muted">蕃薯耀</span>
<a class="tag" taget="_blank" href="/search/Eos%E5%B9%B3%E5%8F%B0java%E5%85%AC%E5%85%B1%E9%80%BB%E8%BE%91/1.htm">Eos平台java公共逻辑</a><a class="tag" taget="_blank" href="/search/Eos%E5%B9%B3%E5%8F%B0/1.htm">Eos平台</a><a class="tag" taget="_blank" href="/search/java%E5%85%AC%E5%85%B1%E9%80%BB%E8%BE%91/1.htm">java公共逻辑</a>
<div> Eos平台java公共逻辑
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月1日 17:20:4</div>
</li>
<li><a href="/article/3005.htm"
title="SpringMVC4零配置--Web上下文配置【MvcConfig】" target="_blank">SpringMVC4零配置--Web上下文配置【MvcConfig】</a>
<span class="text-muted">hanqunfeng</span>
<a class="tag" taget="_blank" href="/search/springmvc4/1.htm">springmvc4</a>
<div>与SpringSecurity的配置类似，spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。
applicationContext-MvcConfig.xml
<!-- 启用注解，并定义组件查找规则 ，mvc层只负责扫描@Controller -->
<</div>
</li>
<li><a href="/article/3132.htm"
title="解决ie和其他浏览器poi下载excel文件名乱码" target="_blank">解决ie和其他浏览器poi下载excel文件名乱码</a>
<span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/Excel/1.htm">Excel</a>
<div> 使用poi,做传统的excel导出，然后想在浏览器中，让用户选择另存为，保存用户下载的xls文件，这个时候，可能的是在ie下出现乱码（ie,9,10,11),但在firefox,chrome下没乱码，
因此必须综合判断，编写一个工具类：
/**
*
* @Title: pro</div>
</li>
<li><a href="/article/3259.htm"
title="挥洒泪水的青春" target="_blank">挥洒泪水的青春</a>
<span class="text-muted">lampcy</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E7%94%9F%E6%B4%BB/1.htm">生活</a><a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a>
<div>2015年2月28日，我辞职了，离开了相处一年的触控，转过身--挥洒掉泪水，毅然来到了兄弟连，背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人，还敢跨行业，选择Unity3D？“，”真是不自量力••••••“，”真是初生牛犊不怕虎•••••“，••••••我只是淡淡一笑，拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连！
这就是我青春的分割线，不后悔，只会去用泪水浇灌——已经来到</div>
</li>
<li><a href="/article/3386.htm"
title="稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制" target="_blank">稳增长之中国股市两点意见-----严控做空，建立涨跌停版停牌重组机制</a>
<span class="text-muted">nannan408</span>
<div> 对于股市，我们国家的监管还是有点拼的，但始终拼不过飞流直下的恐慌，为什么呢？
笔者首先支持股市的监管。对于股市越管越荡的现象，笔者认为首先是做空力量超过了股市自身的升力，并且对于跌停停牌重组的快速反应还没建立好，上市公司对于股价下跌没有很好的利好支撑。
我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空，在</div>
</li>
<li><a href="/article/3513.htm"
title="动态设置iframe高度(iframe高度自适应)" target="_blank">动态设置iframe高度(iframe高度自适应)</a>
<span class="text-muted">Rainbow702</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/iframe/1.htm">iframe</a><a class="tag" taget="_blank" href="/search/contentDocument/1.htm">contentDocument</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%BA%A6%E8%87%AA%E9%80%82%E5%BA%94/1.htm">高度自适应</a><a class="tag" taget="_blank" href="/search/%E5%B1%80%E9%83%A8%E5%88%B7%E6%96%B0/1.htm">局部刷新</a>
<div>如果需要对画面中的部分区域作局部刷新，大家可能都会想到使用ajax。
但有些情况下，须使用在页面中嵌入一个iframe来作局部刷新。
对于使用iframe的情况，发现有一个问题，就是iframe中的页面的高度可能会很高，但是外面页面并不会被iframe内部页面给撑开，如下面的结构：
<div id="content">
<div id=&quo</div>
</li>
<li><a href="/article/3640.htm"
title="用Rapael做图表" target="_blank">用Rapael做图表</a>
<span class="text-muted">tntxia</span>
<a class="tag" taget="_blank" href="/search/rap/1.htm">rap</a>
<div>function drawReport(paper,attr,data){
var width = attr.width;
var height = attr.height;
var max = 0;
&nbs</div>
</li>
<li><a href="/article/3767.htm"
title="HTML5 bootstrap2网页兼容（支持IE10以下）" target="_blank">HTML5 bootstrap2网页兼容（支持IE10以下）</a>
<span class="text-muted">xiaoluode</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a>
<div><!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"></div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>]]></plaintext></td></tr></div> |
