Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Impara Sfida: Progettare una Tabella HTML Funzionale | Lavorare con i Media e le Tabelle
HTML Definitivo
course content

Contenuti del Corso

HTML Definitivo

HTML Definitivo

1. Comprendere lo Sviluppo Web
Benvenuto in HTML e Sviluppo WebCos'è Internet?Come Funziona Internet?Comprendere Come Funzionano i Siti WebSviluppo Frontend e Backend Spiegato
2. Tag e Attributi HTML
Comprendere i Tag HTMLLavorare con gli Attributi HTMLComprendere i Tag Accoppiati e Singoli in HTMLMarkup del Testo e Formattazione in HTMLSfida: Crea il Tuo Primo Paragrafo di Pagina WebSfida: Costruisci una Pagina Web di Presentazione PersonaleSfida: Progetta una Pagina Web per la Presentazione di FilmUtilizzare Collegamenti e Pulsanti in HTMLSfida: Crea Collegamenti a Siti Web PopolariConvalidare il Tuo Codice HTML per le Migliori Pratiche
3. Struttura del Documento HTML
I Segreti Dietro le Pagine Web Ben StrutturateComprendere la Struttura del Documento HTMLIl Ruolo della Testa del DocumentoGestione del Flusso e del Layout del DocumentoSfida: Struttura Correttamente un Documento HTMLUtilizzo degli Strumenti per Sviluppatori per l'Ispezione e il Debug di HTML
4. Lavorare con i Media e le Tabelle
Aggiungere Immagini in HTMLSfida: Lavorare con le ImmaginiLavorare con Immagini Cliccabili, Didascalie e OttimizzazioneComprendere la Grafica Vettoriale e RasterIncorporare Audio e Video per Contenuti Multimediali RicchiSfida: Incorporare Audio e Video in HTMLCreare e Strutturare Tabelle in HTMLSfida: Progettare una Tabella HTML Funzionale
5. Moduli HTML e Input Utente
Introduzione ai Moduli HTMLFondamenti della Creazione di Moduli in HTMLUtilizzare le Etichette per una Migliore Accessibilità dei ModuliMigliorare i Moduli con Attributi di InputEsplorando i Diversi Tipi di Input in HTMLSfida: Crea un Modulo con Inputs ed EtichetteLavorare con l'Elemento Textarea per l'Input Multi-lineaUtilizzare l'Elemento Select per i Menu a TendinaUtilizzo dell'Elemento Datalist per Suggerimenti di Input PredefinitiRaggruppare Gli Elementi del Modulo per una Struttura Migliore

book
Sfida: Progettare una Tabella HTML Funzionale

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.
index.html

index.html

index.css

index.css

copy
  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.
index.html

index.html

index.css

index.css

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 8

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

course content

Contenuti del Corso

HTML Definitivo

HTML Definitivo

1. Comprendere lo Sviluppo Web
Benvenuto in HTML e Sviluppo WebCos'è Internet?Come Funziona Internet?Comprendere Come Funzionano i Siti WebSviluppo Frontend e Backend Spiegato
2. Tag e Attributi HTML
Comprendere i Tag HTMLLavorare con gli Attributi HTMLComprendere i Tag Accoppiati e Singoli in HTMLMarkup del Testo e Formattazione in HTMLSfida: Crea il Tuo Primo Paragrafo di Pagina WebSfida: Costruisci una Pagina Web di Presentazione PersonaleSfida: Progetta una Pagina Web per la Presentazione di FilmUtilizzare Collegamenti e Pulsanti in HTMLSfida: Crea Collegamenti a Siti Web PopolariConvalidare il Tuo Codice HTML per le Migliori Pratiche
3. Struttura del Documento HTML
I Segreti Dietro le Pagine Web Ben StrutturateComprendere la Struttura del Documento HTMLIl Ruolo della Testa del DocumentoGestione del Flusso e del Layout del DocumentoSfida: Struttura Correttamente un Documento HTMLUtilizzo degli Strumenti per Sviluppatori per l'Ispezione e il Debug di HTML
4. Lavorare con i Media e le Tabelle
Aggiungere Immagini in HTMLSfida: Lavorare con le ImmaginiLavorare con Immagini Cliccabili, Didascalie e OttimizzazioneComprendere la Grafica Vettoriale e RasterIncorporare Audio e Video per Contenuti Multimediali RicchiSfida: Incorporare Audio e Video in HTMLCreare e Strutturare Tabelle in HTMLSfida: Progettare una Tabella HTML Funzionale
5. Moduli HTML e Input Utente
Introduzione ai Moduli HTMLFondamenti della Creazione di Moduli in HTMLUtilizzare le Etichette per una Migliore Accessibilità dei ModuliMigliorare i Moduli con Attributi di InputEsplorando i Diversi Tipi di Input in HTMLSfida: Crea un Modulo con Inputs ed EtichetteLavorare con l'Elemento Textarea per l'Input Multi-lineaUtilizzare l'Elemento Select per i Menu a TendinaUtilizzo dell'Elemento Datalist per Suggerimenti di Input PredefinitiRaggruppare Gli Elementi del Modulo per una Struttura Migliore

book
Sfida: Progettare una Tabella HTML Funzionale

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.
index.html

index.html

index.css

index.css

copy
  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.
index.html

index.html

index.css

index.css

copy
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 4. Capitolo 8
some-alt