Webmaster : Guida HTML

bitPortal.it: Programmazione Hardware e Software



 Programmazione
Visual Basic.NET
Visual C++
LabView
C/C++ con Linux
Tcl/Tk
Bash
HTML
Javascript
Sicurezza

 Collegamenti    esterni
Centinaia di Giochi Gratis ai quali Giocare Online
 Giochi Gratis

Settore Finanza: Guida al Trading Online
 Guida Trading Online

Settore Finanza: Guida Prestiti e Finanziamenti
 Guida Prestiti e Finanziamenti

Tutorial e articoli su Php, Xml, AJjax,VoIP ..
 WebSpazio.it

Articoli riguardanti il tema del lavoro da casa
 lavorare da casa

Tutorial sul web hosting + Articoli riguardanti il tema dell' hosting di siti web
  Hosting Sito Web

Inviaresmsgratis.it si propone come bussola per tutti gli utenti che sono alla ricerca di siti internet per inviare sms gratis.
  SMS Gratis

Directory in cui segnalare il vostro sito gratis
    Directory

Guida alla zoologia e alle specie animali
    Zoologia




  HTML


Programmare con HTML



Struttura di un documento HTML



Introduzione

Immagino che ormai tutti sappiate cos'è HTML e a cosa serve... ma per quelli che proprio sono profani della materia ricordo che HTML è un linguaggio per la creazione di documenti soprattutto rivolti all'utilizzo sul web.
La serie di lezioni che seguiranno vi fornirà le basi per creare documenti professionali tralasciando gli aspetti teorici ma puntando subito a quelli pratici fornendo sempre molti esempi delle tecniche spiegate.
Per scrivere codice HTML è sufficiente un editor di testo, ma vi consiglio di utilizzare un editor specifico per HTML come ad esempio Dreamweaver di Macromedia. Infatti grazie a questo editor si ha la possibilità di scrivere il codice più velocemente, grazie al completamento automatico, di controllare la correttezza della sintassi, di distinguere le varie porzioni di codice grazie a colori differenti e di utilizzare struttura predefinite all'interno del vostro documento.



Struttura di un documento HTML

La prima parte di un documento HTML fornisce informazioni sulla versione di linguaggio utilizzata. Nell'esempio seguente si specifica che si sta scrivendo in HTML 4.0 Allargato:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Allargato//EN">
	  
L'HTML allargato permette di non essere proprio così rigorosi come nell'HTML stretto... vedremo più avanti cosa vuol dire.
A seguire è necessario introdurre il tag <HTML> seguito dal tag di chiusura </HTML>. All'interno di questi due tag troverà spazio tutto il nostro codice.
Consiglio di utilizzare i tag, soprattutti quelli che richiedono una chiusura, come se fossero scatole cinesi. Scrivete subito anche il tag di chiusura!!

La prima sezione del documento vero e proprio sarà l'intestazione, il cui tag è <HEAD> (sempre accompagnato dal relativo tag di chiusura) che contiene alcune in formazioni riguardante il documento, tra qui il titolo che sarà individuato dal tag <TITLE> accompagnato dal tag di chiusura. Il codice sarà come segue:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Allargato//EN">

<HTML>

<HEAD>
<TITLE>bitportal.it</TITLE>
</HEAD>


</HTML>	  
	  
L'intestazione è seguita dal corpo del documento, quello cioè con i contenuti e che sarà racchiuso tra i tag <BODY> e </BODY> Vi ricordo che per rendere il codice più leggibile agli altri, e per aiutare anche voi stessi, è opportuno inserire di tanto in tanto dei commenti.
Sfruttate i tag <!-- e --> rispettivamente per aprire e chiudere i vostri commenti.
Il tutto potrebbe presentarsi come seque:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Allargato//EN">

<HTML>

<!--  Intestazione  -->

<HEAD>
<TITLE>bitportal.it</TITLE>
</HEAD>

<BODY>
<!--  Inserite qui il testo del vostro documento -->
</BODY>

</HTML>	  
	  
Per visualizzare l'esempio clicca qui