Impariamo a costruire un sito Web
Lezione 2: La struttura HTML: I Document Types
Come abbiamo detto alla precedente lezione lo standard HTML non è poi così univoco come si potrebbe pensare. La prima cosa che si deve decidere quando ci si accinge a costruire un sito web in HTML è proprio cosa si vuol utilizzare, HTML o XHTML? E quale DTD (Document Type Description)Impariamo a costruire un sito Web
Lezione 3: La struttura HTML: La nostra prima pagina.
Nella lezione precedente abbiamo visto come ci siano differenze anche nel formalismo HTML a seconda dello standard che si adotta. Come detto ci soffermeremo sull' XHTML 1.0 Strict. Di conseguenza la nostra pagina avrà la seguente strutturaImpariamo a costruire un sito Web
Lezione 4: La struttura : La nostra prima pagina (Parte 2^).
Visto nella lezione precedente cosa inserire nella <head> della nostra pagina web, dobbiamo affrontare la struttura del <body>. Questo sarà praticamente l’argomento di tutto il corso da qui in avanti. Come detto i tag <body> .. </body> includono tutto il contenuto che vogliamo mostrare nella nostra pagina. Per inserire il contenuto, data la struttura del linguaggio ancora una volta troveremo dei tag che hanno il compito di istruire il browser circa come presentare a video ciò che è inserito al loro internoImpariamo a costruire un sito Web
Lezione 5: I tag del <body> : Tag base.
Nell'ultima lezione abbiamo definito lo scheletro base delle nostre pagine web. Basterà salvarlo con un nome generico e poi usarne una copia per ogni nuova pagina che vogliamo scrivere. Adesso affrontiamo il corposo argomento della costruzione del corpo della pagina, vale a dire ciò che andremo ad inserire all'interno dei tag <body> e </body> e che ospiterà i contenuti della nostra pagina, ciò che il browser mostrerà al visitatoreImpariamo a costruire un sito Web
Lezione 6: I tag del <body> : Tag di formattazione.
La seconda categoria di tag che descriveremo è quella dei tag di formattazione. Vengono usati per formattare testo e paragrafi. L'elenco dei tag che abbiamo incluso in questo raggruppamento sono:| <acronym> | Definisce un acronimo |
| <abbr> | Definisce un'abbreviazione |
| <address> | Fornisce informazioni sull'indirizzo dell'autore del documento |
| <b> | Il testo che segue questo tag sarà in grassetto |
| <bdo> | Definisce una nuova direzione del testo (sin-dx oppure dx-sin) |
| <big> | Definisce testo di più grandi dimensioni |
| <blockquote> | Definisce un blocco di testo rientrato e spaziato |
| <center> | Deprecated. Testo centrato |
| <cite> | Definisce una citazione =italico |
| <code> | Definisce del codice di programmazione |
| <del> | Definisce del testo cancellato dal documento |
| <dfn> | Specifica la definizione di una parola o di un testo |
| <em> | Definisce del testo enfatizzato = italico |
| <font> | Deprecated. Definisce font, colore, e grandezza del testo |
| <i> | Definisce testo in italico |
| <ins> | Definisce del testo che è stat inserito in un documento |
| <kbd> | Definisce un testo che deve essere digitato a tastiera |
| <pre> | Definisce un testo preformattato |
| <q> | Definisce un testo virgolettato |
| <s> | Deprecated. Definisce un testo cancellato = <del> |
| <samp> | Definisce un testo campione (font a spaziatura costante) |
| <small> | Definisce un testo più piccolo |
| <strike> | Deprecated. Definisce un testo cancellato |
| <strong> | Il testo che segue questo tag sarà in grassetto = <b> |
| <sub> | Definisce un testo come pedice |
| <sup> | Definisce un testo come esponente |
| <tt> | Definisce un testo con font a spaziatura costante |
| <u> | Deprecated. Definisce un testo sottolieato |
| <var> | Definisce una variabile |
| <xmp> | Deprecated. Definisce un testo preformattato |
Impariamo a costruire un sito Web
Lezione 7: I tag del <body> : Tag per immagini e links
I tag che abbiamo incluso nel raggruppamento per le immagini sono:| <img> | Definisce un'immagine |
| <map> | Definisce una mappa con delle aree cliccabili |
| <area> | Fornisce un area cliccabile di una mappa |
| <a> | Anchor text, cioè un testo sul quale sarà messo un link |
| <link> | Il link ad un documento esterno od ad un altro punto della pagina |
Impariamo a costruire un sito Web
Lezione 8: I tag del <body> : Tag per le liste
I tag che abbiamo incluso nel raggruppamento per le liste sono:
| <ul> | Definisce una lista non ordinata |
| <ol> | Definisce una lista ordinata |
| <li> | Definisce un elemento di una lista (<ul>) |
| <dir> | Deprecated. Veniva usato per liste tipo directory. Usare <ul> |
| <dl> | Definisce una lista di elementi con relativa definizione |
| <dt> | Definisce un elemento della definition list <dl> |
| <dd> | Definisce la descrizione di un elemento della definition list |
| <menu> | Deprecated. Definiva una lista di elementi di menu. Usare <ul> |