May 12
Quando si programma una pagina Web, un designer spesso vuole includere un po 'di interattività. Una semplice funzione interattiva che è possibile aggiungere è la creazione di un collegamento Web che diventa sottolineato quando il mouse passa sopra di esso. Per fare questo, è necessario prima disattivare l'automatico sottolineando che i collegamenti Web di solito ricevono, quindi indicare la pagina per visualizzare una sottolineatura quando il mouse passa sopra il collegamento.
Hypertext Markup Language, più comunemente noto come HTML, è uno dei linguaggi di programmazione più diffusi utilizzati su Internet. È fatto di una serie di comandi chiamati tag. Un tag di apertura indica un browser Web per iniziare a fare qualcosa, che continua fino a quando viene inserito un tag di chiusura.
Cascading Style Sheets, o CSS, è stato successivamente sviluppato per aggiungere funzionalità e interattività aggiuntiva per i siti web. HTML e CSS sono progettati per lavorare in modo intercambiabile.
Per creare un collegamento che sottolinea al passaggio del mouse su di esso, è necessario innanzitutto aggiungere un comando stile nella sezione <head> del sito web. Il comando sarà simile a questa:
<Style type = "text / css">
a: link {text-decoration: none}
a: hover {text-decoration: underline;}
</ Style>
La prima riga stabilisce che uno stile di testo / css sta cominciando. La seconda riga rimuove la sottolineatura standard che è associato con un link Web. La terza linea ordina il link a diventare sottolineato al passaggio del mouse su di esso, e la riga finale chiude lo stile.
Con il comando sottolineatura descritto nella sezione <head>, ora tutto quello che dovete fare è aggiungere i link all'interno della 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 esempio con l'URL che si desidera connettersi e aggiungere il proprio testo visibile per i visitatori di leggere.
Fare alcune modifiche a questo HTML se si desidera. Ad esempio, aggiungere colore al legame con l'aggiunta di "color: red;" al codice, rendendolo
a: hover {text-decoration: underline; colore rosso;}
È inoltre possibile aggiungere un overline al collegamento con il codice
a: hover {text-decoration: underline overline;}
Questo creerà una linea sotto e una linea sopra il testo del link. Infine, è possibile effettuare il cambio formato collegamento quando il mouse passa sopra con il codice
a: hover {text-decoration: underline; font-size: 15;}
Il numero dimensione del font si riferisce all'altezza del carattere in pixel.