## Obiettivo
Presentare le informazioni sui dipendenti in un formato tabellare strutturato utilizzando i tag HTML appropriati per creare righe e colonne.

## Compito
Crea una tabella con tre colonne: **Nome**, **Posizione** e **Salario**. Concentrati sull'utilizzo dei tag HTML appropriati per popolare la tabella con le righe e le colonne corrette.
Ecco i dati da includere:
1. Nome: **Emma Johnson** | Posizione: **Sales Associate** | Salario: **$15.50 per ora**.
2. Nome: **Liam Thompson** | Posizione: **Customer Service Representative** | Salario: **$14.75 per ora**.
3. Nome: **Olivia Rodriguez** | Posizione: **Marketing Coordinator** | Salario: **$18.25 per ora**.
4. Nome: **Noah Smith** | Posizione: **IT Support Specialist** | Salario: **$20.00 per ora**.
5. Nome: **Ava Davis** | Posizione: **Administrative Assistant** | Salario: **$16.80 per ora**.


PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDx0YWJsZT4KICAgICAgPCEtLSBUYWJsZSBoZWFkZXI6IERlZmluZXMgdGhlIGNvbHVtbiBoZWFkaW5ncyAtLT4KICAgICAgPHRoZWFkPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0aD5fX188L3RoPgogICAgICAgICAgPHRoPlBvc2l0aW9uPC90aD4KICAgICAgICAgIDxfX18+V2FnZTwvX19fPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGhlYWQ+CgogICAgICA8IS0tIFRhYmxlIGJvZHk6IENvbnRhaW5zIGRhdGEgZm9yIGVhY2ggZW1wbG95ZWUgLS0+CiAgICAgIDx0Ym9keT4KICAgICAgICA8IS0tIFJvdyAxIC0tPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0ZD5FbW1hIEpvaG5zb248L3RkPgogICAgICAgICAgPHRkPl9fXzwvdGQ+CiAgICAgICAgICA8dGQ+JDE1LjUwIHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDIgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPF9fXz5MaWFtIFRob21wc29uPC9fX18+CiAgICAgICAgICA8dGQ+Q3VzdG9tZXIgU2VydmljZSBSZXByZXNlbnRhdGl2ZTwvdGQ+CiAgICAgICAgICA8dGQ+JDE0Ljc1IHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDMgLS0+CiAgICAgICAgPF9fXz4KICAgICAgICAgIDx0ZD5PbGl2aWEgUm9kcmlndWV6PC90ZD4KICAgICAgICAgIDx0ZD5NYXJrZXRpbmcgQ29vcmRpbmF0b3I8L3RkPgogICAgICAgICAgPHRkPiQxOC4yNSBwZXIgaG91cjwvdGQ+CiAgICAgICAgPC9fX18+CiAgICAgICAgPCEtLSBSb3cgNCAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+Tm9haCBTbWl0aDwvdGQ+CiAgICAgICAgICA8dGQ+SVQgU3VwcG9ydCBTcGVjaWFsaXN0PC90ZD4KICAgICAgICAgIF9fXwogICAgICAgIDwvdHI+CiAgICAgICAgPCEtLSBSb3cgNSAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+QXZhIERhdmlzPC90ZD4KICAgICAgICAgIF9fXwogICAgICAgICAgPHRkPiQxNi44MCBwZXIgaG91cjwvdGQ+CiAgICAgICAgPC90cj4KICAgICAgPC90Ym9keT4KICAgIDwvdGFibGU+CiAgPC9ib2R5Pgo8L2h0bWw+

LyogCiAgV2UgY29sbGFwc2UgdGhlIGJvcmRlcnMgb2YgZWFjaCBjZWxsLiAKICBCeSBkZWZhdWx0LCBlYWNoIGNlbGwgaGFzIGl0cyBvd24gYm9yZGVycyAKICB3aGljaCBhcmUgbm90IGNvbm5lY3RlZC4KKi8KdGFibGUgewogIGJvcmRlci1jb2xsYXBzZTogY29sbGFwc2U7CiAgbWFyZ2luOiAwIGF1dG87CiAgbWFyZ2luLXRvcDogMzBweDsKICBmb250LWZhbWlseTogQXJpYWwsIHNhbnMtc2VyaWY7Cn0KCi8qIAogIEFkZCBhIGJvcmRlciBhbmQgcGFkZGluZyB0byB0aGUgY2VsbHMsIAogIHRoZSBkaXN0YW5jZSBmcm9tIHRoZSBjb250ZW50IHRvIHRoZSBib3JkZXIuCiovCnRhYmxlIHRoLAp0YWJsZSB0ZCB7CiAgcGFkZGluZzogMTBweDsKICBib3JkZXI6IDNweCBzb2xpZCAjZmY4YTAwOwogIHRleHQtYWxpZ246IGNlbnRlcjsKfQoKLyogU3R5bGUgZm9yIHRhYmxlIGhlYWRlciByb3cgKi8KdGhlYWQgdGggewogIGJhY2tncm91bmQtY29sb3I6ICNmMmYyZjI7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7CiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTsKfQoKLyogQWx0ZXJuYXRlIHJvdyBiYWNrZ3JvdW5kIGNvbG9yICovCnRib2R5IHRyOm50aC1jaGlsZChldmVuKSB7CiAgYmFja2dyb3VuZC1jb2xvcjogI2YyZjJmMjsKfQoKLyogSG92ZXIgZWZmZWN0IG9uIHRhYmxlIHJvd3MgKi8KdGJvZHkgdHI6aG92ZXIgewogIGJhY2tncm91bmQtY29sb3I6ICNmZmQ2OTk7Cn0KCi8qIFRleHQgc3R5bGluZyBmb3IgY2VsbHMgKi8KdGFibGUgdGggewogIGZvbnQtc2l6ZTogMTZweDsKICBjb2xvcjogIzMzMzsKfQoKdGFibGUgdGQgewogIGZvbnQtc2l6ZTogMTRweDsKICBjb2xvcjogIzU1NTsKfQoKLyogRW1waGFzaXplIHdhZ2UgKi8KdGFibGUgdGQ6bnRoLWNoaWxkKDMpIHsKICBmb250LXdlaWdodDogYm9sZDsKICBjb2xvcjogI2ZmOGEwMDsKfQ==

1. Usa il tag `table` per definire l'elemento contenitore principale per la tabella.
2. Usa il tag `thead` per raggruppare il contenuto dell'intestazione della tabella, come le intestazioni delle colonne.
3. Usa il tag `tr` per definire una nuova riga all'interno della tabella.
4. Usa il tag `th` per definire il testo dell'intestazione per ciascuna colonna.
5. Usa il tag `tbody` per raggruppare il contenuto principale della tabella, che include le righe e le celle dei dati.
6. Usa il tag `td` per definire i dati effettivi o il contenuto all'interno di ciascuna cella della tabella.

PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDx0YWJsZT4KICAgICAgPCEtLSBUYWJsZSBoZWFkZXI6IERlZmluZXMgdGhlIGNvbHVtbiBoZWFkaW5ncyAtLT4KICAgICAgPHRoZWFkPgogICAgICAgIDx0cj4KICAgICAgICAgIDx0aD5OYW1lPC90aD4KICAgICAgICAgIDx0aD5Qb3NpdGlvbjwvdGg+CiAgICAgICAgICA8dGg+V2FnZTwvdGg+CiAgICAgICAgPC90cj4KICAgICAgPC90aGVhZD4KCiAgICAgIDwhLS0gVGFibGUgYm9keTogQ29udGFpbnMgZGF0YSBmb3IgZWFjaCBlbXBsb3llZSAtLT4KICAgICAgPHRib2R5PgogICAgICAgIDwhLS0gUm93IDEgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPkVtbWEgSm9obnNvbjwvdGQ+CiAgICAgICAgICA8dGQ+U2FsZXMgQXNzb2NpYXRlPC90ZD4KICAgICAgICAgIDx0ZD4kMTUuNTAgcGVyIGhvdXI8L3RkPgogICAgICAgIDwvdHI+CiAgICAgICAgPCEtLSBSb3cgMiAtLT4KICAgICAgICA8dHI+CiAgICAgICAgICA8dGQ+TGlhbSBUaG9tcHNvbjwvdGQ+CiAgICAgICAgICA8dGQ+Q3VzdG9tZXIgU2VydmljZSBSZXByZXNlbnRhdGl2ZTwvdGQ+CiAgICAgICAgICA8dGQ+JDE0Ljc1IHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDMgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPk9saXZpYSBSb2RyaWd1ZXo8L3RkPgogICAgICAgICAgPHRkPk1hcmtldGluZyBDb29yZGluYXRvcjwvdGQ+CiAgICAgICAgICA8dGQ+JDE4LjI1IHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDQgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPk5vYWggU21pdGg8L3RkPgogICAgICAgICAgPHRkPklUIFN1cHBvcnQgU3BlY2lhbGlzdDwvdGQ+CiAgICAgICAgICA8dGQ+JDIwLjAwIHBlciBob3VyPC90ZD4KICAgICAgICA8L3RyPgogICAgICAgIDwhLS0gUm93IDUgLS0+CiAgICAgICAgPHRyPgogICAgICAgICAgPHRkPkF2YSBEYXZpczwvdGQ+CiAgICAgICAgICA8dGQ+QWRtaW5pc3RyYXRpdmUgQXNzaXN0YW50PC90ZD4KICAgICAgICAgIDx0ZD4kMTYuODAgcGVyIGhvdXI8L3RkPgogICAgICAgIDwvdHI+CiAgICAgIDwvdGJvZHk+CiAgICA8L3RhYmxlPgogIDwvYm9keT4KPC9odG1sPg==

Impara le basi dell'HTML (HyperText Markup Language), la base dello sviluppo web. Questo corso adatto ai principianti copre tag, attributi, elementi e strutturazione delle pagine web. Acquisisci competenze pratiche nella creazione di intestazioni, paragrafi, elenchi, immagini, link, moduli e tabelle. Esplora le migliori pratiche, l'ottimizzazione e l'accessibilità web. Inizia il tuo percorso di sviluppo web con HTML.

Esplora il funzionamento interno del web. Scopri come i dati viaggiano attraverso le reti, scopri il ruolo dei protocolli e svela i misteri degli indirizzi IP e dei nomi di dominio. Ottieni una comprensione a livello generale di come i browser web e i server comunicano per fornire contenuti web.

Scopri il potere dei tag per strutturare il contenuto, dai titoli e paragrafi a elenchi e tabelle. Impara come migliorare gli elementi con gli attributi.

Il nucleo della struttura del documento HTML. Impara i componenti di un documento HTML, inclusa la dichiarazione doctype, head e body. Comprendi lo scopo di ciascun elemento e come contribuiscono alla struttura complessiva di una pagina web.

Rendi una pagina web più attraente con l'aiuto di media come immagini, audio e video. Lavora con dati tabulari strutturati sotto forma di tabelle.

Esplora la versatilità dei moduli HTML. Impara a progettare moduli intuitivi e facili da usare sfruttando concetti e tecniche chiave. Scopri come i moduli consentono l'interazione dell'utente e l'invio di dati sui siti web.

Sfida: Progettare una Tabella HTML Funzionale

Obiettivo

Compito

Awesome!

Sfida: Progettare una Tabella HTML Funzionale

Obiettivo

Compito