什么是Colspan(Colspan)？

colspan屬性是一種HTML特性，它使網頁中的表單元格可以擴展到多個列上。HTML是創建網頁的主要方式之一。將結構引入HTML網頁的一種方法是表的概念。表有多行和多列。每個單元格中的信息桌子是垂直和水平排列的。女人經...

colspan屬性是一種HTML特性，它使網頁中的表單元格可以擴展到多個列上。HTML是創建網頁的主要方式之一。將結構引入HTML網頁的一種方法是表的概念。表有多行和多列。每個單元格中的信息桌子是垂直和水平排列的。

女人經常用電腦倒立，當顯示一個HTML表時，人們希望一些信息在多個列上應用或分布。當這樣的信息被限制在一行時，colspan屬性就派上了用場。因此colspan=N，其中N是某個數字，如2、3等，表示單元格擴展或跨越了那么多列考慮一個例子，其中銷售數據顯示為一個包含三個列標題的表：sales region、person heading the region和sales amount，只有銷售總額是有意義的。個人單元格在那一行將是空的。與其顯示一個空單元格，不如將注意力放在總額上。下面的代碼實現了這一點<；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt>；地區&地區<；/th>；lt；th>；銷售主管<；th>；銷售<；/th>；lt；lt；lt；tr>；lt；lt；tr>；lt；td>；東區<；/td>；lt；td>；劉易斯< lt；lt；td>；lt；td>；lt；gt；2100美元和lt；/lt lt> gt；lt；lt；lt lt；lt；lt>及gt；lt；lt；lt；lt；lt；lt；lt；lt；lt；lt；gt；lt；lt；lt；td>；lt；td>；lt；lt；lt；lt；lt；>；麗蓮<；/td>；<；td>；2880美元<；/td>；<；/tr>；<；td>；West<；/td>；<；td>；Larnoe<；/td>；<；td>；<；/td>；<；/tr>；<；tr>；<；td colspan="2">；總銷售額lt；/td>；<；td>；$6880<；/td>；<；/tr>；<；/table>；<；/html>；在本例中，a創建表，并指定三個標題—Region、Sales Head和Sales—后跟三行數據。表中的每個單元格由td屬性表示，表示"table data"。在第四行，短語Total Sales與Total amount一起給出。請注意，短語"Total Sales"是通過其橫跨兩列的單元格來強調的：Region列和Head列；這是通過指定colspan=2來實現的。這個單元格跨越兩列，所以此行只有兩個td屬性，而不像其他行中的三個屬性您可以將此代碼復制到文本文件中，并在瀏覽器中顯示它以查看效果。網頁可能不需要像上面的示例那樣在表格單元格中顯示數據。表格概念對于組織網頁上的信息非常有用，然而。一個網頁通常由一個頂部的標題組成，例如公司名稱和標志，頂部或側面的一個或多個菜單，中間是主要信息，底部是摘要信息，表結構可以在讀者不知情的情況下在下面使用。通常一些信息使用colspan屬性分布在多個列上，這樣可以防止網頁看起來笨重。例如，您可能需要一個包含三個列的個人頁面：家庭、職業和社區。在頁面下方的某個位置用照片打破單調的列是一個不錯的效果，在該頁面中，它會分布在所有列中。下面的代碼使用3的跨度值來實現這一點<；html>；<；table width=900 border="0">；<；tr>；<；td width=300>；家人<；br>；我<；br>；小狗…<；/td>；<；td width=300>；職業生涯<；br>；Acme行政人員…<；/td>；<；td width=300>；社區<；br>；醫院志愿者…<；/td>；<；/tr>；<；tr>；<；td colspan="3"align=center>；<；img src=…>；我的照片<；/td>；<；/tr>；<；tr>；<；td>；家庭詳情…<；/td>；<；td>；繼續工作…<；/td>；<；/tr>；<；/table>；<；/html>；。

發表于 2020-07-30 19:13
閱讀 ( 1306 )
分類：電腦網絡

什么是Colspan(Colspan)？

你可能感興趣的文章

相關問題

0 條評論

作家榜 ?

推薦文章