Basic linking and image tutorial (plus a little Astro-Porn)

[mckitterick]

This is Teh Age of Teh Intartubes, and everyone who posts to blogs or has a website should know a little HMTL. Here's how you type a link:

<a href="link-path" target="_blank">Text that shows up in LJ and describes link</a>

Insert the path to your link inside the quotation marks; use the _blank value for the target attribute to open the link in a new tab or window so the reader doesn't get lost and can return to LJ without clicking "back" a hundred times.

If you want to link a photo, use this:

<a href="link-path" target="_blank"><img src="link-to-photo"></a>

Here you have an anchor tag (that's what a does) again, which is what makes the image link to a website, and that link is anchored to an image (that's what img does) instead of text - works the same!

If an image you want to show is really big (on LJ, consider anything wider than 640 pixels to be too big to fit most display styles), you can cheat it down in size by modifying the code like this:

<img src="link-to-photo" width="600">

The width attribute tells the internet browser how wide it should display an image, no matter how wide it originally appeared; note that you don't need to define height in modern browsers.

Here's how it looks in practice, showing some awesome water geysers blasting into space over Saturn's moon, Enceledaus:


Click the image to see the story.

Hope that helps!

Chris

Comments

Re: Newbie

[mckitterick.livejournal.com]

In this bit of HTML:

<a href="link-path" target="_blank">text you want to make into a link</a>

Replace "link-path" with the full path copied from your browser address. Also replace "text you want to make into a link" with the text you want to show up as hypertext.

(Now let me post this and see if it shows up properly *g*)

Re: Newbie

[rambler75.livejournal.com]

Maybe I am not doing it right. Do I keep the quotation marks or leave them off?

Re: Newbie

[rambler75.livejournal.com]

Neva mind, figured it out, was in rich text... good grief :)