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.

 

Click to access the login or register cheese

This is a local popup, .. it’s been placed here to advertise the fact that you can have your own **free** local WordPress environment, and at the click of a button.

I’m putting my own reputation on the line to push this local program, and what I can say on the subject: is quite frankly it’s brilliant. The program itself will provide you with a very simple WP environment to go local: simple but powerful.

Setting it up and running it is a breeze, but like everything else software wise out there, you do need to read the docs: just a little bit to get it running.

Did I mention that it’s free!

Download and install it here.

Try it, you won’t be disappointed.