Untitled Document



 Introduction to HTML
 Structure of HTML
 Creating First HTML  Document
 Understanding Basic  HTML Tools
 Creating First HTML  Document
 Understanding Basic  HTML Tools
   HTML Editors
 Web Browsers
 Starting an HTML  Document
 
 Starting an HTML  Document
 The <!DOCTYPE>  Declaration
 Setting the  boundaries With  <HTML> Tag
   The HEAD Element
   <TITLE> Tag
 A <BASE> for  Hyperlinks
 Showing  Relationships with  <LINK>
 Using <META>to give  More information
 The BODY Element
 
   The Body Element
   <BODY> Tag
 Breaking a Body into  Pieces
   Headings <Hn>
 A New Paragraph <P>
 A New Line <BR>
 Using Horizontal Rulers
 
 Using Horizontal  Rulers
 The STYLE Element
 
 The STYLE Element
 The SCRIPT Element
 
 The SCRIPT Element
 Head and Body tags
 Building Your HTML  Document
 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.




  Creating First HTML Document > Understanding Basic HTML Tools

  Creating First HTML Document

Understanding Basic HTML Tools
Starting An HTML Document
The Body Element
Using Horizontal Rulers
The STYLE Element
The SCRIPT Element

The Overall HTML document development process starts with planning and ends with maintenance. Hence, most of the time is spent on creating HTML documents and checking it. All you will need is a plain text editor, such as Notepad, Simple Text or Vi (it depends on the platform you are working on), and a Web Browser, such as Netscape Navigator or Microsoft Internet Explorer.

  Understanding Basic HTML Tools

Every HTML document, you need the two basic tools:

An HTML editor - is the program used to create and save your HTML documents.
A Web Browser - is the program you use to view and test your HTML documents.

  HTML Editors

In general, HTML editors fall into two categories:

Text - or code-based, which allow you to see the HTML code as you're creating documents.
WYSIWYG (What You See Is What You Get), which show the results of code, similar to the way it will appear in a browser, as you're formatting your document.

Even though a number of WYSIWYG editors are available, it is always good to code HTML using a standard text editor. Windows Notepad is an ideal tool, which is all you need in order to produce HTML. Hand-coding helps you to learn HTML tags and structure and the mistakes you make. By working directly with the HTML, you really learn what the tags and attributes are doing, and you can also troubleshoot even if any problem arises. HTML always requires only plain text and with no formatting at all.

Simple WYSIWYG editors, like Microsoft FrontPage, Macromedia Dreamweaver, ColdFusion, etc, are good for quickly generating HTML documents. However, they do not give as much control over the final appearance as a code based editor do. Also they lag behind HTML specifications and do not support newer enhancements.

  Web Browsers

When surfing the web, you use web browsers to view HTML documents. How your documents appear in browsers varies from browser to browser. Most browsers of today are graphical browsers i.e., they display elements other than text also. A text only browser can display only text. Even the computer's resolution and specific browser setting will alter a document appearance.

To make things even trickier, some browsers support frames, and other do not. All those different browsers and different version of browsers mean that building a Web site that can work perfectly with all of them is virtually impossible. That means making decisions up front about what browsers you want your site to support, and than designing and building the site to accomplish that goal.

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