So, you want images and links in your posts, huh?
3D Kombat Klassics
Pages: 1
So, you want images and links in your posts, huh?
0
posted08/29/2004 02:49 AM (UTC)by
Member Since
02/11/2003 02:24 AM (UTC)
0
0
0
0
Let's see if this works this time...
First, I'd like to state that I know this is off-topic. I have just noticed people asking how to post images, and other people just posting a URL instead of links.
I figure if people will learn some basic HTML, that the board will become a slightly better place, and I'm just trying to do my part.
Moderators, feel free to close or sticky, depending on what you think of it.
And here goes a quick intro to HTML:
(Also not that I have it spaced a lot so as to keep the code from running to close together.)
I will begin with a simple definition and then jump right into the real learning.
Tags are elements in an HTML page that tell the browser how to
interperet the information you want to appear on the page.
Tags are special Keywords place inside the < and > symbols.
Most tags have an Opening and Closing version.
There are a few, however that don't.
The Closing version of a tag has a Forward slash before the keyword.
The following are some common examples of HTML TAGS:
Name Opening Closing
Bold <B> </B>
Font <FONT> </FONT>
Image <IMG> NONE
Now to continue on, you need to learn how to use tags in an HTML page.
I will begin with the Image - <IMG> - Tag.
To place an Image into a web page is simple.
Simply type the following HTML code.
http://mortalkombatonline.com/lv6/themes/Shadow/headerleft.jpg">
And the result will be this:
Note that inside the IMG tag we see something new - SRC
When we have additional contents in the tag, they are called properties.
SRC is a property that simply tells the browser where to find the image.
Note: It is always good to use the full path, including http:// in your SRC property.
If you do not, the browser will try to find the partial URL inside the current website.
For Example:
If you type the following into your post on MKOnline:
<IMG SRC="us.i1.yimg.com/us.yimg.com/i/ww/beta/y3.gif">
The result will be that the browser sees it as something like this:
<IMG SRC="http://www.mortalkombatonline/us.i1.yimg.com/us.yimg.com/i/ww/beta/y3.gif">
This will cause an error and the image will be a red x.
Next we shall move on to links, or more correctly hyperlinks
Hyperlinks have a structure very similar to the IMG tag.
They are created by using the Anchor Tag, or <A></A>
The following is the format for a hyperlink:
http://www.gamespot.com TARGET=_blank"
It produces this:
Click to go to Gamespot
Now, to begin with, it appears that there is a lot going on, but it is actually quite simple.
HREF is a property that tells the browser what web page to reference.
TARGET=_blank tells the browser to open the page in a new window.
If you don't want the link to open in a new window, then leave TARGET=_blank out.
Also note that you don't have to use _blank. You can use another string of text, but _blank is just a standard convention.
One more thing.
If you want to use an image as a link, then just put the <IMG> tag in between the <A> and </A>
Example:
http://www.yahoo.com" TARGET=_blank>http://us.i1.yimg.com/us.yimg.com/i/ww/beta/y3.gif">
BECOMES....
Adding BORDER=0 to that IMG tag makes the border around the image link go away.
So here are the formats in review:
Image:
http://mortalkombatonline.com/lv6/themes/Shadow/headerleft.jpg">
Link:
http://www.gamespot.com TARGET=_blank"
Image Link:
http://www.yahoo.com" TARGET=_blank>http://us.i1.yimg.com/us.yimg.com/i/ww/beta/y3.gif">
First, I'd like to state that I know this is off-topic. I have just noticed people asking how to post images, and other people just posting a URL instead of links.
I figure if people will learn some basic HTML, that the board will become a slightly better place, and I'm just trying to do my part.
Moderators, feel free to close or sticky, depending on what you think of it.
And here goes a quick intro to HTML:
(Also not that I have it spaced a lot so as to keep the code from running to close together.)
I will begin with a simple definition and then jump right into the real learning.
Tags are elements in an HTML page that tell the browser how to
interperet the information you want to appear on the page.
Tags are special Keywords place inside the < and > symbols.
Most tags have an Opening and Closing version.
There are a few, however that don't.
The Closing version of a tag has a Forward slash before the keyword.
The following are some common examples of HTML TAGS:
Name Opening Closing
Bold <B> </B>
Font <FONT> </FONT>
Image <IMG> NONE
Now to continue on, you need to learn how to use tags in an HTML page.
I will begin with the Image - <IMG> - Tag.
To place an Image into a web page is simple.
Simply type the following HTML code.
And the result will be this:
Note that inside the IMG tag we see something new - SRC
When we have additional contents in the tag, they are called properties.
SRC is a property that simply tells the browser where to find the image.
Note: It is always good to use the full path, including http:// in your SRC property.
If you do not, the browser will try to find the partial URL inside the current website.
For Example:
If you type the following into your post on MKOnline:
<IMG SRC="us.i1.yimg.com/us.yimg.com/i/ww/beta/y3.gif">
The result will be that the browser sees it as something like this:
<IMG SRC="http://www.mortalkombatonline/us.i1.yimg.com/us.yimg.com/i/ww/beta/y3.gif">
This will cause an error and the image will be a red x.
Next we shall move on to links, or more correctly hyperlinks
Hyperlinks have a structure very similar to the IMG tag.
They are created by using the Anchor Tag, or <A></A>
The following is the format for a hyperlink:
http://www.gamespot.com TARGET=_blank"
It produces this:
Click to go to Gamespot
Now, to begin with, it appears that there is a lot going on, but it is actually quite simple.
HREF is a property that tells the browser what web page to reference.
TARGET=_blank tells the browser to open the page in a new window.
If you don't want the link to open in a new window, then leave TARGET=_blank out.
Also note that you don't have to use _blank. You can use another string of text, but _blank is just a standard convention.
One more thing.
If you want to use an image as a link, then just put the <IMG> tag in between the <A> and </A>
Example:
http://www.yahoo.com" TARGET=_blank>
BECOMES....
Adding BORDER=0 to that IMG tag makes the border around the image link go away.
So here are the formats in review:
Image:
Link:
http://www.gamespot.com TARGET=_blank"
Image Link:
http://www.yahoo.com" TARGET=_blank>
0
0
I didn't catch that 
sorry bout the mixup.
0
Pages: 1
© 1998-2025 Shadow Knight Media, LLC. All rights reserved. Mortal Kombat, the dragon logo and all character names are trademarks and copyright of Warner Bros. Entertainment Inc.