HTML e CSS

Conoscere

• le basi di HTML
• le basi di CSS
• la separazione tra aspetto e contenuto

Sapere

• costruire un semplice documento HTML
• costruire un foglio di stile CSS associato ad un documento HTML

Cos’è l’HTML?

• HyperText Markup Language
• è un linguaggio per la definizione di documenti ipertestuali

tag

• sono l’elemento fondamentale di un documento HTML
• la sintassi base di un tag:

• l’insieme dei tag HTML E’ DEFINITO da uno standard (W3C)
• molti tag POSSONO contenerne altri
• ad ogni tag aperto DEVE corrisponderne uno di chiusura!

• ogni tag può avere diversi attributi per meglio definirne le caratteristiche
• la sintassi base di un attributo: nome_attributo=”valore_attributo”
• gli attributi di un tag sono un insieme di coppie chiave/valore
• gli attributi sono contenuti all’interno di un tag (aperto)
• gli attributi consentiti per ogni tag SONO DEFINITI da uno standard (W3C)

Struttura ad albero di una pagina HTML

Una pagina HTML:

• è composta da nodi identificati da etichette (tag), scelte all’interno di un insieme di etichette predefinite (standard W3C)
• ha una struttura ad albero

• La scorciatoia: Layout Pagina con le tabelle
• Purtroppo questa soluzione apparentemente conveniente presenza diversi problemi, tutti riconducibili alla mancata/errata separazione tra aspetto e contenuto
• La tecnica era molto utilizzata un po’ di anni fa, me è oramai DEPRECATA
• Sarà possibile risolvere il problema e mantenere una corretta separazione
  tra aspetto e contenuto con l’introduzione dei FOGLI DI STILE (CSS)