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.