Part 4 Blog to Web: Tables, Tables and More Tables

So right now I am probably sleeping, very doped up on pain killers or both.  I am sitting here on a Saturday afternoon typing frantically, my blog posts for next week.  I promised several people last Thursday that I would create some HTML codes for tables here are those codes.

 I love tables in my blog or website and I am not going to lie I cheat – I use Dreamweaver to create my Tables.  I am also aware not everyone has Dreamweaver, so the following HTML codes are for different types of tables.  The Table will be first and then the code will follow.

Table with no spacing or lines (that is why there is stuff in it):

test test test
1 2 3
4 5 6

HTML Code:

<body><table width=”725″ border=”0″ cellspacing=”0″ cellpadding=”0″>
  <tr>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
  </tr>
  <tr>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
  </tr>
  <tr>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
  </tr>
</table>

The Next Table:  Please not this table is only 425 in width – the HTML code is for 725 width.  To change your code to your desired size change the width.  The cell spacing and cell padding can be changed also.

HTML Code:
<table width=”725″ border=”2″ cellspacing=”3″ cellpadding=”3″>
  <tr>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
  </tr>
  <tr>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
  </tr>
  <tr>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
    <td>YOUR INFO HERE</td>
  </tr>
</table>

To insert the code into your blog post go to Dashboard –> New Post –> Edit HTML –> Insert Code –> Modify to Suit Your Needs –> Publish Post

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s