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)

Mparker (#66897)

Warrior
View Forum Posts


Posted on
2020-08-04 08:24:44
I can’t get clickable image to work!



Hrt Icon 0 players like this post! Like?


Edited on 04/08/20 @ 08:39:20 by Mparker (#66897)

Mparker (#66897)

Warrior
View Forum Posts


Posted on
2020-08-04 08:33:12
Is this right?

< img src="https://imgur.com/gallery/DFdc75r.png” >

(Link worked but no image)



Hrt Icon 0 players like this post! Like?


Edited on 05/08/20 @ 11:59:11 by Mparker (#66897)

Birb (#172023)

Total Chad
View Forum Posts


Posted on
2020-08-05 11:57:24
You need to remove the spaces from < a and < /a >



Hrt Icon 0 players like this post! Like?

Birb (#172023)

Total Chad
View Forum Posts


Posted on
2020-08-05 11:57:47
Basically, just delete all spaces between < and >



Hrt Icon 0 players like this post! Like?

Lexie (The Mutie
Dumpster) (#206054)

Heavenly
View Forum Posts


Posted on
2020-08-22 11:56:20
So, if scroll boxes no longer work, how do I implement them?



Hrt Icon 0 players like this post! Like?

♥ Cherry
Blossom ♥ |
Writer! (#221807)

Bone Collector
View Forum Posts


Posted on
2020-11-25 21:11:29
what would the code template be for gifs/animated images



Hrt Icon 0 players like this post! Like?

Tiroloca (#118967)

King of the Jungle
View Forum Posts


Posted on
2021-01-05 01:47:57
Anyone knows how I found the url of my lion picture and thx in advance



Hrt Icon 0 players like this post! Like?

Kaiser (#70765)

Ruthless
View Forum Posts


Posted on
2021-01-05 20:00:45
@Tiroloca (#118967) - You gotta take a screencap of it and upload it yourself to an image hosting web like imgur and get the link from there. That is what I do. Although I've seen you can create a link for the load on The Lion Wardrobe so you can try loading your lion in there and copy the link, but I'm not sure that would work as a direct url outside this site.



Hrt Icon 0 players like this post! Like?

skylosaur (#214131)

Recognizable
View Forum Posts


Posted on
2021-01-08 13:52:03
im trying to make a lion sale page but i cant seem to get the link coding to work could someone help?

edit: nevermind i figured it out



Hrt Icon 0 players like this post! Like?


Edited on 09/01/21 @ 14:20:44 by skylosaur (#214131)

💜Artemis💜 (#230829)

Necromancer
View Forum Posts


Posted on
2021-04-15 09:04:07
Can I see it after I use it?



Hrt Icon 0 players like this post! Like?

MatchBoxCars (#243004)

Holy
View Forum Posts


Posted on
2021-11-18 12:47:51
how do i align text without all that extra stuff



Hrt Icon 0 players like this post! Like?

MatchBoxCars (#243004)

Holy
View Forum Posts


Posted on
2021-11-18 12:48:15
nvm



Hrt Icon 0 players like this post! Like?

KingNikk (#90004)

Nice Guy
View Forum Posts


Posted on
2022-01-20 10:24:08
< a href="https://www.lioden.com/lion.php?id=794157120079">Test link< /a >



Hrt Icon 0 players like this post! Like?

Mightypaw [G1 Zombie
Ferus] (#243732)

Maneater
View Forum Posts


Posted on
2022-01-22 18:22:34
Thanks for the codes!!



Hrt Icon 0 players like this post! Like?

Diamante (#243306)


View Forum Posts


Posted on
2022-01-30 10:04:45
Testing this!

a99fx3j


Okay, so the image is broken on my side, but can anyone else see it? The link works at least



Hrt Icon 0 players like this post! Like?


Edited on 30/01/22 @ 10:05:26 by Diamante (#243306)







Memory Used: 634.03 KB - Queries: 2 - Query Time: 0.00070 - Total Time: 0.00693s