HTML e CSS
- HTML e CSS sono gli strumenti base per la realizzazione di pagine WEB.
- Le loro specifiche di riferimento sono emesse dal consorzio internazionale W3C.
- W3Schools è un sito privato di istruzione online che offre gratuitamente risorse per l'autoapprendimento di un gran numero di linguaggi di programmazione.
- Nello stato attuale di sviluppo HTML e CSS devevo essere utilizzati insieme. E' ormai considerato obsoleto, sebbene ancora possibile, inserire attributi di formattazione nel codice HTML.
- Gli esempi che seguono sono stati realizzati per provare/approfondire aspetti particolari dei linguaggi. La correttezza sintattica/semantica dei file html e css che li compongono è stata controllata con gli strumenti W3C Markup Validation Service e W3C CSS Validation Service.
HTML e CSS
Struttura della pagina - elementi html e proprietà css per definire il layout di una pagina web.
- test_01.html: Strutturazione pagina web 1.
- test_02.html: Strutturazione pagina web 2.
- test_06.html: Strutturazione pagina web 3.
Formattazione dei testi- font-family, font-size, text-align, text-indent, line-height, writing-mode, text-orientation, ...
- test_03.html: Formattazione del testo.
Tabelle - elementi table, caption, colgroup, thead, tbody, tr, ...
- test_04.html: Giorni della settimana
- test_05.html: Fatturato semestrale
Immagini
- PhotosGalleria.html : Lavorare con le immagini 1
Forms
Le pagine da test_07 a test_13 contengono la traduzione della introduzione alle forms della specifica HTML 5.2 Sezione 4.10.1
- test_07.html: Forms - Interfaccia utente.
- test_08.html: Forms - Configurazione form per la comunicazione con il server.
- test_09.html: Forms - Convalida lato client.
- test_10.html: Forms - Abilitazione completamento automatico controlli.
- test_11.html: Forms - Input su dispositivi mobili.
- test_12.html: Forms - Differenze fra le diverse modalità di input.
- test_13.html: Forms - Date and time e formato dei numeri.
Popups
- popup01.html: w3schools popup.
Iframes
- iframe01.html: w3schools iframe
- PhotosStream.html: Lavorare con immagini e iframe
Datalist
- datalist.html: w3schools datalist.
- select.html: w3schools select.
- formSelectQueries.html: utilizzo di select e datalist