ZIOZOIZ.COM
HOME ---- ALL SOFTWARE ---- GAME EMULATORS ---- GAMES & TECHNOLOGY
CONTACT US - ITALIANO - ZioZoiZ - ENGLISH - ZioZoiZ


Google
 

WEBSITE DEVELOPMENT HOME >> WEBSITE DEVELOPMENT >> GUIDE / TUTORIAL >>


WEBSITE DEVELOPMENT - GUIDE - HTML TUTORIAL - 001

>> HTML LANGUAGE INTRODUCTION <<

Most Web pages are created through the HTML Language (HyperText Markup Language). The HTML Codes and Symbols are then interpreteted and elaborated by browsers(Programs that View Web Pages; ex. Internet Explorer, Netscape, Firefox, Opera, etc).

There are Software / Programs (Web Editors) which make it easy to create web pages without knowing the HTML language. All the same Knowing a bit of HTML could be helpful, either to create a web page, or just to make some small changes to an already esisting web page. Knowing this language also makes one know what happens in the backstage of a web page, and this could be important to the webmaster (or even to a simple net sufer).


There are two ways to see the HTML Code of a web page; for example to see this page in the browser "Inetrnet Explorer":

1. Click on the "View" Menu (upper left) of the browser then choose "HTML" to see the Code (HTML language), ( FIG. 1 ).

FIG. 1


2. Right Click in any point of the page and then Choose "HTML", ( FIG. 2 ).

FIG. 2

At this point a window with symbols and Codes, between the pair of signs < > opens ( FIG. 3 ). The Codes between the "<" and ">" symbols are known as Tags, and they help the browser in the eleboration and viewing of the web pages' graphic format.

FIG. 3



>> CREATING A SIMPLE WEB PAGE <<

After seeing how the HTMl code of a web page looks like, lets pass on in the creation of a simple web page. We will use a simple Text Editor, for example "note book" of Windows to create our HTML page.

To open note book you must Click on the "Start" Menu of Windows (lower left) select "programs" then "Accessories" and finally "note book".

Type the following text ( FIG. 4 ) on the blank page of note book, (you can write it either in lower or upper case and just don't worry about the meaning of the symbols and codes, everything will be explained):

FIG. 4

After you have typed the text in the above image ( FIG. 4 ), in the "note book" document, go to the "File" Menu Click on the option "Save As..." ( FIG. 5 ) and save the file with a chosen name, plus the format "htm" or "html" ( FIG. 6 ), for example you can save it as "page.html" (for now we won't make differienciate between the format "htm" and "html", they will be explained later, so you can save the file as either "page.htm" or page.html" you will get the same result).

FIG. 5

FIG. 6
Adding the extension "html" or "htm" to the name creates a file that can be interpreted by the browser (for example the "Internet Explorer" browser.)


After saving the file close the note book program.
At this point we have to find the folder where we save the file we have just created and saved: the html file will have the icon of the browser used by the operative system (ex. In the Windows, Microsofts' operative system, the icon of the file will be that of Internet Explorer).


Click on the icon of the file just created to open our web page (even without have internet). The page should be equal to the image 7 ( FIG. 7 ), if you want to see the whole page Click here...

FIG. 7

At this point we can view the web page just created. If we want to see the HTML code of our page, we just have to Click on the "View" Menu (on the upper left) of our browser e and then Click on "HTML" ( FIG. 8 ) to see the Code or just right Click on any point of our page and then choose the option "HTML", ( FIG. 9 ).

FIG. 8

FIG. 9



At this point what have we learnt?


1. What the HTML language is.

2. How to create a simple web page.

3. How to view the HTML code of our web page or of any other web page.



TO BE CONTINUE ......

NEXT : EXPLANATION OF HTML CODES AND SYMBOLS

HTML GUIDE / TUTORIAL MENU



!! FREE WALLPAPERS !!
Wallpaper of the Week


WEB SEARCH
Google

Copyright © www.ziozoiz.com. 2006 - All Rights Reserved.
Tutti i marchi registrati appartengono ai legittimi proprietari.
ziozoiz.com non é responsabile per eventuali danni sul vostro sistema causati dall'utilizzo dei software recensiti.