Lezione HTML 4

HTML e UTML

• HTML è l'acronimo di HyperText Markup Language, utilizzato per marcare documenti con tag.
• Tag presentazionali comprendono formattazione di caratteri e paragrafi; tag strutturali includono titoli, elenchi e tabelle; tag ipertestuali per collegamenti; tag multimediali per immagini e contenuti vari.
• Simile a OpenOffice Writer e Microsoft Word.
• Protocolli di scambio utilizzati: http e https.
• Proposta di un linguaggio per tesi di laurea, chiamato UTML (Unical Tesi Mark-up Language), richiede un documento XML valido secondo un DTD definito.

Struttura di una Tesi

• La tesi include: intestazione (titolo, nome autore), corpo (capitoli), ogni capitolo ha un titolo, prologo e sezioni, ciascuna sezione presenta un titolo e paragrafi.
• DTD definisce l'organizzazione necessaria per la tesi.

HTML5

• Abbandonata la necessità di DTD.
• L'elemento radice del documento HTML include un attributo "lang" per dichiarare la lingua del documento.

Metadati in HTML5

• Importanti metadati richiesti includono la codifica dei caratteri e il titolo della pagina, utilizzato dai browser come titolo nella barra e per i segnalibri.

Tag e Attributi

• I tag sono delimitati da parentesi angolari e definiscono porzioni di contenuto.
• Un tag può essere auto-chiudente e può contenere attributi per specifiche aggiuntive.

Struttura dei Documenti HTML

• I file HTML hanno estensione .htm o .html; l'intero documento è racchiuso in un tag html.
• Il corpo del documento è definito dal tag body.
• Gli spazi bianchi multipli vengono ignorati; i paragrafi sono creati con il tag p.

Allineamento e Formattazione

• L'attributo align per la formattazione del testo può essere left (predefinito), center, right e justify.
• Tag per stili di testo: corsivo (i o em), grassetto (b o strong), sottolineato (u), barrato (del), apice (sup), pedice (sub).

Tag per Font

• Tag font per specificare faccia, dimensione (da 1 a 7, 3 di default) e colore del testo.

Organizzazione del Contenuto

• I documenti HTML possono essere strutturati in sei livelli di titoli, da h1 a h6, simili a capitoli e sezioni.
• I collegamenti ipertestuali usando il tag a, specificano l'indirizzo della pagina con l'attributo href.

Liste e Tabelle

• Liste puntate marcate con ul; liste numerate con ol. Elementi delle liste indicati da li.
• Tabelle sono create con il tag table; righe con tr; celle con th (intestazioni) e td (celle normali). L'attributo border specifica il bordo della tabella.

Contenuti Incorporati

• HTML5 permette di incorporare contenuti da altre risorse.

Scopri i fondamenti dell'HTML nella Lezione 4. Approfondiremo i vari tipi di tag, inclusi quelli presentazionali, strutturali e ipertestuali. Impara come i documenti web sono formattati e come le tecnologie come OpenOffice e Microsoft Word si relazionano a questo linguaggio fondamentale.