Untitled Document



 Introduction to HTML
 Structure of HTML
 Creating First HTML  Document
 Building Your HTML  Document
 Including Fancier  Formatting
 Building Your HTML  Document
 Including Fancier  Formatting
   Adding Colors
 Specifying Fonts and  Font Sizes
 Changing  Background Image  and Attribute
 Formatting Text by Its  Usage
 
 Formatting Text by Its  Usage
 The Phrase Elements
 Other Special Text  Formatting
 
 Other Special Text  Formatting
 Preformatted Text,  Spaces and All  <PRE>
 Documents with  Changes: <INS>,  <DEL>
 Address Information:  <Address>
 Working with Long  and Short Quotations
 Drawing a Line on  the Page
 Using Lists to Organize  Information
 
 Using Lists to  Organize Information
   Ordered Lists <OL>
   Unordered Lists <UL>
 A Definition or  Glossary List <DL>
 Using the DIR and  Menu List Styles
 Anchors <A..>...</A>
 
   Anchors <A..>...</A>
   HREF
   NAME
   REL
   REV
   TARGET
   TITLE
   Page Formatting
 Lists and Links
 Tables
 Frames
 Including Images into  Document
 Including Multimedia
 Developing HTML  FORMS
 Using Style Sheet
 Understanding URLs
 Using JavaScript
 Using Java

Copyrights : Layout Galaxy All Rights Reserved
No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.




  Building your HTML Document > Including Fancier Formatting

  Building Your HTML document

Including Fancier Formatting
Formatting Text by Its Usage
Other Special Text Formatting
Using Lists to organize Information
Anchors <A>...</A>

  Including Fancier Formatting

You can format the HTML to give some fancy effects such as adding colors, specify fonts and sizes, etc. Although most of the browsers support these effects, not all browsers do!

Adding Colors
Specifying Fonts and Font Sizes
Changing Background Image and Attribute

  Adding Colors

One of the easiest ways to make the document fascinating and beautiful is to add colors to the background. You can change the view of the user by giving different colors to the background and the text and its combination. The drawback of setting colors is that we really do not have control over the color set in the user's system. The user may set their browsers to display what they prefer. You can specify the colors with their names or using hexadecimal numbers.

The colors that are mentioned in hexadecimal coding uses six digits, two for each proportion of red, green and blue. But there is a list of web safe colors, which you can use to avoid dithering. In hexadecimal numbering you use numbers 1 to 9, 0, A, B, C, D, E, F. For example, "FF0000" refers to bright red (no green and no blue at all).


  Specifying Fonts and Font Sizes

You can use the <FONT> tag to specify font characteristics for your document like color, size and typeface. The <BASEFONT> tag sets the text characteristics for the document. Again there is a problem in using different font faces: we cannot get assured that the visitor's machine has the same font! Some of the fonts like Arial, Helvetica, Times, Courier are most commonly available.

Example:

<FONT FACE="helvetica" COLOR="#dc143c" size="+2">…text…</FONT>

Change the font size using the <size> attribute. You can change font with relation to the default size (which is "3"). If the visitor has already changed the default size then the relative sizing will change accordingly.

  Changing Background Image and Attribute

The browsers display a white or gray background by default, but you can change it to any color.

Syntax:

<BODY BGCOLOR="color" (or) "#ffffff">

Here "#" (number sign is added to the color specification)

Back Next


Copyrights : Layout Galaxy All Rights Reserved
No part of this tutorial may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, electrostatic, magnetic tape, mechanical or otherwise, without prior permission in writing from Layout Galaxy.




17, Vadsarvala Nivas, 65-A, J. Nehru Road, Mulund (W), Mumbai - 400 080 INDIA
Tel : 91-22-21645588, 91-22-21640585 Fax : 91-22-21641545
Email : ionline@vsnl.com
© Image Online 2001-2003