Hvordan lage et bilde Roll Ved hjelp av HTML programmering

Hvordan lage et bilde Roll Ved hjelp av HTML programmering


Hypertext Markup Language (HTML) er et dataspråk som brukes til å lage websider. Å vite hvordan du skal bruke HTML-koder kan hjelpe deg manipulere sideinnstillingene. Du kan lage en bildelink som vil endre seg når besøkende beveger musen over linken. Bilde velt kan opprettes ved hjelp av Javascript. Du kan også lage bilde velt for elementer i menyer. Når besøkende bla musen over menyelementer, vil menypunktet bli markert. Opprette bilde velt er en god måte å gi sidene en mer profesjonell appell.

Bruksanvisning

1 Start tekstbehandlingsprogram eller tekstredigeringsprogram som du vil bruke til å lage din webside og åpne siden. Legg ønsket bilde og ta den med innsiden av <CENTER> tag. Når bildet navn, type NAME = "rollover".

2 Skriv <A HREF="?"> før <CENTER> tag. Bytt ut spørsmålstegnet med adressen til websiden som du ønsker å ha vises når en besøkende klikker på bildet. Skriv </A> etter bildet.

3 Kontroller at teksten ser ut som følgende:
<A HREF="pages.html">
<CENTER> <img src = "bilde.jpg" name = "rollover"> </ CENTER>
</A>

4 Skriv onmouseover = 'rollover.src = "" "innsiden av <A> tag. Bytt ut spørsmålstegnet med plasseringen av bildet du ønsker å ha vises når en besøkende beveger musen over det opprinnelige bildet.

5 Skriv onmouseout = 'rollover.src = "" Erstatt spørsmålstegnet med plasseringen av bildet som ble lagt i trinn 1.

6 Kontroller at teksten ligner på følgende:
<A href = "pages.html" onmouseover = 'rollover.src = "bilde.jpg"'
Onmouseout = 'rollover.src = "bilde.jpg"'>
<CENTER> <img src = "bilde.jpg" name = "rollover"> </ CENTER>
</A>

7 Åpne en ny nettleser for å kontrollere at websiden viser bildet som du bruker for ditt image rollover. Test nettstedet ditt, og kontroller at besøkende kan bevege musa over bildet, og det vil forandre seg til det bildet som du har angitt.

Hint

  • Du bør prøve websiden i flere nettlesere for å se hvordan hver leseren vil vise siden din.