Aggiungere didascalie
Fa parte della sezione Fondamenti del percorso HTML di Coddy. Lezione 49 di 60.
Nelle tabelle HTML, una didascalia è un titolo o una spiegazione della tabella. Fornisce una breve descrizione del contenuto della tabella, facilitando agli utenti la comprensione dello scopo della tabella. Le didascalie vengono create usando il tag <caption>, che va posizionato immediatamente dopo il tag <table>.
Ecco la sintassi di base per aggiungere una didascalia a una tabella in HTML:
<table>
<caption>Table Caption</caption>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
</table>
Sfida
FacileCrea un documento HTML che includa una tabella con una didascalia. La tabella deve avere la seguente struttura:
- Un tag
<table>per definire la tabella. - Un tag
<caption>con il testo "Product Inventory" per descrivere la tabella. - Una riga della tabella (
<tr>) per l'intestazione, con due celle di intestazione (<th>). Le celle di intestazione devono contenere "Product Name" e "Quantity". - Una riga della tabella (
<tr>) con due celle di dati (<td>). Le celle devono contenere "Laptop" e "5". - Un'altra riga della tabella (
<tr>) con due celle di dati (<td>). Le celle devono contenere "Mouse" e "10".
Provalo tu
<!DOCTYPE html>
<html>
<body>
<!-- Scrivi il codice qui -->
</body>
</html>
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Fondamenti
1Fondamenti di HTML
Che cos’è HTML?Struttura di base di un documento HTMLTag ed elementiAnnidamento e tag di chiusuraCommenti in HTML7Pagina del profilo personale
Panoramica del progettoSezione intestazione
Immagine del profiloSezione Chi sonoLink ai social2Testo e formattazione
IntestazioniParagrafiInterruzioni di rigaTesto in grassetto e corsivoAncora grassetto e corsivoRiepilogo - formattazione5Aggiungere contenuti
Attributi HTMLCollegamentiCollegamenti a nuove pagineImmaginiAttributi delle immagini8Moduli e campi di input - Parte 1
Nozioni di base sui moduliCampi di testoAttributi degli inputCampo passwordEtichette per gli inputRiepilogo - modulo di base11Pagina di registrazione all'evento
Panoramica del progettoSezione intestazioneSezione dettagli dell'eventoModulo di registrazioneSezione piè di paginaEsercitati da solo: Playground Web