Introduzione e struttura del corso
  • Introduzione e struttura del corso.
  • Note e appunti del corso
Struttura di una pagina html
  • Introduzione a html
  • Che cos'è una pagina web o html
  • Come aprire un file html nel browser e modificarlo con un editor di testo
  • Se hai bisogno di un editor html: Visual code
  • Visual code. Installare estensioni e configurazione html css
  • Creare una pagina web da zero e la struttra base di un file html5
  • Aggiungere commenti ad una pagina html
  • Il tag
  • Aggiungere css con i tag link e style
  • Aggiungere javascript ad una pagina web. Tag script
  • Conclusioni struttura di una pagina web
  • Che cos'è un tag o elemento html
  • Che cos'è un attributo di un elemento html 5
  • Aggiungere un tag meta con il name
  • Aggiungere un tag script che colleghi un file javascript
  • Aggiungiamo un titolo alla nostra pagina WEB
  • Download esercizi pratici della sezione
Differenza tra elementi inline ed elementi di tipo block
  • Elementi html di tipo block
  • Elementi html di tipo inline
Introduzione a i fogli di stile a cascata :CSS
  • Introduzione ai fogli di stile: Uso dell'attributo style per formattare tag
  • Uso del tag style per formattare una singola pagina html
  • Fogli di stile esterni
  • Aggiungere l'attributo style al tag body
  • Formattare gli elementi di una pagina utilizzando il tag style
Selettori CSS
  • Selettore Elementi
  • Selettori di tipo ID e CLASS
  • Selettori di tipo discendenti e figli: siblings, children
  • Selettori CSS: Conclusioni
Priorità dell'applicazione dei fogli di stile
  • Priorità delle proprietà CSS
  • Priorità delle proprietà CSS: class e id
  • Priorità delle proprietà CSS: i media query
  • Priorità delle proprietà CSS: Conclusioni
  • Aggiungere delle proprietà CSS ad un elemento html che abbia un certo ID
  • Selezionare tutti gli elementi discendenti di un elemento html
  • Aggiungere del css a tutti i div di una pagina web
  • Download esercizi pratici della sezione
CSS: Formattazione del testo
  • Colori del testo
  • Dimensione del testo
  • Impostare la dimensione del testo
  • Allineamento del testo: text-align
  • Allineare un testo.
  • Impostare il colore del testo ad un elemento
  • Altezza del testo e trasformazione: line-height, text-transform
  • Impostare altezza del testo e trasformare tutto il testo in maiusculo
  • Download esercizi pratici della sezione
Font, font-family e font-face
  • Le famiglie di font del testo: font-family
  • Google font ed altri font esterni
  • Scaricare font in locale e aggiungerli con @font-face
  • Aggiungere una famiglia di font ad una pagina html
CSS: Padding , Margin e Border
  • Aggiungere bordo ad un elemento: border
  • Aggiungere padding ad un elemento
  • Aggiungere margine ad un elemento: margin
  • Aggiungere bordi arrotondati ad un elemento: border-radius
CSS. Background: Aggiungere immagine di sfondo e colori di sfondo:
  • Aggiungere immagine di sfondo: background-image
  • Aggiungere più di una immagine di sfondo ad un elemento
  • Aggiungere un colore di sfondo e decidere fino a dove coprire: background-clip
  • Definire tutte le proprietà di sfondo con la proprietà background
Elementi di formattazione
  • I tag i, b, small, mark, sub e sup
  • Elementi di formattazione semantici
  • Elementi di formattazione del testo
Entità e simboli html
  • Entità html . Spazio, segno minore di, segno maggiori di
  • Simboli html e charset
  • Entità e simboli
Elementi di tipo BLOCK, INLINE e INLINE-BLOCK
  • Elemento html di tipo block: Il div
  • Elementi html di tipo inline. Lo SPAN
  • Elementi inline-block e conclusioni
  • Elementi di tipo BLOCK e inline. Il div e lo span
Elementi di tipo block
  • Elementi di intestazioni h1, h2, h3, h4, h5 e h6
  • Elemento paragrafo:

  • Elemento preformato:
  • Elemento address:
  • I tag

    ,

    , 
    e : conclusione
  • Elementi di tipo blocco : Intestazione, paragrafo, pre, e address
Liste html
  • Liste di definizioni :
  • Creazione di una lista di definizione
  • Liste non ordinate:
    • Creare una lista non ordinata
    • Liste ordinate
    • Liste ordinate
Immagini nel html con il tag Img
  • Il tag
  • Formattazione immagine con la proprietà float del CSS
  • Formattare una immagine con i fogli di stile css