CodeNique - Free Tutorials on HTML, XHTML, CSS and More Online!

Now external style sheets are separate files that can only hold style rules and CSS comments, no other markup languages like HTML or XHTML tags or other types of comments except for CSS comments are allowed. So basically, an external style sheet is just a list of style rules.

You can also use an image to link to your audio and video files. You will need to use the <a> tag and its href and title attributes along with the <img> tag and its src, alt and border attributes. Let me first explain about the <img> tag and its attributes first.

Now you can also add links to audio and video clips to your web pages, which is also known as an external media file by using the <a> tag and its href and title attributes, which I will explain in a bit. The audio or video clip will either open your users default audio or video application like Windows Media Player or Real Player when a user clicks the link. And if your user doesn’t have, the correct audio or video application or plugin to play your video or audio files your users browser will ask if they would like to download the application or plug in. Also your user can download the video or audio clip file to their computer or flash drive or whatever storage device they prefer by placing their mouses pointer over the audio or video file link and right clicking their mouse and choosing "Save Target As…".

What if you need to get the coordinates for your client-side image map and do not have access to a web page editor like Adobe Dreamweaver and so on, which can draw image maps on to your images as well as provide you with the coordinates. This is cool if you create web pages with Dreamweaver or other web page editors, but if you are coding your image map by hand what can you do, nothing your screwed, I’m just playing. You can use the free programs available on your computer that will tell you your images coordinates or you can use the image map coordinates hack technique, which I will explain.

The other type of an image map is called server-side because of the work that is done by the server when a user clicks on a hotspot also known as a link or clickable region or area.

There are two types of image maps that are called client-side and server-side image maps. I will explain about client-side image maps in this tutorial and in a future tutorial, I will explain about server-side image maps.

In this tutorial, we are going to create a simple navigational frame. We will need the <frameset> tag along with the cols attribute. We will also need two <frame> tags with the src attribute. In addition, our last <frame> tag will also need the name attribute.

In this tutorial, I will show you how to create another navigational frame using the <base> tag. Now if you remember the source code from the last tutorial "How To Create A Navigational Frame", we will still be using the same code except for the exception of the <base> tag. We will also be removing all the target attributes from the <a> tags in the frame_nav.htm web page. In addition, we will be adding the target attribute to the <base> tag. So instead of having many target attributes we will only need one, which will be in the <base> tag.

Now let me show you how to make a thumbnail image, which will be used as a link to the larger external image. In order to make the thumbnail image you will need an image editor to resize the image to a smaller size, I used Photoshop CS to resize my image or you can use the <img> tags width and height attributes, you will have to give the size of both attributes values in pixels, for example, a pixel value of 75px.

Now let me show you how to add external images to an HTML or XHTML document. External images are images that don’t appear like inline images on a web page. Instead, they are images that are referenced externally and viewed on another page when clicked.