| …/em> |
斜体字（强调） |
|
<![CDATA[…</plaintext></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="291">固定宽度字体（不执行标记符号）</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="171"><dfn>...</dfn></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="237">斜体字（表示定义）</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="146"><listing>…</listing></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="291">固定宽度小字体</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="171"><u>…</u></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="237">底线</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="146"><font color="00ff00">…</font></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="291">字体颜色（写成类似color=“#00ff00”也可以）</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="171"><ins>...</ins></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="237">底线（表示插入文字）</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="146"><font size="1">…</font></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="291">最小字体</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="171"><strike>…</strike></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="237">横线</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="146"><font style="font-size:100" px></font></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="291">无限增大(字体大小为100px)</td>
</tr>
</tbody></table>
<p>2.区断标记</p>
<p>
</p>
<table style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; BORDER-COLLAPSE: collapse; FONT: 13px/19px Verdana, Geneva, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; COLOR: rgb(75,75,75); BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; WORD-SPACING: 0px; -webkit-text-stroke-width: 0px" border="1" cellspacing="0" cellpadding="2" width="858"><tbody>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="179"><hr></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="233">水平线</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="148"><nobr>…</nobr></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="286">禁止换行，No Break的缩写</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="179"><hr size="9"></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="233">水平线（设定大小）</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="148"><p>…</p></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="286">段落</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="179"><hr width="80%"></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="233">水平线（设定宽度）</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="148"><center>…</center></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="286">对其包围的文本进行居中设置</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="179"><hr color="00ff00"></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="233">水平线（设定颜色）</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="148"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="286"> </td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="179"><br></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="233">换行</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="148"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="286"> </td>
</tr>
</tbody></table>
<p>3.链接</p>
<p>
</p>
<table style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; BORDER-COLLAPSE: collapse; FONT: 13px/19px Verdana, Geneva, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; COLOR: rgb(75,75,75); BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; WORD-SPACING: 0px; -webkit-text-stroke-width: 0px" border="1" cellspacing="0" cellpadding="2" width="859"><tbody>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="184"><base href="%E5%9C%B0%E5%9D%80"></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="233">为页面上的所有链接规定默认地址或默认目标</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="152"><a href="%E5%9C%B0%E5%9D%80" target="_top"></a></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="278">指定超链接目标的 URL(全窗口连接)</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="184"><a href="%E5%9C%B0%E5%9D%80"></a></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="233">指定超链接目标的 URL</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="152"><a href="%E5%9C%B0%E5%9D%80" target="页框名"></a></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="278">指定超链接目标的 URL（在指定页框连接）</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="184"><a href="%E5%9C%B0%E5%9D%80" target="_blank"></a></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="233">指定超链接目标的 URL(另开新窗口)</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="152"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="278"> </td>
</tr>
</tbody></table>
<p>4.图像/音乐</p>
<p>
</p>
<table style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; BORDER-COLLAPSE: collapse; FONT: 13px/19px Verdana, Geneva, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; COLOR: rgb(75,75,75); BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; WORD-SPACING: 0px; -webkit-text-stroke-width: 0px" border="1" cellspacing="0" cellpadding="2" width="861"><tbody>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="192"><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" alt="HTML常用标签大全及html标签的特点_HTML/Xhtml_网页制作" ></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="230">往网页贴图片</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="156"><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" border="1" alt="HTML常用标签大全及html标签的特点_HTML/Xhtml_网页制作" ></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="271">设定贴的图片边框</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="192"><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" style="max-width:90%" alt="HTML常用标签大全及html标签的特点_HTML/Xhtml_网页制作" ></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="230">设定贴的图片宽度</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="156"><bgsound src="MID%E9%9F%B3%E4%B9%90%E6%96%87%E4%BB%B6%E5%9C%B0%E5%9D%80"></bgsound></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="271">背景音乐设定</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="192"><img src="%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80" style="max-width:90%" alt="HTML常用标签大全及html标签的特点_HTML/Xhtml_网页制作" ></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="230">设定贴的图片高度</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="156"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="271"> </td>
</tr>
</tbody></table>
<p>5.表格</p>
<p>
</p>
<table style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; BORDER-COLLAPSE: collapse; FONT: 13px/19px Verdana, Geneva, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; COLOR: rgb(75,75,75); BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; WORD-SPACING: 0px; -webkit-text-stroke-width: 0px" border="1" cellspacing="0" cellpadding="2" width="863"><tbody>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="200"><table aling="left">…</table></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="227">表格位置，置左</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="158"><table cellpadding="参数">…</table></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="266">指定网格线与网络线之间的距离（使用数字）</td>
</tr>
<tr>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="200"><table aling="center">…</table></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="227">表格的位置，置中</td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="10"> </td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT: silver 1px solid; PADDING-TOP: 3px" valign="top" width="158"><table cols="参数">…</table></td>
<td style="BORDER-BOTTOM: silver 1px solid; BORDER-LEFT: silver 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BORDER-COLLAPSE: collapse; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: rgb(69,69,69); FONT-SIZE: 12px; BORDER-TOP: silver 1px solid; BORDER-RIGHT"></td>
</tr>
</tbody></table>
</div> <div class="everysee">
<h2>大家都在看：</h2>
<div>
<a href="/faq/1746949.html" title="W3C HTML验证常见错误解析与结构优化指南">W3C HTML验证常见错误解析与结构优化指南</a>
<a href="/faq/1746897.html" title="CSS样式冲突解析：深入理解选择器优先级与Margin覆盖问题">CSS样式冲突解析：深入理解选择器优先级与Margin覆盖问题</a>
<a href="/faq/1746672.html" title="JSDOM查询NodeList为空：动态内容抓取策略与Puppeteer实践">JSDOM查询NodeList为空：动态内容抓取策略与Puppeteer实践</a>
<a href="/faq/1746340.html" title="JavaScript事件处理中的精确DOM操作与样式管理">JavaScript事件处理中的精确DOM操作与样式管理</a>
<a href="/faq/1745090.html" title="Windows中HTML文件为什么双击后直接在浏览器打开？">Windows中HTML文件为什么双击后直接在浏览器打开？</a>
</div>
</div>
</div>
</div>
<!-- <div class="ask_line-container" >
<div class="ask_line"></div>
<button type="button" class="ask_text test-iframe-handle">
没有解决问题？点击使用智能助手
</button>
<div class="ask_line"></div>
</div> -->
<div class="community flexRow newcommunity">
<div class="comleft flexRow newcomlimg">
<a class="newcomlimga" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" >
<img src="https://img.php.cn/upload/Recdownload/000/000/085/66723a3016a41308.jpg" class="comlimg newcomlimg" alt="HTML速学教程(入门课程)">
</a>
<div class="comldiv flexColumn newcomldiv">
<a class="comldup newcomldup" target="_blank" rel="nofollow" title="HTML速学教程(入门课程)" href="https://pan.quark.cn/s/f4eedefabd61">HTML速学教程(入门课程)</a>
<p class="comlddown newcomlddown">HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！</p>
</div>
</div>
<a class="comright flexRow newcomright" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)">
下载
</a>
</div>
<div class="wzconlabels">
<div style="display: inline-flex;float: right; color:#333333;">来源：php中文网</div>
</div>
<div class="wzconFx">
<a class="wzcf-sc articleICollection " data-id="10912">
<img src="/static/lhimages/shoucang_2x.png">
<span>收藏</span>
</a>
<a class="wzcf-dz articlegoodICollection " data-id="10912">
<img src="/static/images/images/icon37.png">
<span>点赞</span>
</a>
</div>
<div class="wzconOtherwz">
<a href="/faq/10911.html">
<span>上一篇：HTML表格布局实际使用详解_HTML/Xhtml_网页制作</span>
</a>
<a href="/faq/10916.html">
<span>下一篇：深度剖析HTML的语意和与其相关的前端框架_HTML/Xhtml_网页制作</span>
</a>
</div>
<div class="wzconShengming">
<img src="/static/images/images/benzhanshengming.png" />
<div>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</div>
</div>
<!-- PC-文章底部 -->
<div class="wzconZzwz">
<div class="wzconZzwztitle">最新问题</div>
<div class="wdsyContent">
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/faq/1747608.html" target="_blank" title="构建平滑底部弹出层：CSS动画与模糊效果实现教程" class="wdcdcTitle">构建平滑底部弹出层：CSS动画与模糊效果实现教程</a>
<a href="/faq/1747608.html" class="wdcdcCons">本教程详细介绍了如何使用CSS实现一个平滑的底部弹出层，该弹出层在鼠标悬停时从页面底部优雅地滑出，并伴有图片模糊到清晰及缩放的动画效果。文章着重解决常见问题，如悬停事件被遮挡和弹出时页面内容被推移，通过运用position、transform和transition等CSS属性，创建无缝且不影响页面布局的用户体验。</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">2025-11-19 14:58:30</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">257</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/faq/1747607.html" target="_blank" title="WKWebView中HTML内容亮/暗模式自适应颜色设置指南" class="wdcdcTitle">WKWebView中HTML内容亮/暗模式自适应颜色设置指南</a>
<a href="/faq/1747607.html" class="wdcdcCons">本文详细介绍了如何在Swift应用的WKWebView中，使加载的动态HTML字符串内容（包括文本和背景色）自动适应iOS系统的亮/暗模式。核心解决方案是利用CSS的@media(prefers-color-scheme)媒体查询，在HTML内容内部定义并应用主题相关的颜色变量，从而实现无需额外Swift代码的无缝主题切换。</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">2025-11-19 14:58:15</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">709</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/faq/1747602.html" target="_blank" title="Nuxt Content v2 Markdown标题自动生成链接行为控制指南" class="wdcdcTitle">Nuxt Content v2 Markdown标题自动生成链接行为控制指南</a>
<a href="/faq/1747602.html" class="wdcdcCons">NuxtContentv2在处理Markdown内容时，默认会将h2到h6级别的标题自动渲染为带有锚点链接的HTML元素，有时甚至包括纯HTML的标签。本文将详细介绍这一默认行为，并提供通过修改nuxt.config.ts文件中的anchorLinks配置项来禁用或控制此功能的专业教程。</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">2025-11-19 14:57:16</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">890</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/faq/1747585.html" target="_blank" title="网页链接在新标签页打开的实现策略与跨域限制" class="wdcdcTitle">网页链接在新标签页打开的实现策略与跨域限制</a>
<a href="/faq/1747585.html" class="wdcdcCons">本文深入探讨了如何利用HTML的标签和JavaScript脚本来强制网页中的链接在新标签页打开。文章详细分析了这些方法的适用范围，特别是针对同源内容，并着重阐述了由于浏览器安全策略（同源策略）限制，无法通过父文档强制控制跨域iframe（如第三方广告）内部链接行为的技术壁垒。</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">2025-11-19 14:54:03</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">905</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/faq/1747574.html" target="_blank" title="使用 CSS 创建箭头轮廓的技巧" class="wdcdcTitle">使用 CSS 创建箭头轮廓的技巧</a>
<a href="/faq/1747574.html" class="wdcdcCons">本文介绍了如何使用CSS为箭头形状创建轮廓效果。传统的outline属性会围绕整个元素盒子生成轮廓，而本文提供了一种使用box-shadow属性来模拟箭头轮廓的解决方案，并添加伪元素以完善轮廓的视觉效果，从而实现更精确的轮廓控制。</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">2025-11-19 14:52:02</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">244</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/faq/1747562.html" target="_blank" title="react-icons 组件的动态渲染与优化实践" class="wdcdcTitle">react-icons 组件的动态渲染与优化实践</a>
<a href="/faq/1747562.html" class="wdcdcCons">本文探讨了如何在React应用中高效动态渲染react-icons组件。通过将图标组件本身而非其名称字符串存储在数组中，并结合React的key属性，可以实现灵活的图标列表渲染。此方法有效避免了全量导入所有图标导致的包体积膨胀问题，提升了应用的性能和可维护性。</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">2025-11-19 14:50:02</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">275</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/faq/1747557.html" target="_blank" title="为JavaScript切换效果添加平滑的CSS渐变动画" class="wdcdcTitle">为JavaScript切换效果添加平滑的CSS渐变动画</a>
<a href="/faq/1747557.html" class="wdcdcCons">本文将详细介绍如何利用CSS的opacity和transition属性，为基于JavaScriptclassList.toggle的元素切换操作添加平滑的渐变（fade）效果。我们将探讨为什么display属性不适用于渐变，并提供一套完整的HTML、CSS和JavaScript代码示例，以实现内容区域的淡入淡出显示，同时兼顾页面布局。</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">2025-11-19 14:48:36</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">619</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/faq/1747555.html" target="_blank" title="Web应用中实现安全会员内容访问与DRM保护" class="wdcdcTitle">Web应用中实现安全会员内容访问与DRM保护</a>
<a href="/faq/1747555.html" class="wdcdcCons">本教程详细阐述了如何在Web应用中构建安全的会员内容访问系统。核心在于通过会话（Session）和Cookie机制实现用户认证与授权，确保仅登录会员才能访问受限内容。同时，文章也探讨了高级内容保护技术，如数字版权管理（DRM），以应对流媒体内容防盗录的挑战，帮助开发者为在线学习平台等场景提供安全可靠的服务。</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">2025-11-19 14:48:01</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">255</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/faq/1747530.html" target="_blank" title="使用 React JS 获取下拉菜单选中值的方法" class="wdcdcTitle">使用 React JS 获取下拉菜单选中值的方法</a>
<a href="/faq/1747530.html" class="wdcdcCons">本文介绍了在ReactJS中获取下拉菜单（）选中值的方法。重点解释了React状态更新的异步特性，并提供使用useEffectHook在状态更新后执行操作的示例代码，以确保获取到正确的选中值。</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">2025-11-19 14:43:01</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">263</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/faq/1747494.html" target="_blank" title="Python f-string 中嵌入 JavaScript 括号的转义技巧" class="wdcdcTitle">Python f-string 中嵌入 JavaScript 括号的转义技巧</a>
<a href="/faq/1747494.html" class="wdcdcCons">当使用Pythonf-string生成包含嵌入式JavaScript的复杂多行HTML内容时，一个常见的问题是JavaScript函数体等内部的字面量花括号{}会被f-string解析器错误地解释。本教程将解释这一现象的原因，并提供正确的解决方案：通过将字面量花括号加倍（{{和}}），您可以有效地转义它们，确保f-string正确渲染所需输出，避免语法错误，这对于Web应用中的动态内容生成尤为关键。</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">2025-11-19 14:37:07</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">244</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
</div>
</div>
<div class="wzconZt" >
<div class="wzczt-title">
<div>相关专题</div>
<a href="/faq/zt" target="_blank">更多>
</a>
</div>
<div class="wzcttlist">
<ul>
<li class="ul-li">
<a target="_blank" href="/faq/javawlbcysock"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202511/19/2025111910391711671.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/javawlbcysock" class="title-a-spanl"><span>Java 网络编程与Socket实战</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/cqrsxtkfrmysj"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202511/18/2025111810563173024.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/cqrsxtkfrmysj" class="title-a-spanl"><span>C++ 嵌入式系统开发入门与实践</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/linuxyxgocx"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202511/17/2025111713095482426.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/linuxyxgocx" class="title-a-spanl"><span>linux 运行go程序</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/golangszsj"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202511/17/2025111712591113205.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/golangszsj" class="title-a-spanl"><span>golang 设置时间</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/golanggopath"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202511/17/2025111712510282241.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/golanggopath" class="title-a-spanl"><span>golang gopath</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/golangpamdzif"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202511/17/2025111712452557865.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/golangpamdzif" class="title-a-spanl"><span>golang判断字符是否</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/golangmapyuan"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202511/17/2025111711570176576.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/golangmapyuan" class="title-a-spanl"><span>golang map原理</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/golangzxcmdml"><img onerror="this.onerror=''; this.src='/static/images/default1.png'" src="https://img.php.cn/upload/subject/202511/17/2025111711514043782.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/golangzxcmdml" class="title-a-spanl"><span>Golang执行cmd命令行</span> </a>
</li>
</ul>
</div>
</div>
<div class="wzcongg"><script type="text/javascript" src="https://teacher.php.cn/php/NzIzNmE5NjBlOTgwNWZlNTMzN2E0MGEzNmU3NjM3NmI6Og==" ></script></div>
</div>
</div>
<div class="phpwzright">
<div class="wzrOne" style="margin-bottom:31px; padding:0px; width: 366px;">
<script type="text/javascript" src="https://teacher.php.cn/php/N2Q0ODk3NTAwZTFmODQ1NGM4Y2VjYzQzZTVkOTI5NDk6Og==" ></script>
<!-- <script type="text/javascript" smua="d=p&s=b&u=u2839468&w=366&h=270" src="https://www.nkscdn.com/smu/o.js"></script> -->
</div>
<div class="wzrOne">
<div class="wzroTitle">热门推荐</div>
<div class="wzroList">
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/1747602.html">Nuxt Content v2 Markdown标题自动生成链接行为控制指南</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/1719090.html">html语言如何学起_HTML语言（标签/属性）零基础入门学习方法</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/1747297.html">在Angular/TypeScript应用中实现“点击发送邮件”功能</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/1747086.html">如何在 Android Retrofit 中发送包含 HTML 标签的字符串数据</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/1747042.html">解决可访问性错误：深入理解输入框标签优先级与冗余问题</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" target="_blank" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！"><b>HTML速学教程(入门课程)</b></a>
</div>
</li>
</ul>
</div>
</div>
<div class="wzrTwo">
</div>
<div class="wzrTwo">
<div style="position: relative;"><a class="" href="https://teacher.php.cn/jump/67" title="开源免费商场系统" rel="nofollow" target="_blank"><img style="width: 100%; " src="https://img.php.cn/teacher/course/20220930/8ef7a4a308a22ece023e77e5428c0e25.png" alt="开源免费商场系统"></a><span style="position: absolute;right: 5px;border: 1px solid #333;padding: 2px;color: #333;line-height: 14px;font-size: 12px;bottom: 5px;">广告</span></div>
</div>
<div class="wzrThree">
<div class="wzrthree-title">
<div>热门教程</div>
<a target="_blank" href="https://www.php.cn/k.html">更多>
</a>
</div>
<div class="wzrthreelist">
<div class="wzrthreeTab">
<div class="check tabdiv" data-id="one">相关推荐 <div></div></div>
<div class="tabdiv" data-id="two">热门推荐<div></div></div>
<div class="tabdiv" data-id="three">最新课程<div></div></div>
</div>
<ul class="one">
<script type="text/javascript" src="https://teacher.php.cn/php/MTJjOWU0YjVmMmE1MzI1OTgyNzRlYmJmYjE0MmZkNWY6Og==" ></script>
<li>
<a target="_blank" href="/course/1672.html" title="AngularJS教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/090/68998d18b4142615.png" alt="AngularJS教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1672.html">AngularJS教程</a>
<div class="wzrthreerb">
<div >12464次学习</div>
<a class="courseICollection" data-id="1672"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1454.html" title="走进 ES6 新标准语法" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62fe089c72f42780.jpg" alt="走进 ES6 新标准语法"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1454.html">走进 ES6 新标准语法</a>
<div class="wzrthreerb">
<div >14263次学习</div>
<a class="courseICollection" data-id="1454"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1210.html" title="Vue.js开发基础教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/625d04eed881f807.jpg" alt="Vue.js开发基础教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1210.html">Vue.js开发基础教程</a>
<div class="wzrthreerb">
<div >72998次学习</div>
<a class="courseICollection" data-id="1210"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
</ul>
<ul class="two" style="display: none;">
<li>
<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png" alt="JavaScript ES5基础线上课程教学"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1656.html">JavaScript ES5基础线上课程教学</a>
<div class="wzrthreerb">
<div >64937次学习</div>
<a class="courseICollection" data-id="1656"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>
<div class="wzrthreerb">
<div >1484960次学习</div>
<a class="courseICollection" data-id="812"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg" alt="phpStudy极速入门视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/639.html">phpStudy极速入门视频教程</a>
<div class="wzrthreerb">
<div >529754次学习</div>
<a class="courseICollection" data-id="639"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/379.html" title="独孤九贱(4)_PHP视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg" alt="独孤九贱(4)_PHP视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/379.html">独孤九贱(4)_PHP视频教程</a>
<div class="wzrthreerb">
<div >1249519次学习</div>
<a class="courseICollection" data-id="379"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg" alt="PHP实战天龙八部之仿爱奇艺电影网站"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/801.html">PHP实战天龙八部之仿爱奇艺电影网站</a>
<div class="wzrthreerb">
<div >769630次学习</div>
<a class="courseICollection" data-id="801"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
</ul>
<ul class="three" style="display: none;">
<li>
<a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/081/68c135bb72783194.png" alt="最新Python教程 从入门到精通"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1696.html">最新Python教程 从入门到精通</a>
<div class="wzrthreerb">
<div >2726次学习</div>
<a class="courseICollection" data-id="1696"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png" alt="JavaScript ES5基础线上课程教学"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1656.html">JavaScript ES5基础线上课程教学</a>
<div class="wzrthreerb">
<div >64937次学习</div>
<a class="courseICollection" data-id="1656"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png" alt="PHP新手语法线上课程教学"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1655.html">PHP新手语法线上课程教学</a>
<div class="wzrthreerb">
<div >6428次学习</div>
<a class="courseICollection" data-id="1655"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1654.html" title="支付宝沙箱支付（个人也能用的支付）" class="wzrthreelaimg">
<img src="https://img.php.cn/teacher/course/20240819/172406094466c31510e008b.jpg" alt="支付宝沙箱支付（个人也能用的支付）"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1654.html">支付宝沙箱支付（个人也能用的支付）</a>
<div class="wzrthreerb">
<div >4508次学习</div>
<a class="courseICollection" data-id="1654"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1650.html" title="麻省理工大佬Python课程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/66592dcfeb1b4698.png" alt="麻省理工大佬Python课程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1650.html">麻省理工大佬Python课程</a>
<div class="wzrthreerb">
<div >41271次学习</div>
<a class="courseICollection" data-id="1650"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
</ul>
</div>
<script>
$('.wzrthreeTab>div').click(function(e){
$('.wzrthreeTab>div').removeClass('check')
$(this).addClass('check')
$('.wzrthreelist>ul').css('display','none')
$('.'+e.currentTarget.dataset.id).show()
})
</script>
</div>
<div class="wzrFour">
<div class="wzrfour-title">
<div>最新下载</div>
<a href="/xiazai">更多>
</a>
</div>
<script>
$(document).ready(function(){
var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{
speed:1000,
autoplay:{
delay:3500,
disableOnInteraction: false,
},
pagination:{
el:'.sjyx_banSwiperwz .swiper-pagination',
clickable :false,
},
loop:true
});
loading();
})
function loading(reloading=false){
if(reloading){
$("#ai_doubao2_3_wait_right").show();
$("#ai_doubao2_3_wait_left").show();
$("#doubao_error_right").hide();
$("#doubao_error_left").hide();
}
$.ajax({
url:'/index.php/api/process?sign=&id=10912&time='+Date.now(),
dataType:'json',
async:true,
headers: {
"X-Requested-With": "XMLHttpRequest" // 标记为异步请求
},
type:'post',
success:function(result){
if(result.code!=1){
$("#doubao_error_right").show();
$("#ai_doubao2_3_wait_right").hide();
$("#doubao_error_left").show();
$("#ai_doubao2_3_wait_left").hide();
}else{
$("#ai_doubao2_3_wait_right").hide();
$("#ai_doubao2_3_wait_left").hide();
let doubao_answer = `<p>`+result.data.content+`</p>`;
$("#doubao_answer_right").html(doubao_answer);
$("#doubao_answer_left").html(doubao_answer);
let doubao_titles = '';
if(result.data.title){
$.each(result.data.title,function(k,v){
doubao_titles+=`<div class="ai_doubao2_2s"><a rel="nofollow" target="_blank" href="https://doubao.com/chat/new-thread?flow_tracking_source=360_php&channel=360_php_abstract&source=360_db_php_abstract&keywordid=`+"10912"+`&query=参考https://www.php.cn`+"/faq/10912.html的内容，"+encodeURIComponent(v)+`" title="`+v+`"><p><img src="/static/images/doubao_yellowstar.png" alt=""> `+v+`</p></a></div>`;
})
}
yigeyigezichulai(ai_doubao_titles_show,doubao_titles);
}
}
})
}
function ai_doubao_titles_show(str){
$("#ai_doubao_titles_right").html(str);
$("#ai_doubao_titles_left").html(str);
}
function yigeyigezichulai(callback,str){
const textElements = document.querySelectorAll('.yigeyigezichulai p');
textElements.forEach(textElement => {
const originalHTML = textElement.innerHTML;
const tempDiv = document.createElement('div');
tempDiv.innerHTML = originalHTML;
const fragments = [];
Array.from(tempDiv.childNodes).forEach(node => {
if (node.nodeType === Node.TEXT_NODE) {
fragments.push(...node.textContent.split(''));
} else {
fragments.push(node.outerHTML);
}
});
textElement.innerHTML = '';
let index = 0;
const interval = setInterval(() => {
if (index < fragments.length) {
const fragment = fragments[index];
if (fragment.startsWith('<')) {
textElement.innerHTML += fragment;
} else {
textElement.innerHTML += fragment;
}
} else {
clearInterval(interval);
callback(str);
}
index++;
}, 25); // 每 100 毫秒显示一个片段
});
}
// 豆包等待动画
const containers = document.querySelectorAll('.ai_doubao2_3_wait') || [];
if (containers.length > 0) {
containers.forEach(container => {
if (container && container.firstElementChild) {
const intervalId = setInterval(() => {
if (!container || !container.firstElementChild) {
clearInterval(intervalId);
return;
}
const firstChild = container.firstElementChild;
container.appendChild(firstChild);
}, 300);
}
});
}
// AI总结相关功能
const aiZongjie = document.querySelector('.ai_zongjie');
const aiDoubao = document.querySelector('.ai_doubao');
const closeButton = document.querySelector('.ai_doubao1_R_img');
if (aiZongjie && aiDoubao && closeButton) {
aiZongjie.addEventListener('click', () => {
aiDoubao.style.display = 'block';
});
closeButton.addEventListener('click', () => {
aiDoubao.style.display = 'none';
});
}
// 文字动画效果
const textElements = document.querySelectorAll('.ai_doubao2_3s.ai_doubao2_3s_L p') || [];
if (textElements.length > 0) {
textElements.forEach(textElement => {
if (!textElement) return;
const originalHTML = textElement.innerHTML;
const tempDiv = document.createElement('div');
tempDiv.innerHTML = originalHTML;
const fragments = [];
Array.from(tempDiv.childNodes).forEach(node => {
if (!node) return;
if (node.nodeType === Node.TEXT_NODE) {
fragments.push(...(node.textContent || '').split(''));
} else {
fragments.push(node.outerHTML);
}
});
if (fragments.length === 0) return;
textElement.innerHTML = '';
let index = 0;
const interval = setInterval(() => {
if (!textElement || index >= fragments.length) {
clearInterval(interval);
return;
}
const fragment = fragments[index];
if (fragment) {
textElement.innerHTML += fragment;
}
index++;
}, 100);
});
}
// 页面滚动监听相关
const divai_zongjie1 = document.getElementById('ai_zongjie1');
const divai_zongjie2 = document.getElementById('ai_zongjie2');
const divai_zongjie3 = document.getElementById('ai_zongjie3');
if (divai_zongjie2) {
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (!entry.isIntersecting && divai_zongjie1) {
try {
divai_zongjie1.style.display = 'flex';
requestAnimationFrame(() => {
if (divai_zongjie1) {
divai_zongjie1.classList.add('visible');
}
});
} catch (e) {
console.log('元素操作失败');
}
} else if (divai_zongjie1) {
try {
divai_zongjie1.classList.remove('visible');
divai_zongjie1.addEventListener('transitionend', () => {
if (divai_zongjie1 && !divai_zongjie1.classList.contains('visible')) {
divai_zongjie1.style.display = 'none';
}
}, { once: true });
if (divai_zongjie3 && divai_zongjie3.style) {
divai_zongjie3.style.display = 'none';
}
} catch (e) {
console.log('元素操作失败');
}
}
});
}, {
threshold: 0,
rootMargin: '-90px 0px 0px 0px'
});
try {
observer.observe(divai_zongjie2);
} catch (e) {
console.log('观察器初始化失败');
}
// 滚动事件处理
window.addEventListener('scroll', () => {
const scrollY = window.scrollY || window.pageYOffset;
if (divai_zongjie2) {
try {
divai_zongjie2.style.display = scrollY > 1000 ? 'none' : 'block';
} catch (e) {
console.log('滚动处理失败');
}
}
});
}
</script>
<div class="wzrfourList">
<div class="wzrfourlTab">
<div class="check" data-id="onef">网站特效 <div></div></div>
<div class="" data-id="twof">网站源码<div></div></div>
<div class="" data-id="threef">网站素材<div></div></div>
<div class="" data-id="fourf">前端模板<div></div></div>
</div>
<ul class="onef">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery企业留言表单联系代码" href="/xiazai/js/8071">[表单按钮] jQuery企业留言表单联系代码</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="HTML5 MP3音乐盒播放特效" href="/xiazai/js/8070">[播放器特效] HTML5 MP3音乐盒播放特效</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="HTML5炫酷粒子动画导航菜单特效" href="/xiazai/js/8069">[菜单导航] HTML5炫酷粒子动画导航菜单特效</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery可视化表单拖拽编辑代码" href="/xiazai/js/8068">[表单按钮] jQuery可视化表单拖拽编辑代码</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="VUE.JS仿酷狗音乐播放器代码" href="/xiazai/js/8067">[播放器特效] VUE.JS仿酷狗音乐播放器代码</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="经典html5推箱子小游戏" href="/xiazai/js/8066">[html5特效] 经典html5推箱子小游戏</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery滚动添加或减少图片特效" href="/xiazai/js/8065">[图片特效] jQuery滚动添加或减少图片特效</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="CSS3个人相册封面悬停放大特效" href="/xiazai/js/8064">[相册特效] CSS3个人相册封面悬停放大特效</a>
</div>
</li>
</ul>
<ul class="twof" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/10755" title="高三中英繁企业网站系统通用版5.0" target="_blank">[企业站源码] 高三中英繁企业网站系统通用版5.0</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/10754" title="本地宝团购导航网站" target="_blank">[电商源码] 本地宝团购导航网站</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/10753" title="rpcms轻量开源内容管理系统3.3.3" target="_blank">[企业站源码] rpcms轻量开源内容管理系统3.3.3</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/10752" title="乐彼多语言网上商城系统(LebiShop)" target="_blank">[电商源码] 乐彼多语言网上商城系统(LebiShop)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/10751" title="天缘企业网站系统科技版 1.65" target="_blank">[企业站源码] 天缘企业网站系统科技版 1.65</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/10750" title="jfinal-wxmall商城系统" target="_blank">[电商源码] jfinal-wxmall商城系统</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/10749" title="asp清洁机器类公司网站源码1.0" target="_blank">[企业站源码] asp清洁机器类公司网站源码1.0</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/10748" title="品牌空间社区版" target="_blank">[电商源码] 品牌空间社区版</a>
</div>
</li>
</ul>
<ul class="threef" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3743" target="_blank" title="中秋月夜圆月可爱玉兔矢量素材">[网站素材] 中秋月夜圆月可爱玉兔矢量素材</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3742" target="_blank" title="奇幻树屋森林木屋矢量插图">[网站素材] 奇幻树屋森林木屋矢量插图</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3741" target="_blank" title="商品展示图PSD分层素材下载">[网站素材] 商品展示图PSD分层素材下载</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3740" target="_blank" title="手绘水果苹果丰收季矢量插图">[网站素材] 手绘水果苹果丰收季矢量插图</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3739" target="_blank" title="感恩节主题活动宣传单页模板下载">[网站素材] 感恩节主题活动宣传单页模板下载</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3738" target="_blank" title="文艺咖啡生活合集矢量素材">[网站素材] 文艺咖啡生活合集矢量素材</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3737" target="_blank" title="烘焙工坊面包合集矢量素材">[网站素材] 烘焙工坊面包合集矢量素材</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3736" target="_blank" title="感恩节主题广告海报PSD素材下载">[网站素材] 感恩节主题广告海报PSD素材下载</a>
</div>
</li>
</ul>
<ul class="fourf" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8590" target="_blank" title="驾照考试驾校HTML5网站模板">[前端模板] 驾照考试驾校HTML5网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8589" target="_blank" title="驾照培训服务机构宣传网站模板">[前端模板] 驾照培训服务机构宣传网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8588" target="_blank" title="HTML5房地产公司宣传网站模板">[前端模板] HTML5房地产公司宣传网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8587" target="_blank" title="新鲜有机肉类宣传网站模板">[前端模板] 新鲜有机肉类宣传网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8586" target="_blank" title="响应式天气预报宣传网站模板">[前端模板] 响应式天气预报宣传网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8585" target="_blank" title="房屋建筑维修公司网站CSS模板">[前端模板] 房屋建筑维修公司网站CSS模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8584" target="_blank" title="响应式志愿者服务网站模板">[前端模板] 响应式志愿者服务网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8583" target="_blank" title="创意T恤打印店网站HTML5模板">[前端模板] 创意T恤打印店网站HTML5模板</a>
</div>
</li>
</ul>
</div>
<script>
$('.wzrfourlTab>div').click(function(e){
$('.wzrfourlTab>div').removeClass('check')
$(this).addClass('check')
$('.wzrfourList>ul').css('display','none')
$('.'+e.currentTarget.dataset.id).show()
})
</script>
</div>
</div>
</div>
<!--主体 end-->
<!--底部-->
<div class="phpFoot">
<div class="phpFootIn">
<div class="phpFootCont">
<div class="phpFootLeft">
<dl>
<dt>
<a href="/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a>
<a href="/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a>
<a href="/about/jbzx.html" rel="nofollow" target="_blank" title="举报中心" class="cBlack">举报中心</a>
<a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a>
<a href="https://www.php.cn/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a>
<a href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a>
<!--<a href="javascript:;" target="_blank" title="其他合作" class="cBlack">其他合作</a>-->
<a href="/new/" target="_blank" title="最新文章列表" class="cBlack">最新更新</a>
<a href="https://global.php.cn/" target="_blank" title="English" class="cBlack">English</a>
<div class="clear"></div>
</dt>
<dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd>
<dd class="cont2">
<span class="ylwTopBox">
<a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a>
<em style="display:none;" class="ylwTopSub">
<p>微信扫码<br/>关注PHP中文网服务号</p>
<img src="/static/images/examples/text16.png"/>
</em>
</span>
<span class="ylwTopBox">
<a href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a>
<em style="display:none;" class="ylwTopSub">
<p>QQ扫码<br/>加入技术交流群</p>
<img src="/static/images/examples/text18.png"/>
</em>
</span>
<div class="clear"></div>
</dd>
</dl>
</div>
<div class="phpFootRight">
<div class="phpFootMsg">
<span><img src="/static/images/examples/text17.png"/></span>
<dl>
<dt>PHP中文网订阅号</dt>
<dd>每天精选资源文章推送</dd>
</dl>
</div>
<div class="phpFootMsg">
<span><img src="/static/images/examples/text14.png"/></span>
<dl>
<dt>PHP中文网APP</dt>
<dd>随时随地碎片化学习</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="phpFootCode">
<div class="phpFootCodeIn"><p>Copyright 2014-2025 <a href="https://www.php.cn/" target="_blank">https://www.php.cn/</a> All Rights Reserved | php.cn | <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2023035733号</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a></div>
</div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>
<span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span>
<!--底部 end-->
<script>
$(function() {
//直播倒计时
$(".liveitem").each(function(){
timer(this);
})
function timer(obj){
var intDiff = $(obj).data("countdown");
window.setInterval(function(){
var day=0,
hour=0,
minute=0,
second=0;//时间默认值
if(intDiff > 0){
day = Math.floor(intDiff / (60 * 60 * 24));
hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
}else{
$(obj).find(".phpZbktBg").remove();
return;
}
if (hour <= 9) hour = '0' + hour;
if (minute <= 9) minute = '0' + minute;
if (second <= 9) second = '0' + second;
$(obj).find('.day_show').html(day+"");
$(obj).find('.hour_show').html('<s id="h"></s>'+hour+'');
$(obj).find('.minute_show').html('<s></s>'+minute+'');
$(obj).find('.second_show').html('<s></s>'+second+'');
intDiff--;
}, 1000);
}
});
</script>
<script type="text/javascript" src="/hitsUp?type=article&id=10912&time=1763598490"></script>
<script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1763598490"></script>
<script>article_status = "0";</script>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<!-- <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> -->
<input type="hidden" id="verifycode" value="/captcha.html">
<script src="/static/js/jquery.min.js"></script>
<script src="/static/layui/layui.js"></script>
<script src="/static/js/common_new.js?2.1" ></script>
<script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script>
<script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script>var topadshow = $.cookie('phpcndatatopadshows');if(!topadshow&&1==2){$('.topimages').show();var topobj = $('.topimages').find('.time');var topobj_day = $('.topimages .time').find('.day');var topobj_hours = $('.topimages .time').find('.hours');var topobj_minutes = $('.topimages .time').find('.minutes');var topobj_second = $('.topimages .time').find('.second');var topday = parseInt(topobj_day.html());var tophours = parseInt(topobj_hours.html());var topminutes = parseInt(topobj_minutes.html());var topsecond = parseInt(topobj_second.html());setInterval(function(){if(topsecond > 0){topsecond = topsecond-1;}else{if(topminutes > 0){topminutes = topminutes-1;topsecond = 59;}else{if(tophours > 0){tophours = tophours-1;topminutes = 59;topsecond = 59;}else{if(topday > 0){topday = topday -1;tophours = 23;topminutes = 59;topsecond = 59;}else{topobj.html("<p><span>活动已结束</span></p>");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});</script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/>
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
<style>
.content img{max-width:100%;}
.copy-button {
padding: 5px 10px;
background-color: #666;
border: none;
color: #FFF;
font-size: 12px;
cursor: pointer;
border-radius: 5px;
position: relative;
top: 33px;
right: 5px;
z-index: 99;
float: right;
}
.copy-button:hover {
background-color: #fc3930;
}
</style>
<script>
$(document).ready(function(){
$('#gongzhonghao').hover(function(){
$('#gzh').show();
},function(){
$('#gzh').hide();
})
})
</script>
<script>
layui.use(['jquery','layer'], function(){
$('.test-iframe-handle').click(function(){
layer.open({
type: 2,
area: ['1300px', '750px'],
content: 'https://www.php.cn/help/ask?q=HTML%E5%B8%B8%E7%94%A8%E6%A0%87%E7%AD%BE%E5%A4%A7%E5%85%A8%E5%8F%8Ahtml%E6%A0%87%E7%AD%BE%E7%9A%84%E7%89%B9%E7%82%B9_HTML%2FXhtml_%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C',
fixed: true, // 不固定
//maxmin: true,
shadeClose: true,
title:"智能小助手",
btnAlign: 'c',
yes: function(index, layero){
// 获取 iframe 的窗口对象
var iframeWin = window[layero.find('iframe')[0]['name']];
var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素
var value = elemMark.val();
if($.trim(value) === '') return elemMark.focus();
// 显示获得的值
layer.msg('获得 iframe 中的输入框标记值：'+ value);
}
});
})
var is_login = "0";
var show = 0;
var ceng = getCookie('ceng');
//文章下拉弹出登录
// if(is_login == 0 && !ceng)
// {
// window.onscroll = function(){
// var t = document.documentElement.scrollTop || document.body.scrollTop;
// var top_div = document.getElementById( "top_div" );
// if( t >= 2500 && show == 0) {
// show = 1
// setCookie('ceng',1,1);
// $(document).trigger("api.loginpopbox");
// }
// }
// }
//未登录复制显示登录按钮
if(is_login == 0 && false){
$(".code").hover(function(){
$(this).find('.contentsignin').show();
},function(){
$(this).find('.contentsignin').hide();
});
//不给复制
$('.code').bind("cut copy paste",function(e) {
e.preventDefault();
});
$('.code .contentsignin').click(function(){
$(document).trigger("api.loginpopbox");
})
}else{
// 获取所有的 <pre> 元素
var preElements = document.querySelectorAll('pre');
preElements.forEach(function(preElement) {
// 创建复制按钮
var copyButton = document.createElement('button');
copyButton.className = 'copy-button';
copyButton.textContent = '复制';
// 添加点击事件处理程序
copyButton.addEventListener('click', function() {
// 获取当前按钮所属的 <pre> 元素中的文本内容
var textContent = preElement.textContent.trim();
// 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容
var tempTextarea = document.createElement('textarea');
tempTextarea.value = textContent;
// 将临时 textarea 添加到文档中
document.body.appendChild(tempTextarea);
// 选中临时 textarea 中的文本内容并执行复制操作
tempTextarea.select();
document.execCommand('copy');
// 移除临时 textarea 元素
document.body.removeChild(tempTextarea);
// 更新按钮文本为 "已复制"
this.textContent = '已复制';
});
// 创建AI写代码按钮
var aiButton = document.createElement('button');
aiButton.className = 'copy-button';
aiButton.textContent = 'AI写代码';
aiButton.style.marginLeft = '5px';
aiButton.style.marginRight = '5px';
// 添加点击事件处理程序
aiButton.addEventListener('click', function() {
// Generate a random number between 0 and 1
var randomChance = Math.random();
// If the random number is less than 0.5, open the first URL, else open the second
if (randomChance < 0.5) {
window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank');
} else {
window.open('https://click.aliyun.com/m/1000402709/', '_blank');
}
});
// 将按钮添加到 <pre> 元素前面
preElement.parentNode.insertBefore(copyButton, preElement);
preElement.parentNode.insertBefore(aiButton, preElement);
});
}
})
function setCookie(name,value,iDay){ //name相当于键，value相当于值，iDay为要设置的过期时间（天）
var oDate = new Date();
oDate.setDate(oDate.getDate() + iDay);
document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate;
}
function getCookie(name) {
var cookieArr = document.cookie.split(";");
for(var i = 0; i < cookieArr.length; i++) {
var cookiePair = cookieArr[i].split("=");
if(name == cookiePair[0].trim()) {
return decodeURIComponent(cookiePair[1]);
}
}
return null;
}
function aiask(ask){
layer.open({
type: 2,
area: ['1300px', '750px'],
content: 'https://www.php.cn/help/ask?q='+encodeURIComponent(ask),
fixed: true, // 不固定
//maxmin: true,
shadeClose: true,
title:"智能小助手",
btnAlign: 'c',
yes: function(index, layero){
// 获取 iframe 的窗口对象
var iframeWin = window[layero.find('iframe')[0]['name']];
var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素
var value = elemMark.val();
if($.trim(value) === '') return elemMark.focus();
// 显示获得的值
layer.msg('获得 iframe 中的输入框标记值：'+ value);
}
});
}
</script>
<!--底部浮动层-->
<!--
<div class="phpFudong">
<div class="phpFudongIn">
<div class="phpFudongImg"></div>
<div class="phpFudongXue">登录PHP中文网，和优秀的人一起学习！</div>
<div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div>
<div class="phpFudongCode"><a href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div>
<div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div>
<div class="clear"></div>
</div>
</div>
--><!--底部浮动层 end-->
<!--侧导航-->
<style>
.layui-fixbar{display: none;}
</style>
<div class="phpSdhBox" style="height:240px !important;">
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="/k24.html" target="_blank" class="hover" title="PHP学习">
<b class="icon1"></b>
<p>PHP学习</p>
</a>
</div>
</div>
</li>
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="https://www.php.cn/blog/detail/1047189.html" target="_blank">
<b class="icon2"></b>
<p>技术支持</p>
</a>
</div>
</div>
</li>
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="#">
<b class="icon6"></b>
<p>返回顶部</p>
</a>
</div>
</div>
</li>
</div>
<!--侧导航 end-->
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '11']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<script>
setCookie('is_article', 1, 1);
</script>
</body>
</html>]]></plaintext></td></tr></div> |
