HTML for Dummies
Contents:
I. Basic allowed Tags
II. Items that allow tag useage
I. Basic Tags
II. Items that allow tag useage
IIa. HTML: Format
IIb. HTML: Image
IIc. HTML: Links
IId. HTML: Embed
IIe. HTML: Size
IIf. HTML: Sup
IIg. HTML: Tables
IIh. HTML: Color
IIi. HTML: Buttons
I. Basic allowed Tags
II. Items that allow tag useage
I. Basic Tags
- Bold tags: I'm sure you all know how to use this. Also note that the strong tag can also be used instead of the normal bold tag.
- Italics tags: Again, simple. As with the bold tag you can use em tag instead of the normal italics tag.
- Underline tag: Again self explanitory.
- Quote tag: You'll never really need to use this. The quote page is much better to use.
- Spoiler tag: Simple enough. ALWAYS use this to hide spoilers.
II. Items that allow tag useage
IIa. HTML: Format
- Code tag: Nothing much of interest, also self explanitory. Useful if you don't want (most) HTML tags parsed in your post.
- Blockquote tag: Not much to explain to be honest. Dunno why you'd use it either.
- Q tag: Simple to use.
Like so.
Nice if you're quoting something and it's also better to use than the quote tag for that purpose. - P tag: Formats your text into a paragraph. Also ignores multiple spaces (more than one in sucession) and line breaks too.
- Pre tag: As it's name suggests it preformats your text and keeps any line breaks and spaces.
- HR tag: Short for horizontal rule. Nothing much of interest really.
- UL tag: Starts off text as a list, useful when combined with the li tag. An example of this tag in action is this very page!
- LI tag: Useful when combined with the ul tag. See how all the text is in a bulleted list? This is an example of how this tag works.
- OL tag: Kinda like the ul and li tags. Short for ordered list, combined with the li tag it outputs the list with numbers instead.
- DT tag: Use this along with the dd and dl tag. First you use dl to start, then dd for your word then dt as your definition term.
- DD tag: See above.
- DL tag: See the dt tag.
- Strikethrough tag: Do I really need to explain?
IIb. HTML: Image
- Pic tag: Used for posting images. Take note that the pic tag is NOT an actual HTML tag. img src is the
ACTUAL
tag used for posting images
IIc. HTML: Links
- Link tag: Used to post links like so:
Url goes here(Text describing the link)As with the "pic" tag link is not an actual HTML tag, a href is.
IId. HTML: Embed
- Embed tag: Used to embed things like .mp3's, .wav's etc. Now unlike the links and pic tag THIS is an actual tag but it's "true" tag is embed src.
IIe. HTML: Size
- Big tag: Makes text bigger! Weeeeee.
- Small tag: Makes text smaller!
IIf. HTML: Sup
- Sup tag: Short for superscript. Makes text smaller and higher up than normal text.
- Sub tag: Short for subscript. Much like the sup tag but instead of higher, it's lower than normal text.
IIg. HTML: Tables
- Here. I hate tables Note that you can only use table, tr, td, th, tbody, and thead.
IIh. HTML: Color
IIi. HTML: Buttons
- Button tag: Dunno why I let people use this. Anyway use it like to so: <button>'Button popup text here'(Button name here)</button>