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)

ButterKitten (#113320)

Aztec Knight
View Forum Posts


Posted on
2022-06-30 16:09:16



Hrt Icon 0 players like this post! Like?


Edited on 30/06/22 @ 16:10:54 by ButterKitten (#113320)

JaeBird (#291195)

King of the Jungle
View Forum Posts


Posted on
2022-07-05 21:56:27
How do I make a table with a background image and a box around the header and text?



Hrt Icon 0 players like this post! Like?

chicken 🪶 | (#244932)

Amiable
View Forum Posts


Posted on
2022-07-17 06:17:13
Can you align headings?



Hrt Icon 0 players like this post! Like?

cricket (#246523)

King of the Jungle
View Forum Posts


Posted on
2022-08-01 13:08:25
TYSMM



Hrt Icon 0 players like this post! Like?

Teo (#262531)

Deathlord of the Jungle
View Forum Posts


Posted on
2022-08-09 07:39:50
Done- did a test lol



Hrt Icon 0 players like this post! Like?


Edited on 09/08/22 @ 07:40:51 by Teo (#262531)

☼︎Nyx•G2&bu
ll;4Ros•Wicked&
bull;700+st☼ (#314452)

Sinister
View Forum Posts


Posted on
2022-08-19 12:36:13
ilVWHel

I really don't get it



Hrt Icon 0 players like this post! Like?


Edited on 19/08/22 @ 12:38:04 by Nxy (#314452)

Dane (G1 Bush Proj) (#330719)

Sapphic
View Forum Posts


Posted on
2022-08-19 21:21:58
Testing this lol
Background

Yay lol



Hrt Icon 0 players like this post! Like?


Edited on 19/08/22 @ 22:13:44 by Dane (#330719)

Paw (GIRL) (#300585)

Divine
View Forum Posts


Posted on
2022-08-20 18:28:06
Is it like this?



Hrt Icon 0 players like this post! Like?

Paw (GIRL) (#300585)

Divine
View Forum Posts


Posted on
2022-08-20 18:28:31
It didn’t show up but I put the lion link ;-;



Hrt Icon 0 players like this post! Like?

Moon🐾 (therian) (#274268)

Devastator
View Forum Posts


Posted on
2022-08-23 15:04:44
THANK YOU 10000000 TIMES SUCH A LIFE SAVER



Hrt Icon 0 players like this post! Like?

Moon🐾 (therian) (#274268)

Devastator
View Forum Posts


Posted on
2022-08-23 16:50:52



Hrt Icon 0 players like this post! Like?

Moon🐾 (therian) (#274268)

Devastator
View Forum Posts


Posted on
2022-08-23 16:51:08
its not an image



Hrt Icon 0 players like this post! Like?

☼︎Nyx•G2&bu
ll;4Ros•Wicked&
bull;700+st☼ (#314452)

Sinister
View Forum Posts


Posted on
2022-08-23 17:03:43
Alright, I can help, I needed a whole day to understand this-
Firstly, if your on a phone/tablet you have to take a screenshot of a wanted lion (or whatever you want). Then go and search up https://postimages.org/ and select the size you want (I usually go with the 640x480) . When you got that done, click on ‘choose images’ and choose the wanted image.
When you have done that, copy the ‘Direct link’ and paste it in the ‘URL here’
< img src="URL HERE" >
Never forget to erase the spaces & the *! (unless required not to)
After you’ve done that, it should turn out okay

Now, if you’re trying to do this with a pc, it’s a little different.
Firstly you have to click on ‘prt scr’ and then go to a document/word & paste the picture there, then cut it into your desired shape.
However there IS an easier way to do it, by searching ‘cutting tool/snipping tool’ on your Pc, clicking ‘New’ and simply cutting out the desired image.
After you did either step, it will show you the image and you have to save it on your computer. Then you go to the postimages ( https://postimages.org/ ) site (repeat the steps I mentioned earlier) click on ‘choose images’ and when it loads copy the ‘direct link’ which you the paste in the ‘URL HERE’

Remember to remove spaces and asterisks!!

25-B5-E420-E7-ED-4918-BA44-033-ACC7-F30-E2.jpg



Hrt Icon 0 players like this post! Like?


Edited on 23/08/22 @ 17:17:58 by Nyx (#314452)

Moon🐾 (therian) (#274268)

Devastator
View Forum Posts


Posted on
2022-08-23 17:09:29
thanks!



Hrt Icon 0 players like this post! Like?

☼︎Nyx•G2&bu
ll;4Ros•Wicked&
bull;700+st☼ (#314452)

Sinister
View Forum Posts


Posted on
2022-08-23 17:18:33
Yw

Also, I updated it in case you’re on a computer



Hrt Icon 0 players like this post! Like?


Edited on 23/08/22 @ 17:19:01 by Nyx (#314452)







Memory Used: 633.94 KB - Queries: 2 - Query Time: 0.00040 - Total Time: 0.00885s