How to Create an Infobox

What are Infoboxes?
Infoboxes are nothing more than a table saved as a template. Infoboxes are usually in the upper right hand corner of an article and for an organization, it might have the leadership, times and places of meetings, etc.

How to create an Infobox
Again an infobox is a table. If you know how to create tables in Wikitext or HTML, it is not difficult. If you do not know Wikitext or HTLM, you will probably need someone who does to help you. If you would like to learn these two programs, see Wikitext or HTML Programming. Neither of these programming languages are difficult.

Step One - Create the table
We are going to assume you know a little Wikitext and HTML in this tutorial. We will begin by creating a simple table. The coding will be displayed in both Wikitext and HTML side by side so can see the difference. It is recommended that you create infobox tables in HTML as there few problems as you will see.

So let us create a infobox for an organization:

As you can see the codes in Wikitext and HTML are lineup side by side so you can see the comparison. Now pay close attention to the table tags. You should notice this coding: class="infobox" in the table tag. This code tells the browser that a infobox is being created and to place it in the upper right hand corner of the article.

As it stands, the HTML coding is ok at this point, but the Wikitext has a problem. Normally the Wikitext as is will work for any table, however, we are going to be installing parameters which require us to replace the |'s in the Wikitext with. The reason is a bit beyond the scope of this article but if you are interested click here The Wikitext looks a bit messy right now, but this coding will save a lot of headaches later. I'll notice that nothing had to be done to the HTML coding. Even though it looks like the Wikitext has less programming, it is a lot trickier to program infoboxes than in HTLM. That's why it is recommended to program infoboxes in HTML rather than Wikitext.