MasterDiz.com

The Webmaster's Portal

Members Area

Welcome to...

Home

How to add images to my web page.

 

 


 

A blank html document

(You can use the notepad to edit a html document)

You get this. (nothing)

<html>
<head>

<title></title>

</head>
<body>

</body>
</html>

 

To Images to your webpage Between the <body> tags add the <img src> tag <img src="your image file">

You get this

<html>
<head>

<title></title>

</head>
<body>
<img src="ranch.gif">
</body>
</html>

To put the image at the center. Between the <body> tags add the <center> tags and between the center tags put the <img src= ""> tag <center> <img src="ranch.gif"></center>

<center><img src=" "></center>

You get this.

<html>
<head>

<title></title>

</head>
<body>
<center> <img src="ranch.gif"> </center>
</body>
</html>

To put an image next to my text. Between the <body> tag add your text and next to it add the <img src=" file"> tag

you get this

<html>
<head>

<title></title>

</head>
<body>
this is my text
<img src="ranch.gif">
</body>
</html>
this is my text

To put my text next to the image. Between the <body> tag add <img src="file "> this is my text

You get this.

<html>
<head>

<title></title>

</head>
<body>
<img src="ranch.gif ">this is my text
</body>
</html>
this is my text
 

Note. What ever you put between the <center>what ever</center> tags, will be centered.

<center>=open tag

</center>= closing tag

Remember to save your html documents with the extention "htm" and selecting "save as type 'ALL'"

Other wise will be save like" namehtm.txt" instead of "name.htm"

We'll be adding more samples to this tutorial