Durante la programmazione di una pagina Web, un designer vuole spesso includono un po' di interattività. Una semplice funzione interattiva che è possibile aggiungere è la creazione di un collegamento Web che viene sottolineato quando il mouse passa sopra di esso. Per effettuare questa operazione, è necessario prima disattivare la sottolineatura automatica che collegamenti Web di solito ricevano, quindi indicano la pagina per visualizzare una sottolineatura quando si sposta il mouse sopra il link.

HTML e CSS

Hypertext Markup Language, più comunemente noto come HTML, è uno dei più diffusi linguaggi di programmazione utilizzati su Internet. È fatta di una serie di comandi detti tag. Un tag di apertura indica un browser Web per iniziare a fare qualcosa, che continua fino a quando un tag di chiusura è inserito.

Fogli di stile CSS, o CSS, più successivamente è stato sviluppato per aggiungere ulteriori funzionalità e interattività per siti Web. HTML e CSS sono progettati per lavorare in modo intercambiabile.

< Head > sezione

Per creare un collegamento che sottolinea quando il mouse passa sopra di esso, è necessario innanzitutto aggiungere un comando di stile nella sezione < head > del sito Web. Il comando sarà simile a questo:

< style type = "text/css" >

un: link {text-decoration: none}

un: hover {text-decoration: underline;}

< / stile >

La prima linea stabilisce che uno stile di testo/css è all'inizio. La seconda riga rimuove la sottolineatura standard associato a un collegamento Web. La terza riga Ordina il link per apparire sottolineati quando il mouse passa sopra di esso, e la riga finale chiude lo stile.

< Corpo > sezione

Con il comando di sottolineatura delineato nella sezione < head >, ora tutto quello che dovete fare è aggiungere i collegamenti nella sezione < body >. Questa è la sezione che contiene tutto ciò che si può vedere all'interno di una pagina web. Il codice HTML per un collegamento Web è:

< a href = "The" > http://www.example.com "> il testo visibile < /a >

È necessario sostituire il sito Web di esempio con l'URL che si desidera connettersi e aggiungere il proprio testo visibile per i visitatori di leggere.

Modifiche

Se si desidera, apportare alcune modifiche a questo codice HTML. Ad esempio, aggiungere colore al collegamento con l'aggiunta di "colore: rosso;" al codice, che lo rende

un: hover {text-decoration: underline; color: rosso;}

È inoltre possibile aggiungere una linea sopra il link con il codice

a: hover {text-decoration: underline overline;}

Questo creerà una riga sotto e una linea sopra il testo del collegamento. Infine, è possibile effettuare il collegamento modificare dimensioni quando il mouse passa sopra con il codice

un: hover {text-decoration: underline; font-dimensioni: 15;}

Il numero di dimensioni di carattere si riferisce all'altezza del tipo di carattere in pixel.