Writing on the Web

A look at Hypertext Markup Language (HTML)

Part 3

 

Basic Text Formatting, Images and Links:

Images:

 

Most browsers only understand two types of images: GIF (Graphics Interface Format) and JPEG (Joint Photographic Experts Group). Images are controlled by the <img> tag. This tag will have one or more attributes, "src" being the most common. It specifies which image to use. For example, <img src="mypic.gif> allows you to see this image: My Picture, a Sample JPEG
while <img src="http://members.delphi.com/ve5cap/mypic.jpg"> shows this one: My Picture, a Sample GIF

 

The major difference between the two is that the first one is found on this site, while the second one is found on another site.

It is also possible to change the size of the image by specifying the height and width of an image using <img height ="#"> or <img width="#">. This, by the way, doesn't change the size of an image to make it load faster. It just changes the size you see on the page.

Another thing you can change, as far as images go, is the border. You can remove a border by typing in <img border="0">. Usually this function is reserved to indicate that the image is a link. The border size is adjusted by adding <img border="#">. For example, I can add a 5 pixel wide border to "mypic.jpg" by typing in <img srce="mypic.gif" border="5">. It looks like this: My Picture JPG, Bordered Image

Now, if I wish, I can use it to link this page to another. Press the image to continue.