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)

Jade Rivers (#88433)

Amiable
View Forum Posts


Posted on
2016-08-27 02:34:43
life saver



Hrt Icon 0 players like this post! Like?

dead. (#76659)

Scourge of Lions
View Forum Posts


Posted on
2016-10-23 06:23:09

what's the code template you used for your thread?




Hrt Icon 0 players like this post! Like?

{🌌} Elementalist
{🌌} (#56591)

Heavenly
View Forum Posts


Posted on
2017-02-06 12:06:58
oops



Hrt Icon 0 players like this post! Like?


Edited on 06/02/17 @ 19:07:11 by BlackHeartedElemental *Gaggle* (#56591)

{Leaving} (#43698)


View Forum Posts


Posted on
2017-02-10 07:51:10


Hello! Thanks all for having a look at this thread I have updated the layout a little, and the layout is:


< table style="background:#PUT COLOR HERE;width:630px;height:70px;border:2px solid;" > < tr > < td >
STUFF HERE
< /td > < /tr > < /table >





Hrt Icon 0 players like this post! Like?

🌵 | zoinked (#88158)

Terrifying
View Forum Posts


Posted on
2017-02-24 17:14:18
How do you have spaces between your tables?



Hrt Icon 0 players like this post! Like?

{Leaving} (#43698)


View Forum Posts


Posted on
2017-02-25 07:52:13



I just put a new table in and used < br >




Hrt Icon 0 players like this post! Like?

🌵 | zoinked (#88158)

Terrifying
View Forum Posts


Posted on
2017-02-25 07:52:41
Ok, thank you :)



Hrt Icon 0 players like this post! Like?

Chris (Main) 🌼 (#105465)

Heavenly
View Forum Posts


Posted on
2017-04-08 11:18:26
Ok, I've figured this out!



Hrt Icon 0 players like this post! Like?


Edited on 08/04/17 @ 18:25:33 by Chris (Main) (#105465)

🌸GalaCleo🌸 (#108496)

Amiable
View Forum Posts


Posted on
2017-04-30 07:21:24
Okay so when I make a table, it puts everything into it. The problem is that I only want a picture and some descriptions in it. What do I do in order to separate it from each other?



Hrt Icon 0 players like this post! Like?

{WCU} Mathiass
/Sh00k/R00d/ (#103909)

Deathlord of the Jungle
View Forum Posts


Posted on
2017-05-30 13:22:47
No idea if this thread is still alive but how do you bold and allign?



Hrt Icon 0 players like this post! Like?

☣⚜Skazzle☬Skit
tz☣{WCU} (#83026)

Wicked
View Forum Posts


Posted on
2017-05-30 14:23:59
Bold text?
<*b*> delete the *'s.
<*b>Hello<*b>
hello

The align is up already
To disable every other weird from bejng bold, put <*/b> only delete the *'s



Hrt Icon 0 players like this post! Like?

Sans' Dadster (#100635)

King Of Hearts
View Forum Posts


Posted on
2017-05-30 14:27:00
< img src="https://www.google.com/search?q=cattale+sans&source=lnms&tbm=isch&sa=X&sqi=2&ved=0ahUKEwjO1YPOsJfUAhXFQyYKHSc3B2sQ_AUIBigB&biw=1366&bih=614#imgrc=YKzdM1W9k3V6VM:&spf=1496139147878" >




WHY IT NO WORK?



Hrt Icon 0 players like this post! Like?


Edited on 30/05/17 @ 14:27:27 by Sans the Punny guy! (#100635)

{WCU} Mathiass
/Sh00k/R00d/ (#103909)

Deathlord of the Jungle
View Forum Posts


Posted on
2017-05-30 14:29:43
Thank you!



Hrt Icon 0 players like this post! Like?

Shadowcliff (#109597)

Deathlord of the Jungle
View Forum Posts


Posted on
2017-06-01 19:08:17
Can you do 2 of the html's at the same times,like Bold or colored with size and if you can,how would you do that?



Hrt Icon 0 players like this post! Like?

Ash (#65975)

Aztec Knight
View Forum Posts


Posted on
2017-06-01 19:30:40
To do two of the htmls just do this:
<*fount color=blue><*b> text here <*/b><*/font> Just get rid on the *'s
It doesn't matter the order but make sure whichever one you start with you end with it too and so on so another example:
<*s><*b><*u><*font color=green> example <*/s><*/b><*/u><*/font color>
example



Hrt Icon 0 players like this post! Like?







Memory Used: 633.30 KB - Queries: 2 - Query Time: 0.00080 - Total Time: 0.00545s