Ripasso - Layout
Fa parte della sezione Fondamenti del percorso HTML di Coddy. Lezione 29 di 60.
Sfida
FacileCrea un documento HTML che includa tutti gli elementi di layout che abbiamo imparato finora:
- Un
<header>con un'intestazione principale (<h1>) che dice "My Website" e una navigazione (<nav>) con link a "Home", "About" e “Contact”. (in un elenco non ordinato) - Una sezione
<main>con un<div>che contiene un paragrafo (<p>) con il testo "This is the main content area.". All'interno del paragrafo, usa un tag<span>per racchiudere la parola "main". - All'interno della sezione principale, una
<section>con un'intestazione (<h2>) che dice "About Us" e un<article>con un'intestazione (<h3>) che dice "Our Mission" e un paragrafo (<p>) con del testo segnaposto. - Un
<footer>con un paragrafo (<p>) che dice "Copyright 2024 My Website".
Provalo tu
<!DOCTYPE html>
<html>
<body>
<!-- Scrivi il codice qui -->
</body>
</html>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