Nozioni fondamentali su HTML

  • Articolo

La maggior parte dei browser ha la possibilità di esaminare l'origine HTML delle pagine che si esplorano. Quando si visualizza l'origine, vengono visualizzati diversi tag HTML (Hypertext Markup Language), racchiusi tra parentesi angolari(<>), interspersi con testo.

La procedura seguente usa tag HTML per creare una semplice pagina Web. In questi passaggi si digita testo normale in un file in Blocco note, si apportano alcune modifiche, si salva il file e si ricarica la pagina nel browser per visualizzare le modifiche.

Per creare un file HTML

  1. Aprire Blocco note o qualsiasi editor di testo normale.

  2. Scegliere Nuovo dal menu File.

  3. Digitare le righe seguenti:

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. Scegliere Salva dal menu File e salvare il file come c:\webpages\First.htm. Lasciare aperto il file nell'editor.

  5. Passare al browser e scegliere Apri dal menu File oppure digitare file://C:/webpages/first.htm nella casella di modifica URL del browser. Verrà visualizzata una pagina vuota con la finestra didascalia "Top HTML Tags".

    Si noti che i tag sono associati e sono inclusi tra parentesi angolari. I tag non fanno distinzione tra maiuscole e minuscole, ma la maiuscola viene spesso usata per distinguersi dai tag.

    Il tag <HTML> avvia il documento e il tag </HTML> lo termina. I tag finali (non sempre obbligatori) sono uguali al tag iniziale, ma hanno una barra (/) davanti al tag. Non dovrebbero esserci spazi tra parentesi angolare (<) e l'inizio del tag.

  6. Tornare a Blocco note e dopo la <riga /HEAD> digitare:

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. Scegliere Salva dal menu File.

  8. Tornare al browser e aggiornare la pagina.

    Le parole verranno visualizzate nell'area client della finestra del browser. Si noti che il ritorno a capo viene ignorato. Se si desidera avere un'interruzione di riga, è necessario includere un <BR> tag dopo la prima riga.

    Per tutti i passaggi che seguono, inserire il testo in qualsiasi punto tra <BODY> e </BODY> da aggiungere al corpo del documento.

  9. Aggiungere un'intestazione:

    <H3>Here's the big picture</H3>

  10. Aggiungere un'immagine usando un file GIF salvato nella stessa directory della pagina:

    <IMG src="yourfile.gif">

  11. Aggiungere un elenco:

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. Per numerare l'elenco, usare invece tag OL e /OL> associati <al posto dei <tag UL> e </UL>.<>

Questo dovrebbe iniziare. Se viene visualizzata una funzionalità ottimale in una pagina Web, è possibile scoprire come è stata creata esaminando l'origine HTML. Gli editor HTML, ad esempio Microsoft Front Page, possono essere usati per creare pagine semplici e avanzate.

Ecco l'intera origine HTML per il file che si sta creando:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

Per una descrizione completa di tag, attributi ed estensioni, vedere la specifica HTML (Hypertext Markup Language):

Ultima versione pubblicata di HTML in W3C.org.

Vedi anche

Nozioni di base sulla programmazione Internet MFC