If you would like to display text in a table in a Blackboard document like the one displayed below, all you have to do is copy the HTML code below the sample table into your Blackboard document and then replace the words "Item 1," Heading 1," and "data" with your text to produce a similar looking table with a border and a shaded heading row.
| |
HEADING 1 |
HEADING 2 |
HEADING 3 |
| Item 1 |
data displayed as text throughout cell |
data displayed as text throughout cell |
data displayed as text throughout cell |
| Item 2 |
data displayed as text throughout cell |
data displayed as text throughout cell |
data displayed as text throughout cell |
| Item 3 |
data displayed as text throughout cell |
data displayed as text throughout cell |
data displayed as text throughout cell |
| Item 4 |
data displayed as text throughout cell |
data displayed as text throughout cell |
data displayed as text throughout cell |
<table border="2" cellpadding="5" cellspacing="0" bgcolor="#ffffff" width="95%">
|
<style type="text/css">
|
<!--
|
td {font-family:verdana, arial, helvetica; font-size:10pt}
|
th {font-family:verdana, arial, helvetica; font-size:10pt}
|
-->
|
</style>
|
<!- Table 01 Heading Row ->
|
| <tr bgcolor="#f0f0f0"> |
| <th> </th> |
| <th>HEADING 1</th> |
| <th>HEADING 2</th> |
| <th>HEADING 3</th> |
</tr>
|
<!- Table 01 Data Row 01 ->
|
| <tr> |
| <td><b>Item 1</b></td> |
| <td>data</td> |
| <td>data</td> |
| <td>data</td> |
</tr>
|
<!- Table 01 Data Row 02 ->
|
| <tr> |
| <td><b>Item 2</b></td> |
| <td>data</td> |
| <td>data</td> |
| <td>data</td> |
</tr>
|
<!- Table 01 Data Row 03 ->
|
| <tr> |
| <td><b>Item 3</b></td> |
| <td>data</td> |
| <td>data</td> |
| <td>data</td> |
</tr>
|
| </table> |