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)

Nefarious (#235768)


View Forum Posts


Posted on
2022-05-20 17:53:04
@mrs_goldfinch (#276334) You just have to type it in and it will automatically convert after you click enter (if done correctly)



Hrt Icon 0 players like this post! Like?


Edited on 20/05/22 @ 18:52:59 by Nefarious (#235768)

Nefarious (#235768)


View Forum Posts


Posted on
2022-05-20 18:59:39
@𝒦𝑜𝑔𝑒𝓁☕ (#265924)

The URL is the address of a web page. Its that string of numbers and letters at the top of your screen. If you want to copy it then you can either just click on it or right click/copy.

Example: https://www.lioden.com/topic.php?id=304429190774&page=18

(this is the URL address for this topic page)

If you wanna use it with code then put it between the two " "



Hrt Icon 0 players like this post! Like?

Nefarious (#235768)


View Forum Posts


Posted on
2022-05-20 19:12:46
iô (#257911)

Make sure you leave out all the spaces (except for the space between img and src)

Here's a little step-by step guide
1. find an image you want
2. right click the image and press "copy image address"
3. Use the coding provided and paste the image address between both " "
4. The code will automatically convert into whatever it is you're trying to do when you press enter

76758.jpg

Now, If you want the image to be a reasonable size then use the format below..

< img src="URL HERE" height=HEIGHT NUMBER width=WIDTH NUMBER >
I used 40 Width and 40 Height for this image if you're wondering

This format will not only insert your image but also allow you to get the size you want.

Now, if you already have the image you want but it comes up blank then try posting it somewhere (ex: I posted my picture on discord and copied the link address from there) and copy the link address after you've posted it and clicked on the image.




Hrt Icon 0 players like this post! Like?


Edited on 21/05/22 @ 05:59:27 by Nefarious (#235768)

Nefarious (#235768)


View Forum Posts


Posted on
2022-05-20 19:29:13
@Jester(Side) (#279697)

Here's a little step-by-step of what I did.

1. Find the URL of the place you wanna link (if you don't know where to find it then you can scroll up a little cause I explained it to someone else)
2. Right-click the URL and press copy
3. Use the format --> < a href="URL HERE" >TEXT HERE< /a > (remove all spaces except for the space between a & href)
4. Put the copied address in the space where it says "URL HERE" and then put the words you wanna say in the space where it says "TEXT HERE"
5. Press enter

a little something..



Hrt Icon 0 players like this post! Like?


Edited on 20/05/22 @ 19:33:03 by Nefarious (#235768)

𝑻𝒉𝒐𝒕𝒉
🖤Zombie DR
🖤DIVA💜 (#230702)


View Forum Posts


Posted on
2022-05-27 14:23:26
Do these HTML help things work on clan messages?



Hrt Icon 0 players like this post! Like?

𝑻𝒉𝒐𝒕𝒉
🖤Zombie DR
🖤DIVA💜 (#230702)


View Forum Posts


Posted on
2022-05-27 14:25:39

testing




Hrt Icon 0 players like this post! Like?

Pashteroga (#284590)

Sapphic
View Forum Posts


Posted on
2022-06-03 13:28:50
So how would you go about like...HTML for a Lion from the wardrobe? like trying to show what they would look like with full markings and all?



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-06-19 13:58:34
https://imgur.com/a/3qNYUAI

< img src="https://imgur.com/a/3qNYUAI" >



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-06-19 13:59:38
3qNYUAI



Hrt Icon 0 players like this post! Like?

𝑻𝒉𝒐𝒕𝒉
🖤Zombie DR
🖤DIVA💜 (#230702)


View Forum Posts


Posted on
2022-06-19 14:34:10
I think I know what's going on



Hrt Icon 0 players like this post! Like?

𝑻𝒉𝒐𝒕𝒉
🖤Zombie DR
🖤DIVA💜 (#230702)


View Forum Posts


Posted on
2022-06-19 14:35:50
Are you on a laptop? If so, did you double tap softly on the image and click copy image address? After that, you need to paste the link which should have .png at the end inside the < img src="IMAGE URL" >



Hrt Icon 0 players like this post! Like?

𝑻𝒉𝒐𝒕𝒉
🖤Zombie DR
🖤DIVA💜 (#230702)


View Forum Posts


Posted on
2022-06-19 14:36:27
Remove all spaces but the one in between the img and src



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-06-19 14:37:32
Ok I’ll try that when I get to a computer



Hrt Icon 0 players like this post! Like?

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-06-20 20:34:59
how do u get the post to have a background of the post to be different :/



Hrt Icon 0 players like this post! Like?

Teo (#262531)

Deathlord of the Jungle
View Forum Posts


Posted on
2022-06-27 02:52:00
This is a lifesaver!



Hrt Icon 0 players like this post! Like?


Edited on 27/06/22 @ 02:57:06 by Teo (#262531)







Memory Used: 633.78 KB - Queries: 2 - Query Time: 0.00061 - Total Time: 0.00838s