Posted by -STUCK- Kay's HTML Guide!

Seb (#3445)

Amazing
View Forum Posts


Posted on
2013-03-16 16:22:14
Lately, a lot of members have been asking for codes on the chat, so I decided to make a guide listing all of the basic codes I know!
Remember: When using codes, remove the space between the angle brackets!

TEXT


To make a header: < h1 >HEADER HERE < /h1 > Do < h2 > FOR A SMALLER HEADER < /h2 >, < h3 >FOR AN EVEN SMALLER HEADER < /h3 >, etc.
To make italic text: < i > TEXT HERE < /i >
To make bold text: < b > TEXT HERE < /b >
To make underlined text: < u > TEXT HERE < /u >
To make colored text: < font color=#HEXCODE > TEXT HERE < /font >
To make BIG and small text: < font size=SIZE HERE > TEXT HERE < /font > [ size is decided by number. 1 for the smallest text, 7 for the biggest, etc. ]
To make a link: < a href="URL HERE" > TEXT HERE< /a >
To make a highlight: < span style="background-color:#HEXCODE" > TEXT HERE < /span >

TABLES


To make a table: < div style="width:100px;height:100px;overflow:auto;border:1px solid; background:#HEXCODE;" > TEXT HERE< /div >
This is what a table looks like!


To make a columned table: < table border="NUMBER HERE" cellpadding="NUMBER HERE" cellspacing="NUMBER HERE" width="NUMBER HERE" >< tr >
< td >Column 1< /td >
< td >Column 2< /td >
< /tr >< /table >
This is what a columned table looks like!



[ all codes posted on this topic work within tables. ]

IMAGES


To make an image: < img src="URL HERE" >
Example: carcass_zebra.png
To make a resized image: < img src="URL HERE" height=HEIGHT NUMBER width=WIDTH NUMBER >
Example: carcass_zebra.png
To link an image: < a href="URL HERE" > < img src="URL HERE" > < /a >
Example: carcass_zebra.png

OTHER


To make a space: < br >

This is what < br > does!
To make a double space: < p >

This is what < p > does!





Hrt Icon 43 players like this post! Like?

Edited on 23/03/13 by Kay (#3445)

✧|Tacatto|✧ Haze
RLC (#25830)


View Forum Posts


Posted on
2023-04-26 13:35:14
You need an Image URL, not image link to a website. Upload the image somewhere then right click(tap and hold on mobile) and click 'open inage in new tab" it should open the inage in a tab with nothing else. The url should now end with .jpeg/.png that is the link you need.



Hrt Icon 0 players like this post! Like?

🐝🌿morristhemem
ebee🌿🐝 (#282052)

Divine
View Forum Posts


Posted on
2023-05-01 16:11:32
< img src="https://i.imgur.com/Qyjg1rg.png" >



Hrt Icon 0 players like this post! Like?


Edited on 01/05/23 @ 16:17:47 by morristhememebee (she/her) (#282052)

☆ Graceful ☆ (#386771)

King of the Jungle
View Forum Posts


Posted on
2023-05-13 14:42:47
I need a bit of help for the table one, I can't figure out how to put it in my forum :(

https://www.lioden.com/topic.php?id=304429507237



Hrt Icon 0 players like this post! Like?

FreeDino9568 (#206615)

Aztec Knight
View Forum Posts


Posted on
2023-05-13 14:46:29
Which table?



Hrt Icon 0 players like this post! Like?

☆ Graceful ☆ (#386771)

King of the Jungle
View Forum Posts


Posted on
2023-05-13 14:47:14
the first one



Hrt Icon 0 players like this post! Like?

FreeDino9568 (#206615)

Aztec Knight
View Forum Posts


Posted on
2023-05-13 14:49:33
Okay :D

TEXT HERE


Code Used to make table is < div style="width:100px;height:100px;overflow:auto;border: 1px solid; background: #ffffff00;" >TEXT HERE< /div > Just remove spaces



Hrt Icon 0 players like this post! Like?


Edited on 13/05/23 @ 14:49:45 by Master FreeDino9568 (#206615)

☆ Graceful ☆ (#386771)

King of the Jungle
View Forum Posts


Posted on
2023-05-13 14:50:38
okay, but how do I make the table bigger? Do i make the height bigger and width?



Hrt Icon 0 players like this post! Like?

☆ Graceful ☆ (#386771)

King of the Jungle
View Forum Posts


Posted on
2023-05-13 14:51:20
< div style="width:100px;height:100px;overflow:auto;border:1pxsolid;background:#ffffff00;">TEXT HERE



Hrt Icon 0 players like this post! Like?

☆ Graceful ☆ (#386771)

King of the Jungle
View Forum Posts


Posted on
2023-05-13 14:52:51
TEXT HERE



Hrt Icon 0 players like this post! Like?

☆ Graceful ☆ (#386771)

King of the Jungle
View Forum Posts


Posted on
2023-05-13 14:53:32
all mine says is no border,

TEXT HERE



Hrt Icon 0 players like this post! Like?

FreeDino9568 (#206615)

Aztec Knight
View Forum Posts


Posted on
2023-05-13 14:56:10
Did you forget some code?



Hrt Icon 0 players like this post! Like?

☆ Graceful ☆ (#386771)

King of the Jungle
View Forum Posts


Posted on
2023-05-13 14:57:34
Did it work?



Hrt Icon 0 players like this post! Like?

☆ Graceful ☆ (#386771)

King of the Jungle
View Forum Posts


Posted on
2023-05-13 14:57:45
oop



Hrt Icon 0 players like this post! Like?

☆ Graceful ☆ (#386771)

King of the Jungle
View Forum Posts


Posted on
2023-05-13 14:57:56
why is it doing that?



Hrt Icon 0 players like this post! Like?


Edited on 13/05/23 @ 14:58:56 by ☆ Graceful ☆ (#386771)

☆ Graceful ☆ (#386771)

King of the Jungle
View Forum Posts


Posted on
2023-05-13 14:58:28
< div style="width:100px;height:100px;overflow:auto;border: 1px solid; background: #ffffff00;" >TEXT HERE< /div >

Did I forget any?



Hrt Icon 0 players like this post! Like?







Memory Used: 628.21 KB - Queries: 2 - Query Time: 0.00080 - Total Time: 0.01403s