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 8 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

lyghts | pon lover
(he/hymn) (#132345)


View Forum Posts


Posted on
2018-02-10 12:24:46
How do I change my background on my page/



Hrt Icon 0 players like this post! Like?

🪐|Saturn|🪐G3To
rn (#117150)


View Forum Posts


Posted on
2018-03-25 05:07:01
im still very confused 😂



Hrt Icon 0 players like this post! Like?

lyghts | pon lover
(he/hymn) (#132345)


View Forum Posts


Posted on
2018-03-27 08:27:21
AGAIN. HOW DO I CHANGE MY BACKGROUND ON MY DEN???



Hrt Icon 0 players like this post! Like?

Rykeyed (#143547)

Usual
View Forum Posts


Posted on
2018-09-10 02:18:26
@Serpent of Wisdom

To do so you'd locate the background code. This is usually at the top of the code, but every coder works differently.
It'll look like this:
background:url('URL-HERE.jpg');
All you have to do is remove whatever URL is there and replace it with the URL of the image you are using.
I don't know about IRLs in other browsers, but in Chrome, right-click the image and click "copy image address"
copy paste it in place of the other background. Save the code and put it in place of the old code. The background should be changed.
Note: Some background may be too small for your page, and thus may be stretched or expanded to fit the page (depending on the code). If this happens you may have to edit the image or even get a new one.

I hope this helped!



Hrt Icon 0 players like this post! Like?

Wink (Side) (#136129)


View Forum Posts


Posted on
2018-09-12 07:45:32
MARKED



Hrt Icon 0 players like this post! Like?

Jinx (#116059)

Bone Collector
View Forum Posts


Posted on
2019-03-10 14:49:15
help it didnt work D:



Hrt Icon 0 players like this post! Like?

Catalina (The Rat
Queen) (#179820)

Heavenly
View Forum Posts


Posted on
2020-12-01 08:36:01
How do you add a spoiler?



Hrt Icon 0 players like this post! Like?

Bellbottoms
🤠🩵🐮 (Side) (#226999)


View Forum Posts


Posted on
2021-03-01 15:07:40
Quick Question
How do i make text into links?



Hrt Icon 0 players like this post! Like?

Bellbottoms
🤠🩵🐮 (Side) (#226999)


View Forum Posts


Posted on
2021-03-18 08:11:01
Is there a way to make your text centered



Hrt Icon 0 players like this post! Like?

Midnight (#226751)

King of the Jungle
View Forum Posts


Posted on
2021-03-22 23:06:08

Very helpful




Hrt Icon 0 players like this post! Like?

Kovhund (#232651)

Harbinger
View Forum Posts


Posted on
2021-04-20 16:48:26
I don't know if this was answered but what is the tag for posting links?



Hrt Icon 0 players like this post! Like?

reverie | 14/15 NRLC (#188713)


View Forum Posts


Posted on
2021-04-20 16:52:42
For Links:

<*a href="Paste Your Link Here"> Put whatever you want the link to say here. <*/a>

Make sure to delete the asterisks(*).
Hope this helps!



Hrt Icon 0 players like this post! Like?


Edited on 20/04/21 @ 16:53:41 by Reverie | G1 3xRos Glass (#188713)

Hottest Crow Momma (#225492)


View Forum Posts


Posted on
2021-07-24 17:18:09
img src= 2R3YXJmaXNtOGZoa2FiZDU2M2siLCJpIjoiIiwidSI6IiJ9




Hrt Icon 0 players like this post! Like?


Edited on 24/07/21 @ 17:28:15 by 🌵Cacti Alexa 🌵 (#225492)

Hottest Crow Momma (#225492)


View Forum Posts


Posted on
2021-07-24 17:29:16
a href=“https://www.lioden.com/wardrobe.php?c=QOPvqD7pUb”



Hrt Icon 0 players like this post! Like?


Edited on 24/07/21 @ 17:30:26 by 🌵Cacti Alexa 🌵 (#225492)

EmilyWhoSmiles
(ChatSister) (#238777)

Confused
View Forum Posts


Posted on
2022-02-20 18:38:34
D96145-C9-8-FAD-4-DE2-9-AA2-9-B31-ADB5-C535.png

*test*



Hrt Icon 0 players like this post! Like?







Memory Used: 629.43 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00395s