如何使用表格布局页面

English: CSS policy toggler, HTML attributes only
Image via Wikipedia

Html 本身却没有提供很多更有效的排版方式,而表格是制造网页其中一个非常有用和重要的一种方法。同时表格也是网页中好常见而重要的一种元素。去了解和认识表格,其基本操作,处理,在HTML中插入表格,对于建立网站布局表面有莫大帮助。

 

表格基本操作

把游标移至需要插入表格的位置,单击“插入”面板上的“表格”弹出表格对话框时,可输入表格的行数,烈数,表格宽度,单元格间距,边距,以及边框粗细等设置。

 

选择表格和单元格

你只需单击表格上方,那会弹出下拉式选择项,包括有选择表格,清除所有高度,清除所有宽度,使所有宽度一致,和隐藏表格宽度,只要选择适用选项就行了。

还可以把游标移至单元内,然后按鼠标右键,选择表格弹出,可供不同在单元内的设置。选择表格左上角,会出现方格图示,这时你亦可以选择表格。

若要选择单元格,你大可在状态栏上的标签选择器,单击<td>标记或者直接将鼠标一直单元格中。

有时候需要选择整行,只需把鼠标一直选择行至左边边位,游标会自动变成右箭头,只单击以下便可选择整行。选择整列式,亦是那么简单,把游标一直选择列的上方,游标会自动变成下箭头,你只需要单击以下便能选择整列了。

另外,如要个别选择单元格时,只要按着<ctrl>键,然后点选所需的单元格就行了。

 

设置单元格属性

        单元格属性设定跟页面属性设定类同,有HTML和CSS之分。分别有水平排列方式,垂直排列方式,宽度,高度,不换行,标题,还有背景颜色。同时CSS 也有大致相同的设定,只不过,HTML和CSS之间的差别在于HTML只在该单元格标志中直接写入属性设定,而CSS属性设定会在该单元格应用相关的CSS样式设定。

Advertisements