How to Create an Infobox: Difference between revisions

m
mNo edit summary
Line 12: Line 12:
<td style="width:50%; border:1px solid blue; text-align:center; font-size:16pt; ">Wikitext</td>
<td style="width:50%; border:1px solid blue; text-align:center; font-size:16pt; ">Wikitext</td>
<td style="width:50%; border:1px solid blue; text-align:center; font-size:16pt; ">HTML</td>
<td style="width:50%; border:1px solid blue; text-align:center; font-size:16pt; ">HTML</td>
</tr>
</table>
{|
|-
|President:
|Name
|-
|Address:
|Address
|-
|Phone:
|Phone Number
|-
|Hours:
|Hours
|}
<table>
<tr>
<td>President:</td><td>Name</td>
</tr>
<tr>
<td>Address:</td><td>Address</td>
</tr>
<tr>
<td>Phone:</td><td>Phone Number</td>
</tr>
</tr>
<tr>
<tr>
<td style="border:1px solid blue; "><nowiki>{| class=infobox....|}</nowiki></td>
<td>Hours:</td><td>Hours</td>
<td style="border:1px solid blue; "><nowiki><table class=infobox>...</table></nowiki></td>
</tr>
</table></td>
</tr>
</tr>
</table>
</table>
Again, if you are familiar with Wikitext or HTML programming, 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.
Again, if you are familiar with Wikitext or HTML programming, 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.
====Step Two - Add Styling to Infobox====
====Step Two - Add Styling to Infobox====