LordKaT.com LordKaT.com Forum LordKaT.com Wiki @LordKaT LordKaT on Facebook LordKaT on YouTube LordKaT Mafia Register | Login

1 post / 0 new
Last post
Tarkenfire
Tarkenfire's picture
Offline
Joined: 06/29/2010
Basic HTML

So, since these forums use HTML tags to format data, I decided to go find the old blog post I wrote explaining some HTML for use in the blog and cut the relevant parts out to put here. So, here's the quick reference.


Bold, Italic, Underline, Strike-through

The <b>, <i>, <b>, and <del> tags produce text that are bold, italic, underlined, and crossed-out, respectively.

<b>Bold Text</b>
<i>Italicized Text</i>
<ins>Underlined Text</ins>
<del>Struck-through Text</del>
produces:
Bold Text
Italicized Text
Underlined Text
Struck-through Text


Superscript and Subscript

The <sup> and <sub> tags produce superscript and subscript, respectively.

Text<sub>Subscript</sub>
Text<sup>Superscript</sup>
produces:
TextSubscript
TextSuperscript


Strong and Emphasis

The <strong> and <em> tags produce...bold and italicized text, respectively.

<em>Emphasised text</em>
<strong>Strong text</strong>
produces:
Emphasised text
Strong text


Headers

The <h1-6> tags produce headers that can be used as the markers for different sections. As a note, only use headers for headings and section titles, not to make text bold. Use the aforementioned bold tags to accomplish that.

<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
produces:

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Images

The <img /> tag inserts an image into the document. This tag has 2 required attributes, values that must be provided for the tag to work: src and alt. src is the url of the image, alt is the text to be displayed if the image can not be displayed. At the time of the writing, the layout of lordkat.com is such that overly wide images will stretch the page, and result in the side-bar of the site to obscure much of the post. Keep that in mind.

<img src="http://i101.photobucket.com/albums/m61/Tarkenfire/302b9yc.gif" alt="Yay." />
produces:
Yay.


Objects

Objects can refer to many different things. For the purposes of this site, they will likely refer to some sort of embedded video. The various sites you host videos on (YouTube, Blip) will provide an embed code that will likely work to embed the video into the posts. To explain the tag in more detail would go beyond the scope of this writing.

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/drn_mnxmnks?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/drn_mnxmnks?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
produces:


Lists

The <ul> tag creates an unordered list, while the <ol> tag creates a numbered list. The <li> tag signifies a item on the list.

<ul>
<li>1</li>
<li>2</li>
</ul>

<ol>
<li>1</li>
<li>2</li>
</ol>
produces:

  • 1
  • 2
  1. 1
  2. 2