📄 html6.htm
字号:
<HTML><HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80"><META NAME="Generator" CONTENT="Microsoft Word 97"><TITLE>HTML语言教程之六：表格(TABLE)标记</TITLE><META NAME="Template" CONTENT="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot"><link rel="stylesheet" href="../../cpcw.css"></HEAD><BODY LINK="#0000ff" VLINK="#800080" background="../bg.gif"><table width="85%" border="0" align="center"> <tr bgcolor="#FFFFFF"> <td> <p align="CENTER"><font size="6" lang="ZH-CN"><font color="#FF3333" class="title"><b>HTML语言教程之六：表格(TABLE)标记</b></font></font></p> <p align="JUSTIFY"></p> <hr> <h1 align=left><a name="basic"></a><!--################## Basic ########################--></h1> <h2> 表格的基本语法</h2> <h3><table>...</table> - 定义表格<br> <tr> - 定义表行<br> <th> - 定义表头<br> <td> - 定义表元(表格的具体数据)</h3> 带边框的表格： <pre><table border><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td> </table></pre> <table border> <tr> <th>Food</th> <th>Drink</th> <th>Sweet</th> </tr> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> </table> <p> <br> 不带边框的表格： <pre><table><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td> </table></pre> <table> <tr> <th>Food</th> <th>Drink</th> <th>Sweet</th> </tr> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> </table> <pre></pre> <p><!--################## Table Span ########################--><a name="span"></a></p> <h2> 跨多行、多列的表元(Table Span)</h2> <p><!------Colspan-------></p> <h3>跨多列的表元 <th colspan=#></h3> <pre><table border><tr><th colspan=3> Morning Menu</th><tr><th>Food</th> <th>Drink</th> <th>Sweet</th><tr><td>A</td><td>B</td><td>C</td></table></pre> <table border> <tr> <th colspan=3>Morning Menu</th> </tr> <tr> <th>Food</th> <th>Drink</th> <th>Sweet</th> </tr> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> </table> <p><!------Rowspan-------></p> <h3>跨多行的表元 <th rowspan=#></h3> <pre><table border><tr><th rowspan=3> Morning Menu</th> <th>Food</th> <td>A</td></tr><tr><th>Drink</th> <td>B</td></tr><tr><th>Sweet</th> <td>C</td></tr></table></pre> <table border> <tr> <th rowspan=3>Morning Menu</th> <th>Food</th> <td>A</td> </tr> <tr> <th>Drink</th> <td>B</td> </tr> <tr> <th>Sweet</th> <td>C</td> </tr> </table> <pre></pre> <p><!--################## Size ########################--><a name="size"></a></p> <h2> 表格尺寸设置</h2> <p><!------Border-------></p> <h3><table border=#></h3> 边框尺寸设置： <pre><table border=10><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td> </table></pre> <table border=10 > <tr> <th>Food</th> <th>Drink</th> <th>Sweet</th> </tr> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> </table> <p><!------Length-------></p> <h3><table border width=# height=#></h3> 表格尺寸设置： <pre><table border width=170 height=100><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td> </table></pre> <table border width="170" height="100" > <tr> <th>Food</th> <th>Drink</th> <th>Sweet</th> </tr> <tr> <td>A</td> <td>B</td> <td>C</td> </tr> </table> <h2><blink> </blink></h2> <p align="CENTER"><a href="../homepage.htm"><font face="宋体" lang="ZH-CN">返回主页</font></a> <a href="html5.htm">上一节</a> <a href="html7.htm">下一节</a></p> <font face="宋体" lang="ZH-CN"><p align="CENTER"><a href="http://www.cpcw.com">电脑报首页</a> <a href="../index.htm">网络学院首页</a></p> </font></td> </tr></table></BODY></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -