![跨媒体信息传播原理与技术](https://wfqqreader-1252317822.image.myqcloud.com/cover/834/25505834/b_25505834.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
第三节 表格
表格是网页排版中常见的一种版式。我们按照图2-30、图2-31做一个三行三列的表格,宽度200、边框粗细1,并在每一项里填上内容。
![](https://epubservercos.yuewen.com/90772C/13967296805862606/epubprivate/OEBPS/Images/Figure-0036-0001.jpg?sign=1738906846-65CzZvM8AKiRnBzrELsGyFw4yspRQaRJ-0-42553ca4100d4a22340fdd86a145cc5e)
图2-30 表格插入菜单
![](https://epubservercos.yuewen.com/90772C/13967296805862606/epubprivate/OEBPS/Images/Figure-0036-0002.jpg?sign=1738906846-APCXZcl9V7fljQuTrAlrDYHE1wdYUgAu-0-92640ace13218a9aefb0a58d1e57c1d2)
图2-31 表格交互设计窗口
![](https://epubservercos.yuewen.com/90772C/13967296805862606/epubprivate/OEBPS/Images/Figure-0036-0003.jpg?sign=1738906846-8ltibtrmbk2tYecaiYwBV3UoJvmmmbEw-0-4ee828e5545ca9a005e45db35eb1f8ff)
图2-32 表格显示结果
![](https://epubservercos.yuewen.com/90772C/13967296805862606/epubprivate/OEBPS/Images/Figure-0036-0004.jpg?sign=1738906846-PQEAxnKvvvAIuPc5gWuImlKVRex6m4LH-0-5242f2f7eb341aec9ccc53c1b7924110)
图2-33 表格的HTML代码
对比“设计”视图和“代码”视图我们可以看出:
<table>……</table>是表格的开始和结束标签。
<tr>……</tr>代表一个表格行。
<td>……</td>代表一个表格项,这个表格一行由三个表格项组成。在<td>、</td>当中是每个表格项的项内容。
<table width="200" border="1"> table标签中给了两个属性,一个是表格的宽度,另一个是线宽。表格的这些属性也可以用CSS样式来定义。