html code

[low_delta]

I notice that I have a few people on my friends list that are new not only to LiveJournal, but to the internet in general. I'm sure they are wondering about all these nifty codes, so I'm listing them out. Feel free to add this post to your memories (click on the heart) if you think you may need to find this again.

If anyone feels the need to correct or add anything, feel free.

Text:
bold: <b>text</b>
italic: <i>text</i>
underline: <u>text</u>
strikethrough: <s>text</s>
emphasis: <em>text</em>
big: <big>text</big>
small: <small>text</small>
^{superscripted}: ^text
_subscripted: _text
Indented block of text: <blockquote>paragraph or two</blockquote>

<font size=X color=color face=font>text</font>
Size may be given as an absolute (in pixels, I believe) or as an amount larger or smaller than the viewer's default view (+2) (this is preferable).
Color may be specified as a hex number (FFCC00) or as a word (fuschia).
Fonts (face) may be named.


Displaying pictures (image tag):
<img src="address"> (image source) Address must be in quotes.

additional attributes:
height=###
width=###
title="text" (text that will be displayed if you hover your mouse on the image)
alt="text" (text that will be displayed if the image does not display.)

example: <img src="http://userpic.livejournal.com/20574/18150.jpg" width=100 height=50>


Linking to other web pages (anchor tag):
<a href="address">text to click</a>
Address must be in quotes.

additional attributes:
target=window (Use _blank to open link in a new window. I like to do this when I'm linking to someplace that viewers will want to click around the site.

example: <a target=_blank href="http://www.cnn.com/2004/US/02/02/superbowl.jackson/index.html">see the stupidity</a>

As you can see, if you show a web address, LJ will make it into a link.


LiveJournal specific tags:

LJ cut:

<lj-cut> removes the remainder of the post from view
<lj-cut> removes the part of the post that is between the opening and closing tags from view</lj-cut>
<lj-cut text="text"> without the text attribute, the text that is displayed on the cut link will say "Read more". The text attribute will put in whatever words you wish.

<lj user="username"> creates a link directly to the listed user, with the head icon next to the name that links to the userinfo page. This same tag may be used for journals, communities and RSS feeds, and will have the appropriate icon displayed. low_delta, onemoreword, theonionfeed

Scrolling text:
<marquee>text</marquee>

atributes:
direction=left, right, up, down
behavior=alternate

Marquees are not supported by Netscape. Netscape users will not see scrolling text.

List:
<ul>
<li>first point</li>
<li>second point</li>
<li>third point</li>
</ul>

Lists may be unordered (ul: bullets) or ordered (ol: numbers).
List items (li) are recommended to be closed (/li) but this is not required.

Tables:
Tables can be complex, but I'll just give the basics:
<table>
<tr>
<td>a1</td>
<td>a2</td>
</tr>
<tr><td>b1</td>
<td>b2</td>
</tr>
</table>

Comments

Re:

[low-delta.livejournal.com]

I wonder how that got left off. Thanks!

[ravengirl.livejournal.com]

you're so sweet~

[cynnerth.livejournal.com]

Why is the word (source) after the Displaying Pictures thing?

Can you show a picture of a table with the table directions so I know what the result would be?

[waning-estrogen.livejournal.com]

Re:

[cynnerth.livejournal.com]

Oh. I thought it was more than that. Like a table with boxes.

[waning-estrogen.livejournal.com]

just add in the first < table > tag: border="1"
for this result

[cynnerth.livejournal.com]

Thanks!

[waning-estrogen.livejournal.com]

you might want that one just below for this month, too.

[waning-estrogen.livejournal.com]

I find that people always want to know how to get the ♥ and Þ symbols so they can make red hearts ( ) and the tongue-sticking-out emoticon ( 8Þ )

and so, exchange (parentheses) for < angle brackets > and squeeze together & hearts; to get:

(font color="red")& hearts;(/font) gives one

and removing the spacing, squeeze 'em all together:

8 & THORN ; gives one 8Þ

good stuff

[low-delta.livejournal.com]

And while we're on the subject,

& l t ; all squished together will get you the "less than" bracket, so you can disply the code without your browser making it into code.

Re: good stuff

[waning-estrogen.livejournal.com]

this one I can never remember.
there's a short circuit in my brain where this
is supposed to be stored. bad memory block on the disk.

Re: good stuff

[low-delta.livejournal.com]

But now you know where to find it. ;-)

Re: good stuff

[waning-estrogen.livejournal.com]

you can't be serious!
have you looked at the number of 'memories' I've marked?

Re: good stuff

[low-delta.livejournal.com]

You can always find it on *my* memories list.

Re: good stuff

[waning-estrogen.livejournal.com]

because yours is so much smaller than mine, right?
and because yours is clearly categorized, unlike mine, right?
that's on my things-to-do-today list, right after I clear out my mailbox
riiight

Re: good stuff

[low-delta.livejournal.com]

Someday, mine's gonna look like yours, and I won't have a clue what to do about it. :-)

[roadskoller.livejournal.com]

Thank you!

Re:

[cynnerth.livejournal.com]

If you want to try something but aren't sure it'll work, post it first with the Private filter on. Then you can screw around with it all you want before making it public. That's what I do anyways.

[emschin.livejournal.com]

Terrific! Thanks. I'm also running them off in hard copy as I have a file of directions that Cyn has written out for me. I keep it in a green folder beside the computer.

[banana.livejournal.com]

> <text size=X color=color face=font>text</text>
That's <font size=X color=color face="font name">text</font>

Re:

[low-delta.livejournal.com]

D'oh!

thanks

[banana.livejournal.com]

> alt="text" (text that will be displayed if you hover your mouse on the image)
Actually alt is the text that should be displayed if the picture isn't loaded for any reason (the image doesn't exist, the user is blind, the user switched of image loading, it's a slow link and the image hasn't arrived yet, etc, etc). The title attribute is what you're supposed to use for those mouse-over pop-ups. The problem is that IE has wrongly used the alt for pop-ups for years, and so taught most people todo it wrong.

/rant

Re:

[low-delta.livejournal.com]

I was wondering what you'd pop in to say. :-)

Okay, I am fixing it (my post, that is).