Skip to content

Test Sheet.

Heading One. 1:

Heading Two. 2:

Heading Three. 3:

Heading Four. 4:

Heading Five, 5:
Heading six: 6:

This is some text to demonstrate the paragraph text abilities of WordPress, nothing should be inferred or considered as a contract between you and me. Between yourself and I: as this is simply a demonstration only, especially trying to get your head round the HTML tags used in tables; that you can insert directly into the Page. Use ‘CSS’ you shout! – Yer, but just try and put that inside a Page, without resorting to using the ADDITIONAL CSS in another screen.

 Working with tables in WordPress. { Demo Below }

 

top colspan 3
r
o
w
s
p
a
n
*
4
Left Top
#ff66ff #ffcccc
Left Bottom
#0099ff #66cccc
bottom colspan * 3


<table border=”2″ width=”40%” cellpadding=”3″ cellspacing=”0″ bgcolor=”#999999″>
<tr>

<!– NOTE: rowspan in the same <tr> — </tr> tag as the rest of the table block –>

<td width=”100%” align=”center” colspan=”3″>
top colspan 3
</td>
</tr>
<tr>

<td width=”10%” align=”center” rowspan=”4″>
r<br>o<br>w<br>s<br>p<br>a<br>n<br>*<br>4<br>
</td>

<td id=”Home1″ align=”center” width=”40%” height=”40″ valign=”top” bgcolor=”#ff66ff” >
Left Top
</td>
<td id=”Home1a” width=”50%” height=”40″ align=”left” valign=”top” bgcolor=”#000000″ >
<pre><font color=”#ff66ff”>#ff66ff</font> <font color=”#ffcccc”>#ffcccc</font></pre>
</td>
</tr>

<tr>
<td id=”Menu1″ width=”50%” height=”40″ align=”center” valign=”top” bgcolor=”#999999″ >
Left 1
</td>
<td id=”Menu1a” width=”50%” height=”40″ align=”left” valign=”top” bgcolor=”#000000″ >
<pre><font color=”#999999″>#999999</font> <font color=”#cccccc”>#ccccccc</font></pre>
</td>
</tr>

<tr>
<td id=”Menu2″ width=”50%” height=”40″ align=”center” valign=”top” bgcolor=”#999999″ >
Left 3
</td>
<td id=”Menu2a” width=”50%” height=”40″ align=”left” valign=”top” bgcolor=”#000000″ >
<pre><font color=”#999999″>#999999</font> <font color=”#cccccc”>#ccccccc</font></pre>
</td>
</tr>

<tr>
<td id=”Clock1″ width=”50%” height=”70″ align=”center” valign=”top” bgcolor=”#0099ff”>
Left Bottom
</td>
<td id=”Clock1a” width=”50%” height=”70″ align=”left” valign=”top” bgcolor=”#000000″ >
<font color=”#0099ff”>#0099ff</font> <font color=”#66cccc”>#66cccc</font>
</td>
</tr>
<tr>
<!– NOTE: colspan in its own <tr> — </tr> tag –>

<td width=”100%” align=”center” colspan=”3″>
bottom colspan * 3
</td>

</tr>
</table>

Note: the ID Tag above has been included to show you how to address that element should you wish to use any [ CSS ] within and inside the Table <TD> Tag.

 

top colspan 3
r
o
w
s
p
a
n
*
4
Left Top #ff66ff #ffcccc
Left Bottom #0099ff #66cccc
bottom colspan * 3


The table above has the <pre> tags removed, and its also been manipulated in the visual editor, check out the source code to see how the style (width) and (height) has been changed.

Thanks for reading, Jessica: Praise be the ORI.

 

Spread the love, and the message.

Be First to Comment

Leave a Reply

Your email address will not be published. Required fields are marked *