Come definire i collegamenti nel contenuto della pagina Web HTML - manichini

I collegamenti, quegli oggetti cliccabili che rendono il web quello che è, sono definiti con l'elemento HTML. Completiamo il nostro sondaggio sui tag HTML più essenziali con un esame di questo collegamento vitale nella progettazione di pagine web.

L'attributo più essenziale di qualsiasi elemento è l'attributo href, che definisce la destinazione del collegamento. Tuttavia, gli elementi devono includere anche alcuni contenuti, ad esempio del testo, che vengono visualizzati in un browser e consentono il funzionamento del collegamento. Ad esempio, il seguente codice HTML visualizza Cerca su Google e link a www. Google. com:

Cerca in Google

Si noti che l'intero collegamento, incluso il testo visualizzato, è racchiuso all'interno e tag. Tuttavia, c'è anche una chiusura> dopo il link effettivo e prima del testo visualizzato.

I collegamenti possono avere obiettivi definiti, come il parametro "vuoto" utilizzato per aprire un collegamento in una nuova finestra del browser. Per modificare l'esempio precedente da aprire in una nuova finestra del browser, utilizzare questo codice:

Cerca Google

Link assoluti e relativi

I collegamenti possono essere assoluti o relativi:

• Link assoluti, come quello degli esempi precedenti, sono definiti con // all'inizio e includono l'intero URL per collegamento.

• I link relativi sono utilizzati all'interno di un sito web. Quindi, ad esempio, se si stava collegando a una pagina chiamata about_us. html, potresti usare

  Visita la mia pagina Chi siamo!
  

  Tuttavia, il codice precedente funzionerebbe solo se about_us. la pagina html si trova nella stessa cartella della pagina dalla quale è stata collegata.

È inoltre possibile definire collegamenti relativi più complessi, utilizzando / per tracciare un percorso per la cartella con il collegamento. Ad esempio, per collegare a un file chiamato slideshow. html in una sottocartella (relativa alla pagina originale) denominata presentazioni, dovresti usare questo codice:

Visita la mia pagina di Slideshow!

Come appaiono i link

Quando si crea un foglio di stile per il proprio sito, si definisce come i collegamenti compaiono in stati diversi: non visitati, visitati, attivi (in fase di apertura), o al passaggio del mouse (al passaggio del mouse cursore). Per impostazione predefinita, fino a quando non si crea un foglio di stile, i collegamenti vengono visualizzati in questo modo in tutti i browser:

• I collegamenti non visitati sono sottolineati e blu.

• I collegamenti visitati sono sottolineati e viola.

• I collegamenti attivi sono sottolineati e rossi.

  Non esiste uno stato di hover predefinito. E finché non ne crei uno in un foglio di stile, i collegamenti rimossi non cambiano aspetto.