HTML [Hyper Text Markup Language]

Inserting Pictures

Learn HTML
Let's get into putting images into a web page. We're going to use this one. First take any images that is need to be inserted in our page, in this dont forget to place the image in the same folder where we have saved our html file.
You specify an image with the <img> tag.

<img src="anypicture.gif" width="130" height="101" alt="My Castle">

Notice that we have used another attribute in our img tage that is "alt" it is a sort of a substitute for the image when the user is using a browser that isn't (for whatever reason) displaying images or it takes much time to download that image or image is not available in the server where we have hosted our file.

Or some one have restriction like they have turned off image loading or displaying for speed, in that case the alt attribute works perfect and it says the what the content has to come there eg, if your are loading your pictures in your browser, for some reason your picture is not loading then the img alt tag will say that your picture should be come around blocking the space of your image and it could be very important to your visitor exactly they can know where which img will be coming over there. Similar like alt we have to use title tag like alt.

<img src="anypic.gif" width="130" height="101" alt="My Castle" title="My Castle">

Something really nead to you should know about images and their size. Try this...

<body>
<img src="anypic.gif">
</body>

As you can see, the browser figures out how big the image is all by itself. Why bother with dimensions then? Because with dimensions, the browser can simply reserve a space for the image, then load the rest of page. Once the entire page loads it can go back and fill in the images. Without dimensions, when it runs into an image, the browser has to pause loading the page, load the image, then continue loading the page. All in all, the browser functions much better with image dimensions.

<body>
<img src="anypic.gif" width="300" height="101" alt="Picture name" title="Picture name">
</body>

E-Mail - Using the mailto : command

Before we leave this lesson on links, let's take a look at the command that allows people to write to you simply by clicking on your e-mail address or on some statement pointing to your e-mail address. To do this, we use the mailto: command which in effect creates a link to your server by opening up the e-mail box allowing a message to be sent immediately. Statement that would allow anyone to send e-mail:
Here is the HTML tag that performs email link:
Please tell me what do you think about my free tutorial by sending email to me,

<a href ="mailto:haimailmein@gmail.com">Sathik</a>, an e-mail to me.

Now what makes your website ugly, Oh it is a blue line under the link, but dont worry about that we can get rid of it by adding a simple code in our head tags, just simply add the below script in your head documet, u can check more controls about the script code called CSS the way of controlling the text style and much more in our CSS tutorials, check my CSS tutorials

<style>
<!--
a {text-decoration:none;}
//-->
</style>

Linking a Document to download

If you need to give a link for your document which user needs to download from your website example u have uploaded your tutorials or some other documents in your website and user needs to download that document means u have to place a download link for that document so lets check the code below.

<a href="resume.doc">Download my resume</a><br />
<a href="biography.doc">Download my autobiography</a>

You may wonder how to be sure the file gets saved to disk rather than being displayed or loaded or whatever. In short you have little control over what happens when a user downloads a file. Most people know how to right click and Save To Disk. Others may have a plugin to handle the file. Just let people manage that part by themselves. Your job is simply to offer it for download.