www.ilmiositoweb.com

IL LINGUAGGIO HTML


L' HTML è il linguaggio con cui è scritta questa pagina Web, il suo nome è l'acronimo di Hyper Text MarkUp Language, ed è stato ideato nel 1989 dal padre del WWW, il prof. Tim Bernes-Lee del CERN (Centro Europeo Ricerche Nucleari) di Ginevra.
Deriva dal SGML (Standard Generalized MarkUp Language) un vecchio linguaggio in uso nel mondo editoriale.
L' HTML è un insieme di regole per scrivere dei documenti che possano essere letti su qualsiasi computer e da qualsiasi sistema operativo.
E' quindi chiaro che, non essendo un linguaggio di programmazione, l'HTML non ha alcuna possibilità di effettuare operazioni matematiche o logiche, ma invece è adattissimo a creare pagine bellissime, piene di grafica in alta risoluzione con bottoni sensibili al passaggio del mouse ed oltre ad essere il linguaggio di Internet, può servire a creare facilmente degli ipertesti e delle presentazioni multimediali.

I files scritti in HTML, sono semplici files di testo, che contengono istruzioni di programmazione inframezzate al testo che sarà poi effettivamente letto; le istruzioni, che sono contenute tra due parentesi < e > saranno interpretate dal browser (il programma con cui si naviga in Internet) e trasformate in immagini sul monitor.
In questi ultimi anni, i programmatori della Microsoft hanno dotato le loro versioni di Explorer (il browser piu'diffuso) di estensioni multimediali sempre piu' evolute e di conseguenza anche l' HTML è in rapida evoluzione.
Ormai una pagina Web sta diventando una specie di piccolo programma, un mix di HTML, Java script, script CGI, controlli Active X e altre nuove tecnologie che sono state impropriamente raggruppate sotto il nome di DHTML (Dinamic HTML).
Comunque nonostante Applet Java e ActiveX, l'HTML rimane e rimarra' per molti anni il linguaggio di base per il Word Wide Web, la ragnatela di telecomunicazioni che ormai avvolge tutto il mondo.

ACCENNI DI PROGRAMMAZIONE

Per imparare da autodidatti l'HTML non serve praticamente nulla!
Avete gia' tutto sotto mano, avete gia' il vostro browser, basta andare sul menu' e cliccare su Visualizza (o VIEW) e poi su HTML (o Source) per vedere su NOTEPAD (Blocco note) la sorgente di questa pagina scritta appunto in HTML.
Potrete salvare la pagina come "Prova.htm" sull' Hard Disk, e poi tornare a rivederla dopo aver chiuso il collegamento con Internet. Per rivederla basta cliccarci sopra, partira' di nuovo il vostro browser (Scegliete di navigare non in linea) e cliccando come prima, su Visualizza e poi HTML, potrete cambiare, con NOTEPAD, il mio testo, collegarlo con vostri disegni, ecc... per vedere subito gli effetti dei cambiamenti bisogna salvare e chiudere notepad; tornati nel vostro browser bastera' cliccare su Aggiorna (o Refresh) per caricare il vostro file e vederlo eseguito.
Dopo qualche esperimento potrete esaminare la mia home page, che è un po' piu' complicata e poi potrete pubblicare anche voi la vostra pagina su Internet approfittando degli spazi messi gratuitamente a disposizione da DIGILAND o da TRIPOD o da GEOCITIES o dal vostro Provider di Internet e così avrete un VOSTRO SITO!...
Certamente per diventare programmatori in HTML dovrete acquistare un testo su questo linguaggio, o un programma specifico che vi aiutera' nella programmazione... ma vi assicuro che vi divertirete di piu' a programmare in HTML come vi ho detto io.... e cioe' studiando e modificando i programmi altrui!
Su internet troverete un corso davvero completo sul sito: www.html.it

ELENCO DEI COMANDI

CARATTERI SPECIALI:

Per ottenere la stampa di alcuni caratteri che hanno uno speciale significato nel linguaggio HTML
o per le lettere accentate, si usa la seguente sequenza di caratteri: 

&lt          per il <
&gt          per il >
&amp         per il &
&quot        per il " 
&ouml        per il simbolo dieresi
&ntilde      per il ~ (tilde)
&eacute      per il é
&egrave      per il è
&agrave      per il à e qualsiasi altra vocale
&acute       per il á e qualsiasi altra vocale
&nbsp        per uno   spazio
&#251        per il CARATTERE  û  ECC..
<! xxxx! >     il ! equivale al REM del BASIC quello che segue e' un commento


< FONT style="FONT-SIZE: 100px" face="batang">123 </FONT>

123 123 
 TIPO E GRANDEZZA DEI CARATTERI:  

Per vedere quali sono tutti i tipi di caratteri, guardate su Blocco note sotto "Formato" - "carattere"



<FONT style="FONT-SIZE: 15px">  per una grandezza IMMUTABILE dei caratteri
<I>        per formattare in italic
<B>         ,,     ,,        bold grassetto
<U>         ,,     ,,        sottolineato
<dfn>       ,,     ,,        italic (definition)
<em>        ,,     ,,        bold (emphasis)  
<cite>      ,,     ,,        titoli (citation)
<code>      ,,     ,,        computer code   
<kdb>       ,,     ,,        input da keyboard 
<samp>      ,,     ,,        messaggi di stato del P.C. 
<strong>    ,,     ,,        grassetto 
<var>       ,,     ,,        nome di variabile 
<address>   ,,     ,,        nome e indirizzo dell'autore

<h1>                         grandezza massima
<h6>                         grandezza minima
Tranne i comandi per formattare in italic e bold, e quelli per definire la
grandezza del carattere, gli altri sono pochissimo usati.

DOVRESTE OSSEVARE IL LISTATO DI QUESTA PAGINA (VIEW SOURCE o HTML) PER CAPIRE
COME SONO RIUSCITO A SCRIVERE E FARVI VEDERE I CARATTERI SUDDETTI...

ED ECCO I COMANDI PIU' USATI: 

<HTML>                  TUTTI I DOCUMENTI HTML DEVONO INIZIARE COSì
</HTML>                 TUTTI I DOCUMENTI HTML DEVONO FINIRE COSì
<HEAD>                  TESTA DEL DOCUMENTO
</HEAD>                 FINE DELLA TESTA
<BODY>                  CORPO (SEGUE LA TESTA)
</BODY>                 FINE DEL CORPO
<TITLE>                 TITOLO ALL'INTERNO DELLA TESTA
</TITLE>                FINE DEL TITOLO
<FONT SIZE=X>           GRANDEZZA DEI CARATTERI VA DA 1 A 7
</FONT>                 FINE GRANDEZZA X DEI CARATTERI
<PRE>                   TUTTE LE RIGHE CHE SEGUONO VENGONO SCRITTE ESATTAMENTE COME NEL SORGENTE
<BLINK>                 CARATTERI LAMPEGGIANTI (SOLO NETSCAPE)
<P>                     A CAPO E SALTO DI UNA RIGA
<BR>                    A CAPO
<HR>                    LINEA NERA ORIZZONTALE LUNGA COME LO SCHERMO
<HR SIZE=5>             LINEA NERA ORIZZONTALE DELLO SPESSORE DI 5 PIXEL
<HR WIDTH=60%>          LINEA NERA ORIZZONTALE LUNGA IL 60% DELLO SCHERMO
<A HREF="X.htm">Vai     LINK AL DOCUMENTO X.htm  LA PAOLA 'Vai' E' AZZURRA E SOTTOLINEATA
</A>                    FINE DEL LINK (CLICCANDO SU 'Vai' SI ARRIVA AL DOCUMENTO X.htm
<UL>                    LISTA NON NUMERICA
</UL>                   FINE LISTA
<UL TYPE=DISC/CIRCLE/SQUARE> DEFINISCE IL SIMBOLO CHE PRECEDE OGNI ELEMENTO DELLA LISTA
<OL>                    LISTA NUMERATA (ORDINATA)
<OL TYPE=A/a/I/i>       DEFINISCE IL TIPO DI NUMERAZIONE ORDINATA (MAIUSCOLE O MINUSCOLE)  
<LI>                    ELEMENTO DELLA LISTA EVIDENZIATO DA UN CERCHIETTO
<DL>                    LISTA DESCRITTIVA
</DL>                   FINE LISTA DESCRITTIVA
<DT>                    TITOLO IN UNA LISTA
<DD>                    DESCRIZIONE IN UNA LISTA 
<IMG ALIGN=BOTTOM                  ALLINEAMENTO DEL TESTO SOTTO L'IMMAGINE (DEFAULT)
<IMG ALIGN=LEFT                    ALLINEAMENTO DEL TESTO A SINISTRA DELL'IMMAGINE 
<IMG ALIGN=RIGHT                   ALLINEAMENTO DEL TESTO A DESTRA DELL'IMMAGINE 
<IMG ALIGN=MIDDLE                  ALLINEAMENTO DEL TESTO AL FIANCO DELL'IMMAGINE 
<IMG ALIGN=TOP                     ALLINEAMENTO DEL TESTO SOPRA L'IMMAGINE 
<IMG SRC="X.gif" border=1>         SORGENTE DELL'IMMAGINE (FILE  X.GIF)  bordo di 1 pixel    
<IMG SRC="X.gif"  ALT="LOGO">      L'IMMAGINE VERRA' CHIAMATA 'LOGO'
<IMG WIDTH=W HEIGHT=H SRC="X.gif"> SPECIFICA LARGHEZZA(W) E ALTEZZA (H) DELL'IMMAGINE
<BODY BACKGROUND="X.gif">          CARICA UN'IMMAGINE COME SFONDO DI TUTTA LA PAGINA
<IMG VSPACE - HSPACE="10">         INTRODUCONO UNO SPAZIO INTORNO ALL'IMMAGINE 
<BODY BGCOLOR="#rrggbb">           COLORE DELLO SFONDO rrggbb SONO I VALORI  
<BODY BACKGROUND="SFONDO.GIF"      IMMAGINE COME SFONDO (anche di una TABLE)

Scritte colorate <span style="background-color: #FFFF00"> 

<BODY TEXT=#rrggbb">               COLORE DEL TESTO    ,,            ,,            ,,           
<FONT COLOR=#rrggbb">              COLORE DEL TESTO    ,,            ,,            ,,          
<BODY LINK=#rrggbb">               COLORE DEL LINK     ,,            ,,            ,,          
<BODY ALINK=#rrggbb">              COLORE DEL LINK ATTIVO            ,,            ,,          
<BODY VLINK=#rrggbb">              COLORE DEL LINK GIA' VISITATO     ,,            ,,          
<BODY BGSOUND="X.MID">             MUSICA IN SOTTOSFONDO con files .mid o .wav o .mp3  
<marquee scrollamount=2>           (TESTO SCORREVOLE e velocità)TESTO SCORREVOLE
<marquee behavior="alternate">       TESTO bidirezionale  

<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=5)"> per effetti speciali 
                                                                                                                              

<style fprolloverstyle>A:hover {color: #FF0000;  font-weight: bold}   per colorare al passaggio del MOUSE

<TABLE>
ESEMPIO DI TABLE:
TITOLO EDITORE Prezzo   P



SITO da 99 Euro SITO da 250 Euro SITO da 500 Euro PRIMO su GOOGLE PRIMO su YAHOO SCRIVICI 

TELEFONA
PER ULTERIORI INFORMAZIONI TELEFONA AL NUMERO 339 8016729
E-MAIL:webmaster@miositoweb.com