Programming Tutorials Browser Tutorials Articles Struts Tutorials Hibernate Tutorials

  Tutorial: HTML Images Working With Images Tutorial

Images are an essential part of any page. Learn how to apply them here.

Tutorial Details:

HTML Tutorials

To get images on your page is a very basic need for any website. It is also quite simple.
The basic code for displaying an image is:


Replace theimage.jpg with the image that you wish to display and you have a working image. However, there are a few more attributes that you can assign to an image to get it to do different things.
SRC : this is used in the above code and is the location of the image that you wish to show.
WIDTH : This is the width of the image that you are using. This doesn't necessarily have to be the actual width of the image, you can use this attribute to stretch or squish the image to whatever size you want.
HEIGHT : Exactly the same as HEIGHT, except vertical.

ALT : This is the alternative text to display instead of the image in case the image doesn't show up for some reason. It is usually a description of the image, or simply the name of the image, such as 'Sunset' for example.
ALIGN : This is used to place the image on different sides of the page, and allows text to be wrapped around it. For example, you could set this to 'right' which would place the image on the right side of the page and have all text wrap around it.

Those are the main attributes that can be used on an image. Now, let's assign all these attributes to an image and see how we go. This code
My Image
...can make this image...
...do this.

Now notice how this text wraps around the image? And how distorted the image is? Of course, you wouldn't want to purposefully make an image look like this, but you can make it work to your advantage in other situations.


 

Read Tutorial at: Click here to view the tutorial

Rate Tutorial:
HTML Images Working With Images Tutorial

View Tutorial:
HTML Images Working With Images Tutorial

Related Tutorials:

JavaWorld - Distributed applet-based massively parallel processing (DAMPP) - January 1997
JavaWorld - Distributed applet-based massively parallel processing (DAMPP) - January 1997
 
To jar or not to jar? - JavaWorld - July 1998
To jar or not to jar? - JavaWorld - July 1998
 
Build servlet-based enterprise Web applications - JavaWorld - December 1998
Build servlet-based enterprise Web applications - JavaWorld - December 1998
 
Bridge the gap between Java and Twain
Bridge the gap between Java and Twain
 
Picture this
Picture this
 
Filtering and Transforming Digital Images
Filtering and Transforming Digital Images In this Issue Welcome to the Core Java Technologies Tech Tips for April 7, 2004. Here you\'ll get tips on using core Java technologies and APIs, such as those in Java 2 Platform, Standard Edition (J2SE).
 
Prototyping Desktop Applications
Prototyping Desktop Applications a prototype can be used to gather user feedback very early in the development process. The prototype can also help you to estimate the time and resources needed to complete your project. It takes a lot of work to build a
 
The HTML Renderer Shootout, Part 1
The HTML Renderer Shootout, Part 1 In this article, we will review 11 different HTML renderers, comparing their features, compliance, and speed; searching for the best one for any project.
 
Java Tech: Acquire Images with TWAIN and SANE, Part 1
Scanners, digital cameras, and other image-acquisition devices are part of the computing landscape. Despite their ubiquity, however, Java does not provide a standard API for interacting with these devices. And yet there certainly is a desire to have a sta
 
JTwain
JTwain will implement a Java interface to the the Win32 C DLL TWAIN acquire methods.
 
Servlet Essentials
This document explains the concepts of Java Servlets and provides a step-by-step tutorial for writing HTTP Servlets with complete source code for the example Servlets. The tutorial and the other chapters cover all facets of Servlet programming from a ...
 
JSP Tutorial
This Tutorial is for beginners in the Java Server Pages Technology
 
Getting Started With Composite Capabilities/Preference Profiles and JSR 188
This article presents Composite Capabilities/Preference Profiles for designing content once. JSR 188 allows users to access the same application or content from any device, and be confident that it will work on that device, and will accommodate their pref
 
The J2EE Architecture allows the programmers to divide their work into two major categories Business Logic Presentation
The J2EE Architecture allows the programmers to divide their work into two major categories Business Logic Presentation Logic J2EE Architecture The J2EE Architecture allows the programmers to divide their work into two major categories: Business
 
Introduction To Enterprise Java Bean(EJB). Developing web component.
Introduction To Enterprise Java Bean(EJB). Developing web component. Developing web component Introduction To Java Beans J2EE specification defines the structure of a J2EE application. According to the specification J2EE application consists of
 
Building Web Application With Ant and Deploying on Jboss 3.0
Building Web Application With Ant and Deploying on Jboss 3.0 Building Web Application With Ant and Deploying on Jboss 3.0 Previous Tutorial Index Next In this lesson I will show you how to build you web application and install on the Jboss 3.0
 
Using image in WML We can use the
Using image in WML We can use the Tutorial Using image in WML In this lesson we will write application that images. We can use the tag to display the image in our document. The image appears wherever tag is placed within the text.
 
What is Web Hosting
What is Web Hosting What is Web Hosting? What is Web Hosting? If you have a company and want web presence than you need a website. With the website any one from the world must be able to view your pages, images etc. Website is actually a
 
VolatileBufferedToolkitImage Strategies
Ever wondered what kind of image to use in your application? Or what method to use in creating it? This article attempts to address this challenging topic.
 
JPackIt JPackIt is a Java application for packaging a Java project into single executable package
Java Project in single jar, class or exe containing all java application resources and referenced libraries.
 
Site navigation
 

 

Send your comments, Suggestions or Queries regarding this site at roseindia_net@yahoo.com.

Copyright © 2006. All rights reserved.