章节2 认识基本的HTML代码(页 1) - 综合部 - 网页代码 - 派對屋

sara 发表于 2013-6-20 23:00

章节2 认识基本的HTML代码

<p></p><form><p align="center"><select id="setit" size="1" name="test">
<optgroup label="网页设计教程">
<option value="http://party.joinbbs.net/viewthread.php?tid=948">网页设计师要会什么网页设计基础知识</option>
<option value="http://party.joinbbs.net/viewthread.php?tid=949&fromuid=189">章节0 如何设计网页</option>
<option value="http://party.joinbbs.net/viewthread.php?tid=951&fromuid=189">章节1 入门指南</option>
<option value="http://party.joinbbs.net/viewthread.php?tid=952&fromuid=189">章节2 认识基本的HTML代码</option>
</optgroup>
</select>
   <input type="button" value="Go" onclick="window.open(setit.options[setit.selectedIndex].value)">
</p></form>
<hr class="solidline">
<table width="100%" border="0" bgcolor="#999999" style="background-color: rgb(172, 186, 195);">
  <tbody><tr>
<td style="text-align: center;"><font size="2" color="#000000"><b>目录栏</b></font></td>
  </tr>
</tbody></table>
<table width="100%" border="0" bgcolor="#CCCCCC" style="background-color: rgb(212, 225, 225);">
  <tbody><tr>
<td><a href="#@1"><font size="2">Font Size 字体大小</font></a></td>
<td><a href="#@2"><font size="2">Heading 标题大小</font></a></td>
<td><font size="2"><a href="@3"></a><a href="#@3">Bold 加粗字体</a></font></td>
  </tr>
<tr>
<td><font size="2"><a href="@4"></a><a href="#@4">让字体Italic</a></font></td>
<td><font size="2"><a href="#@5"></a><a href="#@5">Underline字体</a></font></td>
<td><font size="2"><a href="#@5"></a><a href="#@6">Alignment 对齐排列</a></font></td>
  </tr>

<tr>
<td><font size="2"><a href="#@5"></a><a href="#@7">Font Color 字体颜色</a></font></td>
<td><font size="2"><a href="#@5"></a><a href="#@8">Font Style 字体样式</a></font></td>
<td><font size="2"><a href="#@5"></a><a href="#@8">Insert Picture 插入图片</a></font></td></tr>
</tbody></table>
<b style="background-color: rgb(255, 255, 255);"><div><b><br></b></div><div><b><hr class="solidline"><br></b></div><a id="@1">Font Size 字体的大小</a></b><div style="background-color: rgb(255, 255, 255);"><b><br></b></div><div style="background-color: rgb(255, 255, 255);"><font size="2">size=1 表示字体最小</font></div><div style="background-color: rgb(255, 255, 255);"><font size="2">size=7 表示字体最大</font></div><div style="background-color: rgb(255, 255, 255);"><font size="2">size=8 这是不存在的，最大是7，不能超过8</font></div>

<textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 30%; height: 110px;"><font size=1>……</font>
<font size=2>……</font>
<font size=3>……</font>
<font size=4>……</font>
<font size=5>……</font>
<font size=6>……</font>
<font size=7>……</font></textarea><br>
<div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><font size="2">例如：</font></div><div style="background-color: rgb(255, 255, 255);"><font size="2"><table cellspacing="0" cellpadding="0" width="40%" class="t_table" bgcolor="LightBlue"><tbody><tr>
<td> <font size=1>你好吗？</font></td>
<td><font size="1">你好吗？</font></td>
</tr>
<tr>
<td> <font size=2>你好吗？</font></td>
<td><font size="2">你好吗？</font></td>
</tr>
<tr>
<td> <font size=3>你好吗？</font></td>
<td><font size="3">你好吗？</font></td>
</tr>
<tr>
<td> <font size=4>你好吗？</font></td>
<td><font size="4">你好吗？</font></td>
</tr>
<tr>
<td> <font size=5>你好吗？</font></td>
<td><font size="5">你好吗？</font></td>
</tr>
<tr>
<td> <font size=6>你好吗？</font></td>
<td><font size="6">你好吗？</font></td>
</tr>
<tr>
<td> <font size=7>你好吗？</font></td>
<td><font size="7">你好吗？</font></td></tr></tbody></table><br></font><h2 style="line-height: 17px; font-size: 15px; color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204);"></h2></div><div style="background-color: rgb(255, 255, 255);"><b><a><br></a></b></div><div style="background-color: rgb(255, 255, 255);"><b><a id="@2">Heading 标题大小</a></b></div><div style="background-color: rgb(255, 255, 255);"><b><a><br></a></b></div><div style="background-color: rgb(255, 255, 255);"><font size="2">标题的大小和字体的大小刚好相反</font></div><div style="background-color: rgb(255, 255, 255);"><font size="2"><h1>是字体是最大反而</font></div><div style="background-color: rgb(255, 255, 255);"><font size="2"><h6>的字体是最小</font></div><div style="background-color: rgb(255, 255, 255);"><font size="2"><br></font></div><div style="background-color: rgb(255, 255, 255);"><font size="2">标题的大小只有 1-6，而且使用这代码会自动把标题变 Bold （粗体）</font></div><div style="background-color: rgb(255, 255, 255);"><font size="2"><br></font></div><div style="background-color: rgb(255, 255, 255);"><textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 340.5px; height: 90px;"><h1>……</h1>
<h2>……</h2>
<h3>……</h3>
<h4>……</h4>
<h5>……</h5>
<h6>……</h6></textarea><br></div><div style="background-color: rgb(255, 255, 255);"><div style="background-color: rgb(255, 255, 255);"><font size="2"><br></font></div><div style="background-color: rgb(255, 255, 255);"><font size="2">例如：<font color="#ff0000">(在本论坛发布主题或回复<b>无法使用这代码</b>，若要试验请自己写在自己编辑器里做实验吧！)</font></font></div><div style="background-color: rgb(255, 255, 255);"><font size="2"><table cellspacing="0" cellpadding="0" width="40%" class="t_table" bgcolor="LightBlue"><tbody><tr><td><font size="2"><h1>Heading 1</h1></font></td><td><h1 style="color: rgb(0, 0, 0); font-size: 17px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px;">Heading 1</h1></td></tr><tr><td><font size="2"><h2>Heading 2</h2></font></td><td><h2 style="color: rgb(0, 0, 0); font-size: 15px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px;">Heading 2</h2></td></tr><tr><td><font size="2"><h3></font><span style="font-size: small;">Heading 3</span><font size="2"></h3></font></td><td><h3 style="color: rgb(0, 0, 0); font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px;">Heading 3</h3></td></tr><tr><td><font size="2"><h4></font><span style="font-size: small;">Heading 4</span><font size="2"></h4></font></td><td><h4 style="color: rgb(0, 0, 0); font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px;">Heading 4</h4></td></tr><tr><td><font size="2"><h5></font><span style="font-size: small;">Heading 5</span><font size="2"></h5></font></td><td><h5 style="color: rgb(0, 0, 0); font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px;">Heading 5</h5></td></tr><tr><td><font size="2"><h6></font><span style="font-size: small;">Heading 6</span><font size="2"></h6></font></td><td><h6><span style="color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 17px;">Heading 6</span></h6></td></tr></tbody></table><br></font></div><div style="background-color: rgb(255, 255, 255);"><font size="2"><br></font></div><div style="background-color: rgb(255, 255, 255);"><div><h2 style="line-height: 17px; font-size: 15px; color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204);"></h2></div><div><br></div></div><div><b><a id="@3">Bold 加粗字体</a></b></div></div><div style="background-color: rgb(255, 255, 255);"><font size="2">让字体加粗</font></div><div style="background-color: rgb(255, 255, 255);"><textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 340.5px; height: 25px;"><b>……</b></textarea></div><div style="background-color: rgb(255, 255, 255);"><br></div><div style="background-color: rgb(255, 255, 255);"><font size="2">演示：</font></div><div style="background-color: rgb(255, 255, 255);"><table cellspacing="0" cellpadding="0" width="40%" class="t_table" bgcolor="LightBlue"><tbody><tr>
<td><font size="2"><b>你好吗？</b></font></td>
<td><b><font size="2">你好吗？</font></b></td></tr></tbody></table></div><div style="background-color: rgb(255, 255, 255);"><br></div><div><div style="background-color: rgb(255, 255, 255);"><div><h2 style="line-height: 17px; font-size: 15px; color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204);"></h2></div><div><br></div></div><div style="background-color: rgb(255, 255, 255);"><a id="@4"><b>让字体Italic</b></a></div><div style="background-color: rgb(255, 255, 255);"><a><div style="color: rgb(68, 68, 68);"><font size="2">让字体斜体</font></div><div style="color: rgb(68, 68, 68);"><textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 340.5px; height: 25px;"><I>……</I></textarea></div><div style="color: rgb(68, 68, 68);"><br></div><div style="color: rgb(68, 68, 68);"><font size="2">演示：</font></div><div style="color: rgb(68, 68, 68);"><table cellspacing="0" cellpadding="0" width="40%" class="t_table" bgcolor="LightBlue"><tbody><tr><td><font size="2"><I>你好吗？</I></font></td><td><font size="2"><i>你好吗？</i><br></font></td></tr></tbody></table><br></div></a><div><a style="color: rgb(68, 68, 68);"><div><div><h2 style="line-height: 17px; font-size: 15px; color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204);"></h2></div><div><br></div></div></a><div style="color: rgb(68, 68, 68);"><a></a><a id="@5"><b>Underline字体</b></a></div><div><a style="color: rgb(68, 68, 68);"><div style="color: rgb(68, 68, 68);"><font size="2">字体下有线条</font></div><div style="color: rgb(68, 68, 68);"><textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 340.5px; height: 25px;"><u>……</u></textarea></div><div style="color: rgb(68, 68, 68);"><br></div><div style="color: rgb(68, 68, 68);"><font size="2">演示：</font></div><div style="color: rgb(68, 68, 68);"><table cellspacing="0" cellpadding="0" width="40%" class="t_table" bgcolor="LightBlue"><tbody><tr><td><font size="2"><u>你好吗？</u></font></td><td><font size="2"><u>你好吗？</u><br></font></td></tr></tbody></table><br></div></a><div><font color="#444444"><a></a></font><a style="color: rgb(68, 68, 68);"><div><h2 style="line-height: 17px; font-size: 15px; color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204);"></h2></div><div><br></div></a><div><font color="#444444"><a></a></font><div style="color: rgb(68, 68, 68);"><a></a><a id="@6"><b>Alignment 对齐排列</b></a></div><div><a style="color: rgb(68, 68, 68);"><div style="color: rgb(68, 68, 68);"><font size="2">让字体对齐排列</font></div><div style="color: rgb(68, 68, 68);"><font size="2">分为左、中、右</font></div><div style="color: rgb(68, 68, 68);"><textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 340.5px; height: 55px;"><Left>……</Left>
<Center>……</Center>
<Left>……</Left></textarea></div><div style="color: rgb(68, 68, 68);"><br></div><div style="color: rgb(68, 68, 68);"><font size="2">演示：</font></div><div style="color: rgb(68, 68, 68);"><table cellspacing="0" cellpadding="0" width="40%" class="t_table" bgcolor="LightBlue"><tbody><tr><td><font size="2"><Left>你好吗？</Left></font></td><td><font size="2">你好吗？<br></font></td></tr><tr><td><font size="2"><Center>你好吗？</Center></font></td><td style="text-align: center;"><font size="2">你好吗？</font></td></tr><tr><td><font size="2"><Left>你好吗？</Left></font></td><td style="text-align: right;"><font size="2">你好吗？</font></td></tr></tbody></table></div><div style="color: rgb(68, 68, 68);"><br></div></a><div><font color="#444444"><a></a></font><a style="color: rgb(68, 68, 68);"><div><h2 style="line-height: 17px; font-size: 15px; color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204);"></h2></div><div><br></div></a><div><font color="#444444"><a></a></font><div style="color: rgb(68, 68, 68);"><a></a><a id="@7"><b>Font Color 字体颜色</b></a></div><div><a style="color: rgb(68, 68, 68);"><div style="color: rgb(68, 68, 68);"><font size="2">设置字体的颜色</font></div><div style="color: rgb(68, 68, 68);"><font size="2">了解更多颜色的代码：<暂无链接></font></div><div style="color: rgb(68, 68, 68);"><br></div><div style="color: rgb(68, 68, 68);"><textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 340.5px; height: 80px;"><font color="red">……</font>
<font color="#ff0000">……</font>
<font color="blue">……</font>
<font color="#0000ff">……</font></textarea></div><div style="color: rgb(68, 68, 68);"><br></div><div style="color: rgb(68, 68, 68);"><font size="2">演示：</font></div><div style="color: rgb(68, 68, 68);"><table cellspacing="0" cellpadding="0" width="40%" class="t_table" bgcolor="LightBlue"><tbody><tr><td><font size="2"><font color="<font color="#ff0000">red</font>">你好吗？</font></font></td><td><font size="2" color="#ff0000">你好吗？</font></td></tr><tr><td><font size="2"><font color="<font color="#ff0000">#ff0000</font>">你好吗？</font></font></td><td style="text-align: left;"><font size="2" color="#ff0000">你好吗？</font></td></tr><tr><td><font size="2"><font color="<font color="#0000ff">blue</font>">你好吗？</font></font></td><td style="text-align: left;"><font size="2" color="#0000ff">你好吗？</font></td></tr><tr><td><font size="2"><font color="<font color="#0000ff">#0000ff</font>">你好吗？</font></font></td><td style="text-align: left;"><font size="2" color="#0000ff">你好吗？</font></td></tr>
</tbody></table><br></div></a><div><font color="#444444"><a></a></font><a style="color: rgb(68, 68, 68);"><div><h2 style="line-height: 17px; font-size: 15px; color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204);"></h2></div><div><br></div></a><div><font color="#444444"><a></a></font><div style="color: rgb(68, 68, 68);"><a></a><a id="@8"><b>Font Style 字体样式</b></a></div><div><a style="color: rgb(68, 68, 68);"><div style="color: rgb(68, 68, 68);"><font size="2">设置字体的样式（款式、风格）</font></div><div style="color: rgb(68, 68, 68);"><font size="2">了解更多Font Style 字体样式：<暂无链接></font></div><div style="color: rgb(68, 68, 68);"><br></div><div style="color: rgb(68, 68, 68);"><textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 340.5px; height: 20px;"><font face="XX">……</font></textarea></div><div style="color: rgb(68, 68, 68);"><br></div><div style="color: rgb(68, 68, 68);"><font size="2">演示：</font></div></a><div><a style="color: rgb(68, 68, 68);"><table cellspacing="0" cellpadding="0" width="40%" class="t_table" bgcolor="LightBlue"><tbody><tr><td><font size="2"><font face="arial">Font</font></font></td><td><font face="Arial" size="2">Font</font></td></tr><tr><td><font size="2"><font face="Impact">Font</font></font></td><td><font size="2" face="Impact">Font</font></td></tr><tr><td><font size="2"><font face="Times New Roman">Font</font></font></td><td><font size="2" face="Times New Roman">Font</font></td></tr><tr><td><font size="2"><font face="黑体">你好吗？</font></font></td><td><font size="2" face="黑体">你好吗？</font></td></tr></tbody></table><br></a><a style="color: rgb(68, 68, 68);"><div><h2 style="line-height: 17px; font-size: 15px; color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: rgb(204, 204, 204);"></h2></div><div><br></div></a><div><font color="#444444"><a></a></font><div style="color: rgb(68, 68, 68);"><a></a><a id="@9"><b>Insert Picture 插入图片</b></a></div><div><a style="color: rgb(68, 68, 68);"><div style="color: rgb(68, 68, 68);"><font size="2">全都是字体，读者都会看到闷，所以不如放一些图片吸引读者们吧！</font></div></a><div style="color: rgb(68, 68, 68);"><a><font size="2">了解如何上传图片到论坛问题：</font></a><a href="http://party.joinbbs.net/viewthread.php?tid=34#@1" target="_blank"><font size="1">http://party.joinbbs.net/viewthread.php?tid=34#@1</font></a></div><div style="color: rgb(68, 68, 68);"><br></div><div style="color: rgb(68, 68, 68);"><font size="2">Insert Picture Code 插入图片代码</font></div><div style="color: rgb(68, 68, 68);"><textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 340.5px; height: 20px;"><img src="xxx"></textarea></div><div style="color: rgb(68, 68, 68);"><br></div><div style="color: rgb(68, 68, 68);"><font size="2">XXX = 输入图片地址</font></div><div style="color: rgb(68, 68, 68);"><font size="2"><br></font></div><div><font size="2" color="#808080">例如网页外链接：</font></div><div><ul><li><font size="2" color="#808080">http://xxx.jpg</font></li><li><font size="2" color="#808080">http://xxx.gif</font></li><li><font size="2" color="#808080">http://xxx.png</font></li></ul><div><font size="2" color="#808080"><br></font></div><div><font size="2" color="#808080">例如本地网盘链接：</font></div><ul><li><font size="2" color="#808080">xx.jpg</font></li><li><font size="2" color="#808080">xx/xx.jpg</font></li></ul><div><font size="2" color="#808080"><br></font></div><div><font size="2" color="#808080">例如本地计算机（电脑）链接：</font></div><ul><li><font size="2" color="#808080">file:///C|/Users/Public/Pictures/Sample Pictures/xx.jpg</font></li><li><font size="2" color="#808080">file:///F:/Users/Public/Pictures/Sample Pictures/xx.jpg</font></li></ul></div><div style="color: rgb(68, 68, 68);"><br></div><div><div style="color: rgb(68, 68, 68);"><font size="2">Picture Size Code 图片的大小（宽于高）代码</font></div><div style="color: rgb(68, 68, 68);"><font size="2">width=宽    height=高</font></div><div style="color: rgb(68, 68, 68);"><textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 340.5px; height: 20px;"><img src="xxx" width="xx" height="xx"></textarea></div><div style="color: rgb(68, 68, 68);"><br></div><div><div style="color: rgb(68, 68, 68);"><font size="2">Picture Alignment 图片的对齐排列代码</font></div><div style="color: rgb(68, 68, 68);"><font size="2">这个代码并非普通的对齐排列的代码</font></div><div style="color: rgb(68, 68, 68);"><font size="2"><br></font></div><div style="color: rgb(68, 68, 68);"><font size="2">普通的代码设置图片在右边：</font><span style="color: rgb(255, 0, 0); font-size: small;">(不完美的方法)</span></div><div><font size="2">这种方法让图片移去右边连同字体也会自动移去右边</font></div><div style="color: rgb(68, 68, 68);"><a><div style="color: rgb(68, 68, 68);"><table cellspacing="0" cellpadding="0" width="40%" class="t_table" bgcolor="IndianRed"><tbody><tr><td><font size="2">你好吗？<right><Img src="xx"></right>我很好</font></td><td style="text-align: right;"><font size="2">你好吗？<img src="http://i1306.photobucket.com/albums/s573/SaraAce/1f5dc357-665f-420e-b7a3-b311736f2882_zps7511f2e4.jpg" border="0">我很好</font></td></tr></tbody></table></div></a></div></div></div><div style="color: rgb(68, 68, 68);"><font size="2"><br></font></div><div><span style="font-size: small;">Picture Alignment 图片的对齐排列代码：<font color="#2e8b57"><b>（</b></font></span><font size="2" color="#2e8b57"><b>正确方法）</b></font></div><div style="color: rgb(68, 68, 68);"><font size="2">Align= (Left, </font><span style="font-size: small;">Center</span><font size="2">, Right)</font></div><div style="color: rgb(68, 68, 68);"><font size="2">不填写 width 和 height 也可以</font></div><div style="color: rgb(68, 68, 68);"><textarea name="comments" id="comments" style="background-color: rgb(208, 241, 143); width: 405.5px; height: 20px;"><img src="xx" width="xx" height="xx" align="xx"></textarea></div><div style="color: rgb(68, 68, 68);"><br></div></div></div><div style="color: rgb(68, 68, 68);"><font size="2">演示：</font></div><div style="color: rgb(68, 68, 68);"><table cellspacing="0" cellpadding="0" width="40%" class="t_table" bgcolor="LightBlue"><tbody><tr><td><span style="color: rgb(0, 0, 255); font-size: small; background-color: rgb(255, 255, 255);">图片在左边，字体不受影响</span><span style="color: rgb(0, 0, 255); font-size: small;"><br></span><font size="2"><br>你好吗？<img src="http://i1306.photobucket.com/albums/s573/SaraAce/1f5dc357-665f-420e-b7a3-b311736f2882_zps7511f2e4.jpg" align="left">我很好</font></td><td>你好吗？<img src="http://i1306.photobucket.com/albums/s573/SaraAce/1f5dc357-665f-420e-b7a3-b311736f2882_zps7511f2e4.jpg" align="left" id="e_f_img_0.029871292877942324">我很好</td></tr><tr><td><span style="color: rgb(0, 0, 255); font-size: small; background-color: rgb(255, 255, 255);">图片在中间分开字体（没什么特别）</span><span style="color: rgb(0, 0, 255); font-size: small;"><br></span><font size="2"><br>你好吗？<img src="http://i1306.photobucket.com/albums/s573/SaraAce/1f5dc357-665f-420e-b7a3-b311736f2882_zps7511f2e4.jpg" align="center">我很好</font></td><td><font size="2" face="Impact">你好吗？<img src="http://i1306.photobucket.com/albums/s573/SaraAce/1f5dc357-665f-420e-b7a3-b311736f2882_zps7511f2e4.jpg" align="center">我很好</font></td></tr><tr><td><span style="color: rgb(0, 0, 255); font-size: small; background-color: rgb(255, 255, 255);">图片在右边，字体不受影响</span><span style="color: rgb(0, 0, 255); font-size: small;"><br></span><font size="2"><br>你好吗？<img src="http://i1306.photobucket.com/albums/s573/SaraAce/1f5dc357-665f-420e-b7a3-b311736f2882_zps7511f2e4.jpg" align="right">我很好</font></td><td><font size="2" face="Times New Roman">你好吗？<img src="http://i1306.photobucket.com/albums/s573/SaraAce/1f5dc357-665f-420e-b7a3-b311736f2882_zps7511f2e4.jpg" align="right">我很好</font></td></tr></tbody></table><br></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div></div>**** Hidden Message *****<div><a href="http://www.quackit.com/html/codes/"></a></div></div><div><hr class="solidline"></div>

<p></p><form><p align="center"><select id="setit" size="1" name="test">
<optgroup label="网页设计教程">
<option value="http://party.joinbbs.net/viewthread.php?tid=948">网页设计师要会什么网页设计基础知识</option>
<option value="http://party.joinbbs.net/viewthread.php?tid=949&fromuid=189">章节0 如何设计网页</option>
<option value="http://party.joinbbs.net/viewthread.php?tid=951&fromuid=189">章节1 入门指南</option>
<option value="http://party.joinbbs.net/viewthread.php?tid=952&fromuid=189">章节2 认识基本的HTML代码</option>
</optgroup>
</select>
   <input type="button" value="Go" onclick="window.open(setit.options[setit.selectedIndex].value)">
</p></form>

慧遠发表于 2014-5-26 22:57

[b]看帖回帖那是一定要的：[/b][quote]好帖! 好帖! 0w0[/quote]

party 发表于 2014-5-26 23:18

[b]回复 [url=http://party.joinbbs.net/redirect.php?goto=findpost&pid=3350&ptid=952]2#[/url] [i]慧遠[/i] [/b]

有学习到么？

页: [1]

派對屋's Archiver

章节2 认识基本的HTML代码