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




Hrt Icon 11 players like this post! Like?

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

TheEyesOfJay (#409947)


View Forum Posts


Posted on
2024-08-19 16:52:02
Can someone help me with this one?
I’m trying to get this image in a den in the text box AND one the front page of my profile but for some reason I can’t get it to work! I also have the wardrobe code if you need it.

img scr=https://imgur.com/a/oq2QyAa



Hrt Icon 0 players like this post! Like?


Edited on 19/08/24 @ 16:52:20 by TheEyesOfJay (#409947)







Memory Used: 632.38 KB - Queries: 2 - Query Time: 0.00061 - Total Time: 0.00457s