Posted by -STUCK- HTML Guide

Aslan (Mori) (#2115)

Usual
View Forum Posts


Posted on
2012-12-18 14:15:46
Alright, alright. Some friends of mine have been having trouble with the HTML and I figured why not make a guide? I looked around and didn't find one so, here we be! I'm not sure of all the HTMLs that work here just yet, so I'll be fiddling around and if I find that an HTML does indeed work, then I'll add it to the list. :) Here we go-

To use all of these tags, you'll have to remove the asterix (*) found in the beginning.



Images


Image
Type- Basic
Tags- <*img src=>
How to use- After the equal sign, put in the url of the image.
Example 1- icon_beetlesilver.png
Example 2- bone_rib.png
Other- You do not need an end tag as the > ends the tag itself.

---------------------------

Custom size image
Type- Custom
Tags- <*img src= width= height=>
How to use- After the first equal sign, put in the url of the image. After the equal signs for width and height, enter the width and height you want the image to appear as.
Example 1- icon_beetlesilver.png
Example 2- bone_rib.png
Other- You do not need an end tag as the > ends the tag itself.



Text


Bolded
Type- Basic
Tags- <*b> <*/b>
How to use- Type your text between the start tag (<*b>) and the end tag (<*/b>).
Example- This is bolder than this.
Other- You must use the end tag or else everything after the start tag will be bolded.

---------------------------

Italics
Type- Basic
Tags- <*i> <*/i>
How to use- Type your text between the start tag (<*i>) and the end tag (<*/i>).
Example- This is italicized and this isn't.
Other- You must use the end tag or else everything after the start tag will be italicized.

---------------------------

Underlines
Type- Basic
Tags- <*u> <*/u>
How to use- Type your text between the start tag (<*u>) and the end tag (<*/u>).
Example- This is underlined and this isn't.
Other- You must use the end tag or else everything after the start tag will be underlined.

---------------------------

Strike through
Type- Basic
Tags- <*s> <*/s>
How to use- Type your text between the start tag (<*s>) and the end tag (<*/s>).
Example- This is striked and this isn't.
Other- You must use the end tag or else everything after the start tag will be striked.

---------------------------

Typewriter Text
Type- Basic
Tags- <*tt> <*/tt>
How to use- Type your text between the start tag (<*tt>) and the end tag (<*/tt>).
Example- This is typewriter text and this isn't.
Other- You must use the end tag or else everything after the start tag will be typewriter text.

---------------------------

Large Heading
Type- Basic
Tags- <*h1> <*/h1>
How to use- Type your text between the start tag (<*h1>) and the end tag (<*/h1>).
Example-

This is a Large Heading


Other- Cannot be combined with other Heading HTMLs. You must use the end tag or else everything after the start tag will be a large header.

---------------------------

Normal Heading
Type- Basic
Tags- <*h2> <*/h2>
How to use- Type your text between the start tag (<*h2>) and the end tag (<*/h2>).
Example-

This is a Normal Heading


Other- Cannot be combined with other Heading HTMLs. You must use the end tag or else everything after the start tag will be a normal header.

---------------------------

Small Heading
Type- Basic
Tags- <*h3> <*/h3>
How to use- Type your text between the start tag (<*h3>) and the end tag (<*/h3>).
Example-

This is a Small Heading


Other- Cannot be combined with other Heading HTMLs. You must use the end tag or else everything after the start tag will be a normal header.



Table & List


Table
Type- Custom
Tags- <*table><*tr><*td> <*/td><*/tr><*/table>
How to use- You use the table row tags (<*tr> & <*/tr>) to make new rows and for each column you want, you use the table data tags (<*td> & <*/td>).
Example-
Thisis
atable.
Other- You have to have the table, table row, and then table data. You can't have it table, table data, table row. You can customize however many columns and rows you like.

---------------------------

Bullet List
Type- Basic
Tags- <*ul><*li> <*/li><*/ul>
How to use- For each bullet point you want, you use another set of list tags (<*li> & <*/li>).
Example-
  • This
  • is
  • a
  • bullet
  • list.
Other- Use it however you want.

---------------------------

Numbered List
Type- Basic
Tags- <*ol><*li> <*/li><*/ol>
How to use- For each number you want, use another set of list tags (<*li> & <*/li>).
Example-
  1. This
  2. is
  3. a
  4. numbered
  5. list.
Other- Use it however you want.

---------------------------

Definition List
Type- Custom
Tags- <*dl><*dt> <*/dt><*dd> <*/dd><*/dl>
How to use- For each word you want, use the definition title tags (<*dt> & <*/dt>) and for each definition you want, use the definition data tags (<*dd> & <*/dd>).
Example-
Lion
A large, usually tawny-yellow cat, native to Africa and southern Asia, having a tufted tail and, in the male, a large mane.
Lioness
A female lion.
Other- Notice the difference in the tags. You have your definition list, definition title, the title, end definition title, then you have your definition data. Make sure you put it in properly!




Tag Combinations


You can combine
Images with Links
Text with Links
Text with Text
Images with Tables & Lists
Text with Tables & Lists
Tables & Lists with Tables & Lists
Links with Tables & Lists

You can't combine
Images with Text


WIP




Edited on 18/12/12 by Aslan (#2115)
Edited on 18/12/12 by Aslan (#2115)
Edited on 18/12/12 by Aslan (#2115)
Edited on 18/12/12 by Aslan (#2115)
Edited on 23/12/12 by Aslan (#2115)
Edited on 23/12/12 by Aslan (#2115)
Edited on 23/12/1

Scruffy (#1539)

King Of Hearts
View Forum Posts


Posted on
2012-12-18 14:52:11
There's already one here. (Though I suppose it can't hurt to have one in the I'm Lost board as well).



Edited on 18/12/12 by Scruffy (#1539)

Kalahari (#679)

Interstellar
View Forum Posts


Posted on
2012-12-18 14:57:51
Great guide, though I'd suggest checking over the link Scruffy provided and see if any of the HTML you've suggest hasn't been said there, and perhaps the owner of that thread could edit to include anything that's not there just yet. That way, everything would stay a bit more organized on one thread. ^^


Aslan (Mori) (#2115)

Usual
View Forum Posts


Posted on
2012-12-18 15:04:00
XD Sorry, I guess I didn't look far enough. Thank you Scruffy and Kalahari.


Outlaw (#9260)

Ill-Natured
View Forum Posts


Posted on
2013-06-03 14:49:43
Bookmarking if that okay...


Tiggera {The
200-reds!} (#6604)

Savage
View Forum Posts


Posted on
2013-06-03 18:20:30




Edited on 04/06/13 by Tiggera {Raion} [TCC] (#6604)

United-Minds (#14123)

Good Natured
View Forum Posts


Posted on
2013-10-27 07:40:09
I tried to code for Bullets...and it didn't work...



Edited on 28/10/13 by Fantasia (#14123)

Immortal's [Side] (#17155)

Indifferent
View Forum Posts


Posted on
2013-10-27 07:46:59
Awesome guide! :D


L1nk (#21797)

Good Natured
View Forum Posts


Posted on
2013-12-23 16:11:59
I love this, Thank you for sharing


Lord of Celestial (#89)

Pervert
View Forum Posts


Posted on
2014-01-04 10:15:32
Thanks! I was looking for how to put a image up.

Bookmarked :)


Xx_-AshStar-_xX (#36534)

Deathlord of the Jungle
View Forum Posts


Posted on
2014-09-13 06:44:40
Can You?:
Make A Box?
Show how you change fonts?
Change font text color?

Please?



Edited on 13/09/14 by :.:Heralda:.:~CITF~ (#36534)

Alaina (#98056)

King of the Jungle
View Forum Posts


Posted on
2016-10-10 16:04:03
I could do with a guide on coding my den? (backgrounds and colours/themes and stuff)


Mylo (#104190)

King of the Jungle
View Forum Posts


Posted on
2017-01-20 15:44:26
How do you make the text go in the middle?


Rippleear (#98061)

Evil
View Forum Posts


Posted on
2017-01-21 06:51:52
Ignore me.



Edited on 21/01/17 @ 13:58:55 by Rippleear (#98061)

iiNeonTree (#61518)

Majestic
View Forum Posts


Posted on
2017-04-24 07:50:13
I need to send a file to someone but they cant get it, what can I do, if I use HTML, will it make a difference?


Tiara (#124229)

Deathlord of the Jungle
View Forum Posts


Posted on
2017-09-27 12:48:15
Could you put on how to make those expandable boxes, the scroll-down boxes etc.? I would like to learn how to do those.