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)

𝐚𝐬𝐭𝐞𝐫
𝐢𝐚 | project
king (#210373)


View Forum Posts


Posted on
2023-04-06 14:21:45
dm what you're wanting so we don't clog this forum, and I'll help you there :)



Hrt Icon 0 players like this post! Like?

luluso3 (#355455)

Prince of Terror
View Forum Posts


Posted on
2023-04-06 14:27:54
ok



Hrt Icon 0 players like this post! Like?

💙🩵 Rainstorm
(any pros) 🩵💙 (#293518)

Deathlord of the Jungle
View Forum Posts


Posted on
2023-04-07 21:14:46
How does one put a wardrobe pic in html? I can't open image in new tab or anything SAVE ME.



Hrt Icon 0 players like this post! Like?

🕸LEVIATHAN🧪
(IT/ITS/MUTT) (#316612)

Holy
View Forum Posts


Posted on
2023-04-09 09:22:23
This is just confusing me :(
Its hard to understand for me, can somebody please help?
I just don't know what to do, how do you put the HTML code into to change your dens appearance??



Hrt Icon 0 players like this post! Like?

🌹Badger&Argen
ti✨ (#380585)

Lone Wanderer
View Forum Posts


Posted on
2023-04-09 09:24:28
just put the code into the territory description



Hrt Icon 1 player likes this post! Like?

juelz (main) (#239315)

Dreamboat of Ladies
View Forum Posts


Posted on
2023-04-11 10:14:19




Hrt Icon 0 players like this post! Like?


Edited on 11/04/23 @ 10:14:54 by juelz (main) (#239315)

beth (#395439)

Good Natured
View Forum Posts


Posted on
2023-04-16 12:35:53
test


RULES




Hrt Icon 0 players like this post! Like?


Edited on 16/04/23 @ 15:02:43 by beth (#395439)

🎃𝐑𝐞𝐚𝐩
𝐞𝐫🎃 (#262070)

Monster
View Forum Posts


Posted on
2023-04-16 13:11:58
How exactly am i supposed to input the font?
< p style="font-family:FONT HERE;" >TEXT HERE< /p >
This ⬆
Im unsure what exactly is supposed to go in on part of it, like how would i get the font is it like just inserting the font name?



Hrt Icon 0 players like this post! Like?

𝕸𝖆𝖉𝕸𝖆
𝖉𝖘 (#378401)

Deathlord of the Jungle
View Forum Posts


Posted on
2023-04-26 16:44:00
Can anyone help me? I can't seem to figure this out.. I want to make clickable links of my lions

https://imgur.com/a/CDOKM5t (image to be used)
https://www.lioden.com/lion.php?id=794192884136 (url image)



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



Hrt Icon 0 players like this post! Like?

daisies [NHR NSR MR
Septadawn] (#328624)


View Forum Posts


Posted on
2023-04-26 18:02:04
The imgur link should have something like .jpeg at the end of it, try clicking on the picture and then getting the link



Hrt Icon 0 players like this post! Like?

ryder [side] 🦈 (#330395)

Total Chad
View Forum Posts


Posted on
2023-05-13 04:14:59
Ty u are a life saver



Hrt Icon 0 players like this post! Like?

𓆤 (#443763)

Heavenly
View Forum Posts


Posted on
2023-08-10 09:01:32



Hrt Icon 0 players like this post! Like?


Edited on 10/08/23 @ 09:02:56 by 𝕶𝕬𝕽𝕹𝕴 𓆤 (#443763)

disoriented (#191678)


View Forum Posts


Posted on
2023-08-18 19:25:16
testing

aaa the sizing of images wont work >:(



Hrt Icon 0 players like this post! Like?


Edited on 18/08/23 @ 19:27:24 by zura (#191678)

Kitsune (#217102)


View Forum Posts


Posted on
2023-08-24 21:38:37
Does anyone know the code for a floating image that moves with the screen and is not in your middlebox. Like floating off to the side, or in the corner?

AKA: Doing fixed positions



Hrt Icon 0 players like this post! Like?

Lykiir (#277830)

Cursed
View Forum Posts


Posted on
2023-08-29 07:46:51
How do I alter the thing in the top left that says 'Lioden' and takes me to the main page?



Hrt Icon 0 players like this post! Like?







Memory Used: 633.91 KB - Queries: 2 - Query Time: 0.00071 - Total Time: 0.00812s