Progettazione web: esercitazione 02

  1. Crea una cartella chiamata “es02” e aprila in VS Code
  2. Crea file e cartelle all’interno di “es02”, in modo tale da ottenere il seguente albero (Nota bene: presta molta attenzione all’indentazione dei file, per capire la loro posizione corretta all’interno dell’albero):

Esercitazione 02a

  1. All’interno di ciascun file .html creato, scrivi la struttura fondamentale di HTML e metti dentro a un tag h1 il nome del file stesso. Ad esempio, il file “absolute_links.html” dovrà avere un tag h1 con all’interno scritto: “Absolute links”

  2. All’interno del body di ogni file .html, scrivi una lista non ordinata, i cui elementi sono link agli altri file .html del sito che stai creando. Ogni pagina .html deve contenere un link per ciascuno degli altri file .html del sito. Ad esempio, il file links.html, una volta completato, apparirà così:

Esercitazione 02b

Importante! Tutti i link di tutti i file .html devono funzionare correttamente. Completata questa esercitazione, potrai considerarti maestr* di link HTML. 😎

  1. Last: nel file absolute_links.html, aggiungi in fondo alla lista non ordinata un altro link, il quale porta al tuo profilo Instagram. Il link deve essere aperto all’interno di una nuova finestra del browser.