How to Create and Insert Table in Wordpress Using HTML Code

There are many times when we need to present data or information in table format but finds it rather troublesome, especially when you’re using Wordpress, where inserting table is not in the Visual Editor feature. Some of you might resort to creating a table and inserting it as JPEG photos. The problem is that Google is unable to “crawl” on those keywords inside any image format, thus rendering them unsearchable. To solve this, here’s a great yet simple tips on how to create tables in Wordpress using HTML code, instead of installing any Wordpress table plug-in.

How to Create a Table in Wordpress

Select the HTML tab instead of Visual, as your editor platform. Then, type in the following codes to define your table Border and Title.

table border and title

Then, by using HTML codes below, define the number of columns in your table. This example will create 5 columns from A to E. If you need extra columns, just copy and paste these codes and continue thereon.

table column

Next, enter your data under those columns in a row by row basis, starting from Row 1, by using the following codes. This example will enter data A1, B1, C1, etc. under the first row.

table row1

Continue with your data entry into Row 2 and Row 3. Any additional row required can be easily added by copy and paste the entire ‘row’ codes. Note, if you leave any table cell empty, you must enter “ ” in order to maintain the cell’s border – as shown in example cell C2.

table row

That’s it! Your table is complete and information or data inserted inside this table will be search-friendly. Try it out and see how simple it is.

YOUR TABLE TITLE

TESTING COLUMN A COLUMN B COLUMN C COLUMN D COLUMN E
ROW 1 A1 B1 C1 D1 E1
ROW 2 A2 B2   D2 E2
ROW 3 A3 B3 C3 D3 E3


2 Responses to “How to Create and Insert Table in Wordpress Using HTML Code”

  1. Jeremy Smith
    July 29th, 2009 23:49
    2

    To get a table without a border you should just be able to remove the border=”1″ from the html code.

    Try checking out the W3Schools site. They have a lot of useful tutorials such as this one on tables.

  2. Chika
    July 28th, 2009 15:28
    1

    How about table with no border, how to make it?

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe to comments feature has been disabled. To receive notification of latest comments posted, subscribe to Tip and Trick Comments RSS feed or register to receive new comments in daily email digest.
Custom Search

Incoming Search Terms for the Article

tables in wordpress - INSERT table wordpress - wordpress tables - how to insert table in wordpress - insert a table in wordpress - wordpress insert table - insert table in wordpress - wordpress table - wordpress table border - table - table in wordpress - tables wordpress - wordpress table code - how to insert tables in wordpress - wordpress insert tables - how to create tables in wordpress - how to make tables in html - how to make tables in wordpress - wordpress html table - wordpress table insert - wordpress insert html - how to create a table - wordpress code table - create table in wordpress - inserting table wordpress - tables inside wordpress - html code for tables - how to create a table in wordpress - wordpress create a table - how to insert a table in a Word Press Page - create tables in wordpress - how to insert a table in wordpress - how do i create html table in wordpress? - insert tables in wordpress - wordpress table editor - entering table codes - create table wordpress - how to create table in wordpress - tables in wordpress editor - insert able html - wordpress inserting tables - free wordpress code for tables - Insert Code For HTML Table - create tables wordpress - how to insert a table in a html file? - wordpress - wordpress tables - html table align wordpress - making rows in a table in html - wordpress insert custom table -