Using HTML On The Forums

[Mikasa]

Use in forums

• Only the OP can be in HTML
• 100% of the post has to be in HTML. You cannot add an HTML table to a non-HTML thread. 
• If available, it will be a checkbox in the "Post Options"

News & Announcements

SOTW

 

 

 

 

The Basics

Paragraph and line formatting

Paragraphs - <p> Paragraph </p>

Line breaks - <br>

 

Commonly used text formatting

Bold text - <b>Text here.</b>
Strong text - <strong>Text here.</strong>
Emphasized text - <em>Text here.</em>
Italic text - <i>Text here.</i>
Small text - <small>Text here.</small>
Subscript and Superscipt text - _Subscript and ^Superscript

Most common character entities

non-breaking space -  
<     less than - <
>     greater than - >
&     ampersand - & 
"     quotation mark - " 
'      apostrophe - ' 

 

 

 

HTML Elements 

Horizontal rule (more commonly known as a divider)

These are set with <hr> (yes, there is no closing tag)

Horizontal rule attributes:

align - left, center, or righ
noshade - noshade
size - pixels
width - pixels%

Example:

 <hr size="15" width="75%" align="center">

Tables

Entire table - <table> </table>
Table row - <tr> </tr>
Header row - <th> </th>
Table cell - <td> </td>

If you do not add border attributes to the table, no border will be added. 

Table attributes: 

bgcolor="#000000"> 
bgcolor="rgb(0,0,0)"> 
bgcolor="black"> 
Border="#"

 

Lists

Unordered lists start with the <ul> tag.

Each list item starts with the <li> tag. 

 

Ordered lists start with the <ol> tag.

Each list item starts with the <li> tag. 

 

For definition lists, you need three HTML elements;

A container <dl>

A definition term <dt>

A definition description <dd>. 

Images

The <img> tag is empty, which means that it contains attributes only and it has no closing tag. To 

display an image on a page, you need to use the src attribute. Src stands for "source".

<img src="url here">

 

 

Resources

Sample Table Borders

<table style="border:1px dashed black;">
<tr>
<th>Table Header</th><th>Table Header</th>
</tr>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
<tr>
<td>Table cell 3</td><td>Table cell 4</td>
</tr>
</table>

<table style="border:3px dashed blue;">
<tr>
<th>Table Header</th><th>Table Header</th>
</tr>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
<tr>
<td>Table cell 3</td><td>Table cell 4</td>
</tr>
</table> 

<table style="border:5px double black;">
<tr>
<th>Table Header</th><th>Table Header</th>
</tr>
<tr>
<td>Table cell 1</td><td>Table cell 2</td>
</tr>
<tr>
<td>Table cell 3</td><td>Table cell 4</td>
</tr>
</table> 

 

 

Credit goes to Master Chief for creating this guide