Guida HTML

27 giugno 2016

HTML è il principale linguaggio di pubblicazione di pagine Web, oltre che uno strumento sempre più utilizzato per la realizzazione di contenuti e applicazioni mobile. Seguendo questa guida imparerai a realizzare pagine e siti in HTML, con immagini, link, tabelle, form di inserimento dati per gli utenti, e tanto altro ancora.

Primi passi

  1. 1. Introduzione all'HTML
    Con il markup si impostano la struttura di pagine Web come delle app...
  2. 2. Hello HTML! Creare la prima pagina
    Prendere contatto con gli strumenti base, i file e la struttura delle...

Strumenti

  1. 3. Strumenti di sviluppo, l'editor
    La scelta dell'editor è piuttosto importante: è il principale...
  2. 4. Il Browser, che cos'è, come e perché tenerne conto
    Come funzionano i Browser: il caricamento delle pagine, il rendering...
  3. 5. Software per immagini nelle pagine HTML
    Quali sono i tool più usati e più utili per creare immagini da...

Elementi

  1. 6. Elementi, tag e attributi in HTML
    Cosa sono i TAG e gli attributi in HTML, la semantica, la definizione...
  2. 7. Titoli, paragrafi e testi
    Organizzare il testo in una pagina Web semanticamente, sfruttando le...
  3. 8. Grassetti e corsivi. Usare i tag strong, em, b e i
    I tag più popolari per grassetti e corsivi, come utilizzarli in modo...
  4. 9. Citazioni, acronimi, codice e altri elementi per il testo
    Inserire citazioni di frasi celebri, apici e pedici, usare acronimi e...
  5. 10. Commenti in HTML
    Annotazioni generiche al markup, per rendere inattive porzioni di...
  6. 11. Elenchi puntati e numerati
    Elenchi ordinati, non ordinati e liste di definizione, gli elementi...
  7. 12. Tabella: struttura di base
    Il template di base per creare tabelle in HTML. Rappresentare i dati,...

L’HTML e i fogli di stile (CSS)

  1. 13. Separare il layout dal contenuto
    Le esigenze della progettazione di pagine HTML con i CSS

Lo sfondo di un documento HTML

  1. 14. Impostare il colore di sfondo
    Come scegliere e come impostare il colore di sfondo di una pagina Web
  2. 15. Inserire un'immagine di sfondo
    Come inserire un'immagine sullo sfondo della propria pagina Web
  3. 16. Eliminare i margini delle pagine
    Come eliminare i margini per visualizzare una pagina Web in tutta la...
  4. 17. 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. 18. 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. 19. Scegliere il font del testo
    Uno sguardo al passato: come definire il carattere con il tag FONT
  3. 20. Scegliere il colore del testo
    Definire il colore del testo della pagina Web

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 – edizione precedente

  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 – edizione precedente

  1. 33. Raggruppare celle con rowspan e colspan
    Come dare alle tabelle una struttura più elastica raggruppandone gli...
  2. 35. Attributi del tag table
    Perfezioniamo la visualizzazione di una tabella: border, cellspacing...
  3. 36. Attributi di <table>, <tr>, <td>
    Gli attributi per le dimensioni, lo sfondo l'allineamento, i bordi,...
  4. 37. Impaginare un layout con le tabelle
    Usare le tabelle per disegnare il layout del sito: fisso o fluido

I Frame – edizione precedente

  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) – edizione precedente

  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 – edizione precedente

  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 – edizione precedente

  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. 63. Conclusioni
    Validare i propri documenti e continuare ad imparare a costruire siti...
Se vuoi aggiornamenti su Guida HTML inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Guida HTML

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy