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)

Cheshire S. (#137007)

King of the Jungle
View Forum Posts


Posted on
2018-05-14 09:28:12
Sorry to start trouble, but how I would add a gif in my territory description?

It's the same as putting an image in, correct?



Hrt Icon 0 players like this post! Like?


Edited on 14/05/18 @ 09:55:22 by Cheshire S. (#137007)

Cheshire S. (#137007)

King of the Jungle
View Forum Posts


Posted on
2018-05-14 09:58:53
Never mind! I got it



Hrt Icon 0 players like this post! Like?

Maverick (#118893)

Phoenix
View Forum Posts


Posted on
2018-05-27 11:34:00
X6i4Sbt.png
Testing



Hrt Icon 0 players like this post! Like?


Edited on 27/05/18 @ 12:00:06 by T’challa(0/10GB) (#118893)

koura. #brockhampton (#117887)

Fearsome
View Forum Posts


Posted on
2018-05-27 11:54:59
t'challa, what link are you using? ;0



Hrt Icon 0 players like this post! Like?

Maverick (#118893)

Phoenix
View Forum Posts


Posted on
2018-05-27 11:55:46
To post the image, I’m using an imgur link



Hrt Icon 0 players like this post! Like?

Cheshire S. (#137007)

King of the Jungle
View Forum Posts


Posted on
2018-05-27 11:57:58
T'challa, try adding in .png at the end of the imgur link.

That should make the image visible.



Hrt Icon 0 players like this post! Like?


Edited on 27/05/18 @ 12:00:48 by Cheshire S. (#137007)

Maverick (#118893)

Phoenix
View Forum Posts


Posted on
2018-05-27 11:58:36
I edited it



Hrt Icon 0 players like this post! Like?

koura. #brockhampton (#117887)

Fearsome
View Forum Posts


Posted on
2018-05-27 12:20:52
did you use the direct image link?



Hrt Icon 0 players like this post! Like?

Maverick (#118893)

Phoenix
View Forum Posts


Posted on
2018-05-27 12:39:38
I think?



Hrt Icon 0 players like this post! Like?

koura. #brockhampton (#117887)

Fearsome
View Forum Posts


Posted on
2018-05-27 13:19:42
can you reply with the image link? i can try to see what the problem is



Hrt Icon 0 players like this post! Like?

Maverick (#118893)

Phoenix
View Forum Posts


Posted on
2018-05-27 13:21:47
https://imgur.com/gallery/X6i4Sbt



Hrt Icon 0 players like this post! Like?

RuRu (#128286)

King of the Jungle
View Forum Posts


Posted on
2018-05-27 13:22:41
to change to image size are you supposed to do for exampled : < img src="URL HERE" height=800 width=800>
or type it in letter form



Hrt Icon 0 players like this post! Like?

koura. #brockhampton (#117887)

Fearsome
View Forum Posts


Posted on
2018-05-27 13:25:10
67WGZEU.png
is this the picture you're trying to show?
btw to get the direct image link, you have to right click and click "open image in new tab". then you copy that link.



Hrt Icon 0 players like this post! Like?

Maverick (#118893)

Phoenix
View Forum Posts


Posted on
2018-05-27 13:26:02
:O



Hrt Icon 0 players like this post! Like?

koura. #brockhampton (#117887)

Fearsome
View Forum Posts


Posted on
2018-05-27 13:30:10
use this: <*img src="https://i.imgur.com/67WGZEU.png" height=700 width= 700*>
erase the asterisks when you use it!



Hrt Icon 0 players like this post! Like?







Memory Used: 628.21 KB - Queries: 2 - Query Time: 0.00072 - Total Time: 0.04763s