Divisioni
Fa parte della sezione Fondamenti del percorso HTML di Coddy. Lezione 25 di 60.
Immagina di voler suddividere la tua pagina web in blocchi per organizzare i contenuti. In HTML, puoi usare un div per raggruppare gli elementi.
I tag div sono ottimi per creare layout e separare le sezioni.
Ecco la sintassi di base:
<div>
<!-- Il contenuto va qui -->
</div>Puoi aggiungere altri elementi HTML all'interno di un div, come paragrafi, intestazioni, immagini e persino altri elementi div.
Ecco un esempio di come usare i tag div per creare un layout semplice con un'intestazione, un'area di contenuto principale e un piè di pagina:
<div>
<h1>Header</h1>
</div>
<div>
<p>Main content goes here.</p>
</div>
<div>
<p>Footer</p>
</div>
Sfida
FacileCrea 3 elementi div, posizionati uno dopo l'altro nel tuo documento HTML.
All'interno di ogni div, aggiungi un tag p che contenga il nome di un film che ti piace.
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