Guida HTML

L'HTML è il principale linguaggio di pubblicazione di pagine Web. Seguendo questa guida imparerai a realizzare siti in HTML, implementando moduli, costruendo tabelle e altro ancora

Introduzione

1. 1. Introduzione

   Cosa sono i browser e come utilizzarli per visualizzare il codice HTML

2. 2. Come funziona un browser

   l'HTML è un linguaggio di markup, per inserire e posizionare i...

3. 3. Prima di cominciare davvero: lo standard HTML

   Cos'è il W3C, quali sono gli standard dell'HTML e le sue evoluzioni

Come è fatta una pagina HTML

1. 4. Le estensioni dei file e le impostazioni del browser

   Associare un file (.html) al programma che lo gestirà utilizzando le...

2. 5. I TAG dell'HTML: come scriverli

   Cosa sono i TAG HTML, i modi comuni per scriverli e la pratica...

3. 6. I commenti

   Inserire commenti nel codice HTML per aiutare l'orientamento nel...

4. 7. Maiuscolo o minuscolo?

   I Tag HTML possono essere scritti sia in maiuscolo sia in minuscolo

5. 8. Struttura della pagina

   L'intera struttura della nostra prima pagina HTML

L’HTML e i fogli di stile (CSS)

1. 9. Separare il layout dal contenuto

   Le esigenze della progettazione di pagine HTML con i CSS

2. 10. Gli elementi HTML e i fogli di stile

   La classificazione dei TAG HTML in rapporto ai comportamenti e ai CSS

Lo sfondo di un documento HTML

1. 11. Impostare il colore di sfondo

   Come scegliere e come impostare il colore di sfondo di una pagina Web

2. 12. Inserire un'immagine di sfondo

   Come inserire un'immagine sullo sfondo della propria pagina Web

3. 13. Eliminare i margini delle pagine

   Come eliminare i margini per visualizzare una pagina Web in tutta la...

4. 14. Impostare la lingua del documento

   Come impostare la lingua di un documento HTML

5. 15. Approfondimenti: lo sfondo con i CSS

   Lo sfondo di un documento HTML può essere impostato anche per mezzo...

Il testo di un documento HTML

1. 16. Impostare il colore del testo e dei link per tutta la pagina

   Come scegliere il colore del testo e come cambiare i colori dei link...

2. 17. Titoli, paragrafi, blocchi di testo e contenitori

   Organizzare il testo in una pagina Web semanticamente, sfruttando le...

3. 18. Scegliere lo stile (grassetto, corsivo & C.)

   Come modificare lo stile del carattere di una pagina Web

4. 19. Scegliere il font del testo

   Uno sguardo al passato: come definire il carattere con il tag FONT

5. 20. Scegliere il colore del testo

   Definire il colore del testo della pagina Web

6. 21. Gli elenchi nell'HTML

   Elenchi ordinati, non ordinati e liste di definizione

Il cuore del WWW: i Link

1. 22. I link e l'ipertestualità

   Introduzione all'ipertestualità e alla funzione dei link in una...

2. 23. I percorsi assoluti e relativi

   Le differenze di funzione fra link assoluti e link relativi

3. 24. I link interni o ancore

   I link che puntano all'interno dello stesso documento

4. 25. Gli attributi dei link

   Target, Title, hreflang, accesskey, base tag e il colore dei link

Le immagini e le mappe di immagine

1. 26. Inserire le immagini

   Quali tipi di immagini e come inserirle in una pagina HTML

2. 27. Disporre le immagini in un contesto

   Decidere dove posizionare le immagini rispetto al testo

3. 28. Le mappe di immagine

   Come definire le diverse zone cliccabili di un'immagine

4. 29. Le mappe di immagine lato server

   Utilizzare tecnologie di tipo server per definire le zone cliccabili...

Le tabelle

1. 30. Tabella: struttura di base

   Celle, colonne, righe: come scrivere la prima tabella in HTML

2. 31. Creare gruppi di righe: <caption>, <thead>, <tfoot>, <tbody>

   I tag supplementari che permettono di mettere ordine nelle zone della...

3. 32. Raggruppare gli stili delle colonne

   I tag per ordinare le colonne: <colgroup> e <col>

4. 33. Raggruppare celle con rowspan e colspan

   Come dare alle tabelle una struttura più elastica raggruppandone gli...

5. 34. Annidare tabelle

   Come annidare una tabella dentro l'altra

6. 35. Attributi del tag table

   Perfezioniamo la visualizzazione di una tabella: border, cellspacing...

7. 36. Attributi di <table>, <tr>, <td>

   Gli attributi per le dimensioni, lo sfondo l'allineamento, i bordi,...

8. 37. Impaginare un layout con le tabelle

   Usare le tabelle per disegnare il layout del sito: fisso o fluido

I Frame

1. 38. Comporre una pagina in frame

   Cosa sono i frame; la struttura di un frameset; i frameset annidati

2. 39. Attributi dei frames per la visualizzazione

   Gli attributi: scrolling, noresize, frameborder, marginheight e...

3. 40. I link in un frameset e il tag noframes

   ICome gestire i collegamenti all'interno di un frameset; il tag...

4. 41. L'iframe

   Un particolare tipo di frame: gli iframe o inline frame

5. 42. Vantaggi e svantaggi dei frames

   Quali motivi per usare o non usare una struttura a Frame

6. 43. Impaginare a livelli con i CSS

   Sfruttare i fogli di stile CSS per l'impaginazione, significa...

I Moduli (forms)

1. 44. Struttura del tag form

   La struttura del tag Form e i suoi principali utilizzi

2. 45. Un po' d'ordine: raggruppare i moduli

   Come rendere più eleganti e razionali i nostri moduli con il tag...

3. 46. Il tag Input

   I campi dei form: come utilizzare il tag input

4. 47. I bottoni (sumbit, reset, button, image)

   Inserire i bottoni o bottoni di immagine per inviare i moduli

5. 48. Inserire testo (campo testo, textarea, password)

   Inserire nella pagina i campi testuali per l'inserimento del testo

6. 49. Consentire delle scelte (checkbox, radio, select)

   Permettere all'utente di effettuare delle scelte singole o multiple

7. 50. Altri campi (file e hidden)

   Come inviare un file o delle variabili nascoste ad un server

8. 51. Approfondimenti sui form

   Controllare il passaggio da un campo all'altro e gestire il layout...

Includere elementi multimediali e script

1. 52. Premessa: il tag object

   Suggerimenti per l'inclusione di file esterni. La sintassi del tag...

2. 53. Includere un file Audio

   Inserire un file audio di sottofondo o un elemento del lettore RealOne

3. 54. Includere un file Video

   Inserire un fimato video e accenni allo streaming sul Web

4. 55. Includere un file Flash

   Come includere nelle vostre pagine un filmato Flash

5. 56. Includere un file Java

   Come includere un file Java definendo un testo alternativo

6. 57. Includere script JavaScript o CSS esterni

   Inclusione di file JavaScript, VBScript e CSS

Linguaggi e strumenti

1. 58. I meta tag

   Come migliorare il posizionamento sui motori. Titolatura, Meta Tag

2. 59. Il DOCTYPE (DTD)

   Dichiarare la tipologia del documento con il DocType

3. 60. Configurare un programma FTP

   Come pubblicare i file sul proprio sito con un programma FTP

4. 61. Gli editor visuali

   Come scrivere una pagina Web. I principali editor WYSIWYG

5. 62. Una precisazione sul WWW e sui linguaggi

   L'invenzione del WWW e le specifiche dei nuovi linguaggi

6. 63. Conclusioni

   Validare i propri documenti e continuare ad imparare a costruire siti...