Nwlapcug.com


Come fare un'immagine di intestazione CSS cliccabili

È possibile utilizzare i fogli di stile CSS, o CSS, per aiutarti a impostare gli attributi di stile per un'immagine di intestazione cliccabili sulla tua pagina Web. Questo è utile quando si desidera che l'utente sia in grado di fare clic sull'immagine per portarli in un'altra pagina Web. I tag di intestazione HTML "h1" "H6" sono riservati per l'uso in HTML. Si possono impostare gli attributi per questa intestazione, aggiungere un'immagine ad esso e quindi renderlo cliccabile usando una combinazione di HTML e CSS.

Istruzioni

1

Aprire un editor di testo come blocco note e aprire il file di origine HTML.

2

Aggiungere un tag di divisione (div) con un ID di classe per la nuova immagine di intestazione cliccabili, all'interno del corpo del file di origine HTML. Ad esempio, "< div class ="myheaderimage">".

3

Aggiungere un tag di intestazione (h1). Ad esempio, "< div class ="myheaderimage">< h1 >".

4

Aggiungere un tag "a href" per dare alla vostra immagine un link. Ad esempio, "< div class ="myheaderimage">< h1 >< href ="l'http://www.mysite.com">".

5

Aggiungere un tag "img" per specificare quali file di immagine da utilizzare. Ad esempio, "< div class ="myheaderimage">< h1 >< href =" & lt; img "> http://www.mysite.com" > & lt; img tag, il tag di intestazione e la divisione. Ad esempio, "< div class ="myheaderimage">< h1 >< href =" & lt; img "> http://www.mysite.com" > & lt; img src="myimage.jpg" >< /a >< / h1 >< / div > ".

7

Salvare il file HTML e chiuderlo.

8

Aprire il tuo file CSS.

9

Aggiungere sezioni di stile CSS che corrispondono all'ID della classe divisione utilizzato nel file di origine HTML. È possibile creare quante sezioni come desiderato per la divisione, l'intestazione, l'immagine e gli stili di collegamento. Ad esempio, "#myheaderimage {width: 800px;} #myheaderimage h1 {color: #bfffff;} ".

10

Salvare il file CSS e caricare i file sorgente aggiornato sul server Web. La pagina Web ora Visualizza un'immagine di intestazione linkable quando aperto.

Consigli & Avvertenze

  • Se il tuo file CSS non è già collegato nel file di origine HTML, è possibile aggiungerlo nella parte "< HEAD >" della tua pagina Web utilizzando il formato "< LINK href="mycssfile.css "rel ="stylesheet"type =" text/css">".