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


Categories: