文本编辑HTML时table的行列问题。

王逍遥 · 发表于 2006-7-7 02:46:24

看不懂

meihuanggui · 发表于 2006-7-7 02:46:24

爽，看得舒服啊！

我是你的癌 · 发表于 2006-7-7 02:46:24

头晕脑胀

显示全部楼层 · 发表于 2006-7-7 02:46:24

其实做网页也就三个部分 head body 归根结底下来，就是一个排版的工作（知道很多高手要拍砖，但是入门的时候就是这样子的） 网页中间，table和div都是应用的比较广的。 如果手头没有可视化的网页编辑工具，可以了解一下怎么用代码来编辑table。 Table最简单的写法就是 &lt;table&gt; &nbsp; &lt;tr&gt; &nbsp; &nbsp; &lt;td&gt; &nbsp; &nbsp; &lt;/td&gt; &nbsp; &lt;/tr&gt; &lt;/table&gt; tr表示横行行数, td表示竖列列数。 如果要有两行的话就是 &lt;table&gt; &nbsp; &lt;tr&gt;&lt;!--第一行--&gt; &nbsp; &nbsp; &lt;td&gt;&lt;/td&gt; &nbsp; &lt;/tr&gt; &nbsp; &lt;tr&gt;&lt;!--第二行--&gt; &nbsp; &nbsp; &lt;td&gt;&lt;/td&gt; &nbsp; &lt;tr&gt; &lt;/table&gt; 可以看出很每个< >都工整的对应了一个</ >，就像引号一样。有开头也有结尾。而是在HTML中间为了作标记用的，网页中间被引用的部分是不会运行的，也不会被浏览网页的用户在网页中看到。但是用户查询网页代码的时候，还是可以看到的。 如果一行两列的话，就使用<TD></TD>了。 比如 . . &lt;tr&gt; &nbsp; &lt;td&gt;&lt;/td&gt; &nbsp; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; . . 这样子就是一行两列。如果要两行两列的话，也是先解决行，再在对应的行里面加上列数。但是如果如果两行需要不同的列数的话，就要用到colspan了。 &nbsp; &lt;tr&gt; &nbsp; &nbsp; &lt;td colspan=&quot;2&quot;&gt;&amp;nbsp;&lt;/td&gt; &lt;!--本行只有一列,而第二行有两列，所以colspan=2--&gt; &nbsp; &lt;/tr&gt; &nbsp; &lt;tr&gt;&lt;!--本行有两列--&gt; &nbsp; &nbsp; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &nbsp; &nbsp; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &nbsp; &lt;/tr&gt; 如果第二行是三列的话 &nbsp; &lt;tr&gt; &nbsp; &nbsp; &lt;td colspan=&quot;3&quot;&gt;&amp;nbsp;&lt;/td&gt; &nbsp; &lt;/tr&gt; &nbsp; &lt;tr&gt; &nbsp; &nbsp; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &nbsp; &nbsp; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &nbsp; &nbsp; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &nbsp; &lt;/tr&gt; 如果是两列，一列只有一行，而另一列由两行的话，就要使用rowspan &nbsp; &lt;tr&gt;&lt;!--本行两列--&gt; &nbsp; &nbsp; &lt;td rowspan=&quot;2&quot;&gt;&amp;nbsp;&lt;/td&gt;&lt;!--本列占两行--&gt; &nbsp; &nbsp; &lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;!--第一行--&gt; &nbsp; &lt;/tr&gt; &nbsp; &lt;tr&gt; &nbsp; &nbsp; &lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;!--第二行--&gt; &nbsp; &lt;/tr&gt; 可以把代码复制到HTML文件中看一下效果，别忘记了前后要有<table>和</table>。 talbe的话，还有一些属性，比如说 height="100" width="70%" border="0" cellspacing="0" cellpadding="0" height="100%" width="700" class="style1" 高宽边框宽单元格填充和间距还有类 用百分比是按照浏览器的高宽的百分比，数字是表示像素。class=""中的内容是在Style中编辑的风格名字，也可以是连接的CSS文件中的某一个具体的class。如果使用了css的话，就不需要辛苦的每个地方都去定义表格的属性了。 关于什么是css，可以上GOogle搜索，也可以看下次说为什么要用css和怎么让网页调用css。

微信扫一扫分享朋友圈