Posted by HTML GUIDE :: Basics, Images and Tables

{Leaving} (#43698)


View Forum Posts


Posted on
2015-06-16 07:04:48



Hello! This is a HTML Guide I made from other HTML Guides, I couldn't find one with all the info on so I created my own. I do no know a lot about HTML but I know the basics.

Feel free to ask for help on this thread and me or someone else will help

Before we begin, this is really important or the HTML will not work, remove all the spaces! If you don't do this the code will not work



qNfBj4T.png



○○○ Making your text Bold ○○○

< b > TEXT HERE < /b >

line2.png

○○○ Making your text italics ○○○

< i >TEXT HERE< /i >

line2.png

○○○ Making your text underlined ○○○

< u >TEXT HERE< /u >

line2.png

○○○ Making your text striked ○○○

< s >TEXT HERE< /s >

line2.png

○○○ Making your text highlighted ○○○

< span style="background-color:#HEXCODE" > TEXT HERE < /span >

line2.png

○○○ Making your text colored ○○○

< font color=#HEXCODE >TEXT HERE< /font >

line2.png

○○○ Making your text a link ○○○

< a href="URL HERE" >TEXT HERE< /a >

line2.png

○○○ Making your text a different size ○○○

< font size=1-7 >TEXT HERE< /font >

line2.png

○○○ Making a header ○○○

Biggest: < h1 >TEXT HERE< /h1 >
Medium: < h2 >TEXT HERE< /h2 >
Smallest: < h3 >TEXT HERE< /h3 >

line2.png

○○○ Making a block-quote ○○○

< blockquote >TEXT HERE< /blockquote >

line2.png

○○○ Making your text a font ○○○

< p style="font-family:FONT HERE;" >TEXT HERE< /p >

line2.png

○○○ Aligning your text ○○○

< p style="text-align:cener/right/left;" >TEXT HERE< /p >

line2.png

○○○ Color, Align and Font your text! ○○○

< p style="font-family:FONT HERE;color:#HEXCODE;text-align:center;">TEXT HERE< /p>



STVHa0P.png



○○○ Normal Image ○○○

< img src="URL HERE" >

icon-time-night.png


line2.png

○○○ Changing the image size ○○○

< img src="URL HERE" height=HEIGHT NUMBER width=WIDTH NUMBER >

icon-time-night.png


line2.png

○○○ Making the image clickable ○○○

< a href="URL LINK HERE" > < img src="IMAGE URL HERE" > < /a >

icon-time-night.png

line2.png

○○○ Making the image clickable + re-size ○○○

< a href="LINK URL" > < img src="IMAGE URL" height=NUMBER width=NUMBER > < /a >

line2.png

○○○ Making an image 'float' ○○○

< img src="URL HERE" style="float:ALIGN;width:HEREpx;height:HEREpx;" >

line2.png

○○○ Making space(s) between the images/text/etc ○○○

< br >
will make a space

< p >
will make a double space



lScjWm3.png



Tables have changed on LD from the 08-11, here is the news post about it, right near the bottom is all you need to know. Scroll boxes no longer work and have to be implemented in CSS.

line2.png

○○○ This thread table ○○○

< table style="background:#HEXCODE;width:630px;height:70px;border:1px solid;">< tr >< td >TEXT HERE< /td >< /tr >< /table >

Can also be used for dens (example with mine)

line2.png

○○○ Stuff for tables ○○○

Font - ;font-family:HERE;
Color - ;color:#HEXCODE;
Background color - ;background-color:#HEXCODE;
Width & Depth - ;width:HEREpx; | ;height:#HEREpx;
Alignment - ;text-align:center/right/left;





○ Google is amazing, use it! Google stuff and teach yourself HTML
This is my favorite website to find a color
This is my favorite website to find color groups
This thread is amazing for HTML Tables
This is an amazing website, it's basically everything HTML if you want to know more
○ If anyone has anymore HTML I can add let me know through PM or post on here, as well as help others that may post for help if you can
○ Remember: REMOVE the spaces!

Thank you if you use and bookmark






Hrt Icon 43 players like this post! Like?

Edited on 27/09/17 @ 09:20:35 by 🌅 Nocturnal (Sunset) (#43698)

Burning Star (#444844)

Bone Collector
View Forum Posts


Posted on
2023-09-20 22:31:49
For some reason I can't do it. < b > I want to write something in the biography of the lioness, but I can’t < /b >



Hrt Icon 0 players like this post! Like?

Σvil ᗩngel
G1 Stellar Neb (#346592)

Special Snowflake
View Forum Posts


Posted on
2023-09-21 05:14:57
Delete the spaces



Hrt Icon 0 players like this post! Like?

Burning Star (#444844)

Bone Collector
View Forum Posts


Posted on
2023-09-21 05:25:38
I want to write something in the biography of the lioness, but I can’t



Hrt Icon 0 players like this post! Like?

Burning Star (#444844)

Bone Collector
View Forum Posts


Posted on
2023-09-21 05:25:56
Вийшло! Дякую!



Hrt Icon 0 players like this post! Like?

♡꧁ 𝑇ℎ𝑒
𝐷𝑒𝑎𝑙𝑒
𝑟 ꧂♡ (#417178)


View Forum Posts


Posted on
2023-10-07 03:21:37

HII



ty for the tutorial !!!






Hrt Icon 0 players like this post! Like?


Edited on 07/10/23 @ 03:28:25 by The special lioness hoarder (#417178)

✨🌑Nyx🌑✨ (#278456)

Lone Wanderer
View Forum Posts


Posted on
2023-10-17 09:00:32
Wait so how do you get the image link or wtv it’s called?? Like if I use wardrobe and I want that image?



Hrt Icon 0 players like this post! Like?

Chizi (#445114)

Deathlord of the Jungle
View Forum Posts


Posted on
2023-10-21 08:47:34



Hrt Icon 0 players like this post! Like?


Edited on 23/10/23 @ 07:42:22 by Chizi (#445114)

Ari (#451686)

Usual
View Forum Posts


Posted on
2023-10-22 13:46:21
Saving



Hrt Icon 0 players like this post! Like?

Sorin {G2 5k Ferus
5x ros) (#359327)

Confused
View Forum Posts


Posted on
2023-11-26 13:30:41
testing

< img src="https://www.lioden.com/lion.php?id=794206776629">

< img src="" >https://imgur.com/gallery/mdlXO1N

not showing the images but it's better than nothing ig



Hrt Icon 0 players like this post! Like?


Edited on 26/11/23 @ 13:52:00 by Sorin {bandit rlc|g3 ferus} (#359327)

Σvil ᗩngel
G1 Stellar Neb (#346592)

Special Snowflake
View Forum Posts


Posted on
2023-11-26 13:33:31
Try removing spaces



Hrt Icon 0 players like this post! Like?

Sorin {G2 5k Ferus
5x ros) (#359327)

Confused
View Forum Posts


Posted on
2023-11-26 13:39:13
there are no more spaces for me to remove when I click edit, the above link thing I removed all spaces and now it became a boring texts and still somehow showing that there is a space between the '<' and 'img' but when I want to edit that away it suddenly has no space between it



Hrt Icon 0 players like this post! Like?

Σvil ᗩngel
G1 Stellar Neb (#346592)

Special Snowflake
View Forum Posts


Posted on
2023-11-26 13:50:04
May have to use the image size one I've had trouble with the normal image one, I assume the image may be to big?



Hrt Icon 0 players like this post! Like?

Σvil ᗩngel
G1 Stellar Neb (#346592)

Special Snowflake
View Forum Posts


Posted on
2023-11-26 13:51:15
Also the one is not an image, it a lions page



Hrt Icon 0 players like this post! Like?


Edited on 26/11/23 @ 13:52:39 by Σvil ᗩngel G3 Prism Felis (#346592)

Σvil ᗩngel
G1 Stellar Neb (#346592)

Special Snowflake
View Forum Posts


Posted on
2023-11-26 13:53:42
< img src="https://imgur.com/gallery/mdlXO1N" > just remove the spaces



Hrt Icon 0 players like this post! Like?

Sorin {G2 5k Ferus
5x ros) (#359327)

Confused
View Forum Posts


Posted on
2023-11-26 13:57:00
I to changed the imagine one, same result (I wasnt sure which link to put where so I tried both)

testing again, but now with the size adjusted






edit: tried your link, it became invisable/just a huge space of white (as shown below this)




Hrt Icon 0 players like this post! Like?


Edited on 26/11/23 @ 13:58:58 by Sorin {bandit rlc|g3 ferus} (#359327)







Memory Used: 634.55 KB - Queries: 2 - Query Time: 0.00080 - Total Time: 0.00868s