Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki)
82,369
edits
m
→Step One - Create the table
| Line 13: | Line 13: | ||
<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> | </tr> | ||
< | <tr> | ||
<td><nowiki> | |||
{| | {| <br> | ||
|- | |-<br> | ||
|President: | |President:<br> | ||
|Name | |Name<br> | ||
|- | |-<br> | ||
|Address: | |Address:<br> | ||
|Address | |Address<br> | ||
|- | |-<br> | ||
|Phone: | |Phone:<br> | ||
|Phone Number | |Phone Number<br> | ||
|- | |-<br> | ||
|Hours: | |Hours:<br> | ||
|Hours | |Hours<br> | ||
|} | |}</nowiki> | ||
<table> | </td><td> | ||
<tr> | <nowiki><table></nowiki><br> | ||
<td>President:</td><td>Name</td> | <nowiki><tr></nowiki><br> | ||
</ | <nowiki><td></nowiki>President:<nowiki></td></nowiki><br> | ||
<tr> | <nowiki><td></nowiki>Name<nowiki></td></nowiki><br> | ||
<td>Address:</td><td>Address</td> | <nowiki><tr></nowiki><br><br> | ||
</tr> | <nowiki><tr></nowiki><br><br> | ||
<tr> | <nowiki><td></nowiki>Address:<nowiki></td></nowiki><br> | ||
<td>Phone:</td><td>Phone Number</td> | <nowiki><td></nowiki>Address<nowiki></td></nowiki><br> | ||
</tr> | <nowiki></tr></nowiki><br> | ||
<tr> | <nowiki><tr></nowiki><br><br> | ||
<td>Hours:</td><td>Hours</td> | <nowiki><td></nowiki>Phone:<nowiki></td></nowiki><br> | ||
</tr> | <nowiki><td></nowiki>Phone Number<nowiki></td></nowiki><br> | ||
</table></td> | <nowiki></tr></nowiki><br> | ||
<nowiki><tr></nowiki><br><br> | |||
<nowiki><td></nowiki>Hours:<nowiki></td></nowiki><br> | |||
<nowiki><td></nowiki>Hours<nowiki></td></nowiki><br> | |||
<nowiki></tr></nowiki><br> | |||
<nowiki></table></nowiki> | |||
</td> | |||
</tr> | </tr> | ||
</table> | </table> | ||
</td></tr></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==== | ||