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 32 players like this post! Like?

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

Coffee Cup ☕ (#133288)

Majestic
View Forum Posts


Posted on
2017-12-22 18:30:29
What exactly didn't work, @Dreamer? I'm sure someone can help you if you tell us what you were trying to do and how.



Hrt Icon 0 players like this post! Like?

Loomf :) (#129906)

Divine
View Forum Posts


Posted on
2017-12-22 18:35:39
I was trying to add a link and a picture and when it said add URL here I did and when I pushed save it didn't work. same for the picture



Hrt Icon 0 players like this post! Like?

Coffee Cup ☕ (#133288)

Majestic
View Forum Posts


Posted on
2017-12-22 18:41:38
Did you remove the spaces, if you copied the codes from the first post of this topic? Was the URL valid? It should start with http:// (and end with an image extension in case of images, like .jpg or .png). And if you tried the same code here and pushed "Preview", would it work then? Because I just noticed some changes on my den page wouldn't show up after I press "save" and they disappear from the description but refreshing the page helped :0 Here's how it should work:

Example:
a48045419e.png

Outcome:
link text
1502.png



Hrt Icon 0 players like this post! Like?


Edited on 22/12/17 @ 18:46:00 by Coffee Cup ☕ (#133288)

Loomf :) (#129906)

Divine
View Forum Posts


Posted on
2017-12-22 18:51:36
ill try that. thank you



Hrt Icon 0 players like this post! Like?

⚡️Bear⚡️ (#97728)

Lone Wanderer
View Forum Posts


Posted on
2017-12-26 16:41:28

Testing




Hrt Icon 0 players like this post! Like?


Edited on 26/12/17 @ 16:51:30 by 🐻Bear🐻 (#97728)

Mediocre Queen (#128874)

King of the Jungle
View Forum Posts


Posted on
2017-12-27 17:52:55
Hello, I tried to resize a photo of my lion. (Saved on google photos) but I get an empty box. Any suggestions?

This is what I used:
<_img src="https://photos.google.com/search/_tra_/photo/AF1QipO5XeAWpHoW4B7Izbk8huuRshkSUEJuY23FQ_3r" height=200 width=250_>



Hrt Icon 0 players like this post! Like?


Edited on 27/12/17 @ 17:54:10 by ItQueen (#128874)

{Leaving} (#43698)


View Forum Posts


Posted on
2017-12-28 13:42:06



Whoops havent checked this in a while! Thanks for helping.

ItQueen, save the photo and upload to a site like imgur then it should work




Hrt Icon 0 players like this post! Like?

Mediocre Queen (#128874)

King of the Jungle
View Forum Posts


Posted on
2017-12-28 13:45:10
Thanks!



Hrt Icon 0 players like this post! Like?

daffydil ⋆ (#122151)

Pervert
View Forum Posts


Posted on
2018-01-06 18:58:10
Does anyone know how to make an image clickable? Like, put a link so that when you click the image it sends you there?



Hrt Icon 0 players like this post! Like?

For never, forever (#61889)

Notable Lion
View Forum Posts


Posted on
2018-01-06 19:03:42
@malinoi, It's exatly that same as linking texts, it's like this

<*a href="Link Here"><*Img Src="Image link">

Just add the links and delete the asters, hope that helps!



Hrt Icon 0 players like this post! Like?


Edited on 06/01/18 @ 19:04:58 by For never, forever (#61889)

{Leaving} (#43698)


View Forum Posts


Posted on
2018-01-07 10:57:10



Yes that bit is under Images




Hrt Icon 0 players like this post! Like?

Anamani (#77716)

Resurgent
View Forum Posts


Posted on
2018-01-07 12:23:40
Is it possible to size,font,and align a text?



Hrt Icon 0 players like this post! Like?

Snakies (#84842)

Nice Guy
View Forum Posts


Posted on
2018-01-21 18:09:29
marking! this is very nice



Hrt Icon 0 players like this post! Like?

L.e.x || G1 14/15
wine [M] ♡ (#129733)

Heavenly
View Forum Posts


Posted on
2018-02-06 10:25:26
TESTS

Link



Hrt Icon 0 players like this post! Like?


Edited on 06/02/18 @ 10:28:22 by Alpha Lex [Main] Stamp Me Pls (#129733)

AstroRey (#125443)

Bone Collector
View Forum Posts


Posted on
2018-02-28 10:32:56
I need help D:
I want to post an image of a wardrobe lion.. Like.. Show how the cub would look when it grows up, along with the actual link to the cub. How can I do that?



Hrt Icon 0 players like this post! Like?







Memory Used: 631.32 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00578s