How to Create an Infobox: Difference between revisions

m
Line 8: Line 8:
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.
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.


We will be creating an infobox as shown above.  So let us create a infobox for an organization:
 
We will be creating an infobox as shown above.  Wikitext and HTML will be displayed side by side so you can see the difference between them.  So let us create a infobox for an organization:
<table style="border:1px solid blue; ">
<table style="border:1px solid blue; ">
<tr>
<tr>
Line 65: Line 66:
</table>
</table>


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: <em>class="infobox"</em> 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.
Now pay close attention to the table tags.  You should notice this coding: <em>class="infobox"</em> 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 <em>parameters</em> which require us to replace the |'s in the Wikitext with <nowiki>{{{!}}}</nowiki>.  The reason is a bit beyond the scope of this article but if you are interested [[Template:!|click here]]
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 <em>parameters</em> which require us to replace the |'s in the Wikitext with <nowiki>{{{!}}}</nowiki>.  The reason is a bit beyond the scope of this article but if you are interested [[Template:!|click here]]
Interface administrators, smwadministrator, smwcurator, smweditor
82,369

edits