Corso sull'HTML per la prima H

pagina realizzata come supporto per studio della 'Guida all'utilizzo dell'HTML'
sei in: progetto tecnologico- ambientale / corso HTML

A fianco vi sono una serie di collegamenti a pagine realizzate come supporto per studio della 'Guida all'utilizzo dell'HTML'.
Per leggerne il codice si può ricorrere a visualizza/origine su Explorer
visualizza/sorgente pagina su Mozzilla o Google Crome.

i migliori

alla DiVona uno dei migliori siti personali è quello di Maghini Milo (1H dell'anno scolastico 2010-11)

vedi sito di Maghini

HTML

Introduzione alle reti - reti16 (scarica)
sei presente sulla rete globale come
Guida all'utilizzo dell'HTML
ottobre 2016 (in pdf) (in docs)

guide su Internet

guide HTML
bella e chiara è la guida sull'HTML del liceo Foscarini di Venezia (con una parte anche sul linguaggio PHP):
- altre guide su:
html.net e su xhtml.html.it
guida CCSS su: html.net
guida javascript per esempi su: xhtml.html.it
dream-install (scarica)

1 - introduzione intestazione - sfondo

2 - il testo
... il tag font testi-1 - testi-1a - testi 1c
... lo stile testi-1b

3 - i contenitori
... i titoli cont 1 - cont 2
... paragrafi, div e span cont 3 - cont-4 - cont-5

4 - il tag style per la gestione delle caratteristiche dei contenitori
... i bordi cont 3
... il padding padding 1 - padding 2 - padding 2a - padding 2b
... i margini margin 1
... la posizione con position position 1 .... position 2 .... position 3 .... position 4
... la posizione con float float 1 - float 2

5 - organizzare una pagina
... collocare più div sulla pagina div 1 - div 2 - div 3 - div 4 - div 5
... i modelli di pagina div6
... la gestione delle immagini ima1 - ima2
... gli elenchi puntati e numerati, le tabelle elenchi - tabelle1 - tabelle2
... la gestione dei suoni e dei filmati suoni1 - suoni2 - video1 - video2

6 - l'uso del tag a per la gestione dei collegamenti
... per aprire una nuova pagina apripagina
... per aprire una finestra secondaria aprifinestra
... per aprire sia una nuova pagina che una finestra secondaria apridue
... l'uso di un'immagine per i collegamenti ima1 - ima2
... i collegamenti interni link-interni
... le mappe "sensibili" mappe

7 - la gestione delle proprietà degli elementi (regole) con i fogli di stile
... la direttiva @keyframes per creare dissolvenze sulle immagini (vedi esempio)
... modelli per piniweb.it / pagina principale - pagina indirizzi - pagina lavoro - pagina galleria

8 - lavorare con pagine dinamiche form - form1

9 - javascript: un linguaggio di programmazione per lavorare lato-utente
... 11/1 gestire problemi form2 - java - java1 - java2 - java3 - java4 - java5
... 11/2 aprire finestre
... 11/3 fare presentazioni
... 11/4 gestire filmati

10 - PHP: un linguaggio di programmazione per lavorare lato-server
... 12/1 forum