A N00b's Guide to HTML
New to LJ and unfamiliar with HTML? Don't despair! This is a simple HTML + LJ Codes Guide to help you get started.
♥ LJ CODES
ADD YOUR TEXT">ADD IMAGES, WORDS AND OTHER CONTENT
</span><span style=ADD USERNAME"> phoenixacid (This tag also work for communities these days)
♥ FONT BASICS
Italicise text
Bold text
Underline text
Strikeout text
Strikeout text
subscript
superscript
Add a bulletpoint
Centered text
♥ FONT COLOUR
ADD COLOUR NAME e.g. green”>ADD TEXT HERE ADD TEXT HERE
See colour codes here.
♥ FONT SIZE
Option 1:
For small fonts
For big fonts
The more tags you use, the smaller/bigger your text gets.
BIG
BIGGER
Option 2:
ADD NUMBER HERE">ADD TEXT HERE
Remember: the bigger the number, the bigger the font.
Hi, my name is Draco.
I eat lion meat for breakfast.
♥ LINK
ADD YOUR LINK URL">ADD YOUR TITLE
e.g. Huey's LJ
Huey's LJ
♥ IMAGE
![]()
TEXT TO SHOW IF THERE'S NO PIC" src="ADD YOUR PIC URL">
e.g.
♥ IMAGE WITH LINK
ADD YOUR LINK URL">
ADD YOUR PIC URL">
e.g.
To remove the blue border,
e.g.
♥ TEXT AREA
ADD CONTENT
ADD CONTENT
To manipulate the size of your text area, use "cols" (characters wide) and "rows" (number of rows),
ADD CONTENT
ADD CONTENT
♥ BLOCKQUOTES
ADD CONTENT
ADD CONTENT
♥ SYMBOLS
(no-break space)
♥ ♥
© ©
® ®
™ ™
¼ ¼
½ ½
¾ ¾
see more here and here.
♥ OTHER FLASHY HTML TAGS
BLINK
BLINK
SCROLLING TEXT OR IMAGE
SCROLLING TEXT OR IMAGE
ADD COLOUR NAME;">ADD TEXT HERE
ADD TEXT HERE
ADD BACKGROUND URL)">ADD TEXT HERE
I am Draco Malfoy!
Here are some backgrounds you could use.
♥ TAG COMBINATIONS
Feel free to mix and match tags!
Just make sure that you close your tags in the same order in reverse.
For example, if you want to create a big blue spade that scrolls:
♠
♠
Two different ways to white-out your text:
ADD TEXT HERE
ADD TEXT HERE
Highlight: POTTER SUCKS, JUST ASK DRACO. ;)
♥ SPOILER TAGS
[</span>Phrase the viewer will click to see the hidden text<span style=]">CONTENT
[Phrase the viewer will click to see the hidden text]CONTENT
This hides a portion of your content behind a clickable link.
♥ COMMENTS
I've only included the HTML tags I had learnt while I was still a n00b. For a more comprehensive guide to HTML, please check out:
+ HTML Introduction
+ HTML 4.01 Reference
Last edited: 5th March, 2013 (to add spoiler tags)
Have a question? Please comment below!
♥ LJ CODES
ADD YOUR TEXT">ADD IMAGES, WORDS AND OTHER CONTENT
</span><span style=ADD USERNAME"> phoenixacid (This tag also work for communities these days)
♥ FONT BASICS
Italicise text
Bold text
Underline text
Strikeout text
Strikeout text
subscript
superscript
Centered text
♥ FONT COLOUR
ADD COLOUR NAME e.g. green”>ADD TEXT HERE ADD TEXT HERE
See colour codes here.
♥ FONT SIZE
Option 1:
For small fonts
For big fonts
The more tags you use, the smaller/bigger your text gets.
BIG
BIGGER
Option 2:
ADD NUMBER HERE">ADD TEXT HERE
Remember: the bigger the number, the bigger the font.
Hi, my name is Draco.
I eat lion meat for breakfast.
♥ LINK
ADD YOUR LINK URL">ADD YOUR TITLE
e.g. Huey's LJ
Huey's LJ
♥ IMAGE
TEXT TO SHOW IF THERE'S NO PIC" src="ADD YOUR PIC URL">
e.g.
♥ IMAGE WITH LINK
ADD YOUR LINK URL">
ADD YOUR PIC URL">
e.g.
To remove the blue border,
e.g.
♥ TEXT AREA
ADD CONTENT
ADD CONTENT
To manipulate the size of your text area, use "cols" (characters wide) and "rows" (number of rows),
ADD CONTENT
ADD CONTENT
♥ BLOCKQUOTES
ADD CONTENT
ADD CONTENT
♥ SYMBOLS
(no-break space)
♥ ♥
© ©
® ®
™ ™
¼ ¼
½ ½
¾ ¾
see more here and here.
♥ OTHER FLASHY HTML TAGS
BLINK
BLINK
SCROLLING TEXT OR IMAGE
SCROLLING TEXT OR IMAGE
ADD COLOUR NAME;">ADD TEXT HERE
ADD TEXT HERE
ADD BACKGROUND URL)">ADD TEXT HERE
I am Draco Malfoy!
Here are some backgrounds you could use.
♥ TAG COMBINATIONS
Feel free to mix and match tags!
Just make sure that you close your tags in the same order in reverse.
For example, if you want to create a big blue spade that scrolls:
♠
♠
Two different ways to white-out your text:
ADD TEXT HERE
ADD TEXT HERE
Highlight: POTTER SUCKS, JUST ASK DRACO. ;)
♥ SPOILER TAGS
[</span>Phrase the viewer will click to see the hidden text<span style=]">CONTENT
[Phrase the viewer will click to see the hidden text]CONTENT
This hides a portion of your content behind a clickable link.
♥ COMMENTS
I've only included the HTML tags I had learnt while I was still a n00b. For a more comprehensive guide to HTML, please check out:
+ HTML Introduction
+ HTML 4.01 Reference
Last edited: 5th March, 2013 (to add spoiler tags)
Have a question? Please comment below!