Esercizio tag base 01

Un semplice esercizio per focalizzarci sulla creazione di cartelle e pagine web, con struttura di base, i principali tag per la formattazione, immagini, link, liste e tabelle. In allegato il codice, istruzioni e immagine col risultato atteso.

Istruzioni

1. crea una cartella esercizio 01 nel tuo disco dati
2. crea una struttura di cartelle con i nomi: css, img, js
3. crea 4 file di testo col tasto destro o il notepad
4. rinominali index.html, attore1.html, attore2.html, attore3.html
5. la pagina contiene il logo del film matrix, titolo  e tre link che vanno verso le rispettive pagine dei tre attori e sono nelle rispettive colonne della tabella, una serie di formattazioni dentro i paragrafi, un elenco numerato innestato da altro elenco numerato,  una barra orizzontale
6. le pagine di appoggio contengono solo titolo e immagine. In basso c’è una casetta immagine che è anche un link cliccabile che riporta alla home

Inserisci il testo (liberamente tratta da Wikipedia)

Matrix – Il film

Matrix (The Matrix) è un film di fantascienza del 1999 scritto e diretto da Andy (in seguito Lilly) e Larry (in seguito Lana) Wachowski.

Il film, che ha vinto numerosi premi, tra cui 4 Oscar, ha avuto un forte impatto culturale e vi sono state numerose opere che vi fanno riferimento. Nel 2012 è stato scelto per la conservazione nel National Film Registry della Biblioteca del Congresso degli Stati Uniti.[1]
Trama

Thomas A. Anderson lavora presso la Metacortex come programmatore di software. Di giorno è noto per essere un cittadino modello, altruista e rispettoso della legge, mentre di notte vive una seconda vita, come un attivo hacker, sotto lo pseudonimo di “Neo”, e in questa veste ha commesso praticamente tutti gli illeciti informatici possibili cita fonte. Sorvegliato dagli Agenti Smith, Brown e Jones, a un certo punto viene arrestato e gli viene inserita una cimice nel corpo per seguirlo.
Attore    Ruolo
Keanu Reeves    Neo
Laurence Fishburne    Morpheus
Carrie-Anne Moss    Trinity

    Titolo
    Trama
    Produzione
        Concept
        Cast
        Riprese
    Incassi

Come deve essere realizzato

Di seguito le scansioni a schermo di come dovrebbero apparire la pagina principale e i suoi satelliti. Ricorda che le andate a capo del testo possono essere diverse a seconda della risoluzione/dimensione dello schermo, quindi il risultato potrebbe essere difforme per i paragrafi, ma la struttura deve essere uguale.

Ultima modifica 18 Gennaio 2022