- Introduzione e struttura del corso.
- Note e appunti del corso
- 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
- Elementi html di tipo block
- Elementi html di tipo inline
- 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
- Selettore Elementi
- Selettori di tipo ID e CLASS
- Selettori di tipo discendenti e figli: siblings, children
- Selettori CSS: Conclusioni
- 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
- 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
- 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
- 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
- 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
- I tag i, b, small, mark, sub e sup
- Elementi di formattazione semantici
- Elementi di formattazione del testo
- Entità html . Spazio, segno minore di, segno maggiori di
- Simboli html e charset
- Entità e simboli
- 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 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 di definizioni :
- Creazione di una lista di definizione
- Liste non ordinate:
- Creare una lista non ordinata
- Liste ordinate
- Liste ordinate
- Il tag
- Formattazione immagine con la proprietà float del CSS
- Formattare una immagine con i fogli di stile css