Image Attributes Used In Professional Web Design
- Date: 2007-11-05 - Word Count: 510
Share This!
Image tags IMG with its SRC attribute points to the uniform resource locator that is URL of the graphic file to be displayed to add an inline image to the web document. Following tag is added to the HTML document at the location in which we want to display the image. Then replace the file name with the URL of the image we want to display. IMG SRC= �file name�. When an inline image is inserted in a document along with text by default the text is aligned with the bottom of the image. The default alignment can be changed using the image tags align attribute. To align the text at the top of the image we can use TOP as attribute and so on. Browsers display images inline and text does not wrap around images but an image can be displayed on the right or left side of the document such that the text surrounds the image. Such an image is termed as a floating image in professional web design. A floating image can be easily created by using the image tags align attribute that is LEFT or RIGHT. HTML supports image scaling. Scaling down of an image means that the image would be displayed in a size described by the image tags height and width attributes, irrespective of the actual dimensions of the image. The download time of the image does not reduce if we specify dimensions less than the actual image dimensions. The browser still downloads the actual image and then scales it before displaying it on our web page. Scaling up on an image can also be done. It is similar to scaling down of the image that we attain by using the height and width attribute. Scaling up an image causes deformation of image that is termed as pixilation. Hence scaling up of an image should be avoided as far as possible in professional web design. Alternative text can also be provided for users who use text based browsers. Alternative text tells the user about the presence of a graphic image and provides a brief description of the same. This can be achieved by using image tags ALT attribute. Web browsers display images with a border around them. The border attribute of image tag can be set by providing a value for the border thickness in pixels. White space around an image can be provided by using v space and h space attributes of the image tag. V space is used to add vertical and h space is used to add horizontal space around the image. These attributes provide the space and pixels. HTML uses image maps which are a kind of navigational tabs making work easy in professional web design. An image maps an image to one or several links using regions called hot zones.
--
Kyle Newton is a Professional web design and ecommerce professional with 7 years of experience in the web development and internet marketing field. He has developed total online presence systems and has helped establish many successful online businesses.
--
Kyle Newton is a Professional web design and ecommerce professional with 7 years of experience in the web development and internet marketing field. He has developed total online presence systems and has helped establish many successful online businesses.
Related Tags: website design, flash web design, website development, professional web design, professional seo, professional search engine optimization, quality web
Your Article Search Directory : Find in Articles
Recent articles in this category:
- Things To Know About Getting Visitors To Your Website
You Must Get Targeted Traffic To Your Business Website, Paid or Free.Let's face it! Without traffic - Website Designing :better Buck Up For Better Conversion
Slow and steady wins the race. Is it? It may not be true for the realms of offshore web designing. W - Know Basics Of Websites Before Designing Website For Your Specific Needs
Present is the age of internet and without having an online identity no organization or firm is comp - Web Design Methodology
Since the budding of the internet the use of web has been increased by leaps and bounds due to boomi - Indian Php Developers Is Cost-effective Web Development Solutions
PHP is an open source programming language which is used to create customized web development soluti - Why A Logo
Pictures are a powerful medium of communication; they tend to stick with us. You could forget a line - 8 Common Web Development Mistakes To Avoid
When you are ready to start with your online business the first thing which comes in front of you is - Web Design- The Window To A World Of Success
It can take your business to the international level in a quick and easy way. Your website can take - Only Basements - Perfect Basement Design Ideas In Ottawa And Montreal
An idea can change our lives. Any idea which is constructive offers great benefits. It can be anythi - A Premium Website Helps In Creating Charisma In The Web World
Websites play a very important role in the advancement of a company. It is your website that forms a
Most viewed articles in this category:
- Why Custom Logo Design Matters-Are You Satisfied
Why custom logo design matters With so many companies competing for the same clients, it's becoming - Internet Web Page Design
Internet web page design is something we must master if we are to build a successful internet busine - Is your website innovative? Increase Your Business Over Night!
While studying online for IT investment opportunities, I found that one main factor was constant. Al - How to Get Profits from Your 404 Page not Found file.
"'Page Not Found' on this Server. Check the URL and try again. Or Refresh the page..."This - The Psychology of Web Surfers
Here are some things you should know about web surfers: They are busy They - Advantages of an Online Site Builder
There are numerous choices when it comes to building web sites. One of the first choices you will ha - How To Create Clear Web Site Graphics (Part 2 of 2)
Web site graphics can spice up your web sites and increase stickability if used correctly.In this ar - The Title An Accurate And Descriptive Summary
It's the little things that count. The obvious and most times overlooked are usually the most import - How To Create Clear Web Site Graphics (Part 1 of 2)
Clear web site graphics can spice up your web sites and increase stickability if appropriately used. - Building Community Websites Equals Success Online
In this article I will discuss how important is it to build community websites rather than straight