Main      Site Guide    
Message Forum
Re: ignorance
Posted By: Lucky Wizard, on host 4.12.10.167
Date: Friday, March 25, 2005, at 19:21:49
In Reply To: ignorance posted by Howard on Friday, March 25, 2005, at 12:41:51:

> I'm going to show my iknerts again. I have a message on my blog that tells me that I can use
> img src="" width=""
> to post pictures on a blog. But I don't know how to use it. Any clues? Hmmmmmm. Now that I am looking at it, I don't think it copy and pasted correctly. There was something between the quotes. Maybe a or something.
> Howard

Rather irritatingly, the forum removes HTML tags, rather than just displaying them exactly as written. (See the forum's Help page.) Therefore, where I say ], read >. Where I say [, read <. I couldn't use the actual characters due to the tag removal, and I'm guessing you tried to have some of those characters in your post.

[img] tags are for images. To specify the URL, you need to specify the src (this is short for "source", by the way) between the angle brackets, after the img. To do this, include in your post the HTML code -- here I use an example URL -- [img src="http://www.somedomain.com/folder/image.jpg"]. If the image is on the same domain as the blog, you may be able to get away with just using the last few parts of the URL (exactly what parts are necessary depends on the respective URLs as the image and page); if so, do this, as that way, if your blog moves, it will point at the new image location instead of the old.

The width bit is optional. It works the same as src, except that what goes in the quotes is the width, in pixels, that you want the image to display on the page with. It's only necessary if you don't want the image to show up in its usual size. You add it in much the same way you add the src; for instance, if you want our image.jpg file to show up 100 pixels wide, use [img src="http://www.somedomain.com/folder/image.jpg" width="100"]. For comparison, the "Message Forum" image at the top of this page is 453 pixels wide, and your screen is probably 800 or 1024 pixels wide. (I can't remember offhand whether using the width attribute automatically calculates the height attribute and resizes the image proportionally, or whether it leaves the height as is and stretches the image. At any rate, if it's the latter, you may want to know that there's a height="" attribute that can be inserted in img tags the same way the width attribute is inserted, and works the same way. Although, rereading what you said above, I'm not sure if your blog allows the height attribute...)

There are a number of HTML-related websites out to help; I frequently refer to htmlgoodies.com, which does a good job of explaining the barebones, and to devguru.com, which assumes you already know the barebones but works great for quickly looking up specific tags and attributes.

Lucky "In particular, there is a page on htmlgoodies that answers your question, and I've linked it below." Wizard


Link: HTML image primer

Replies To This Message

Post a Reply

RinkChat Username:
Password:
Email: (optional)
Subject:
Message:
Link URL: (optional)
Link Title: (optional)

Make sure you read our message forum policy before posting.