Hvordan lage en klikkbar link

Hvordan lage en klikkbar link


En profesjonell utseende til en nettside eller blogg kan påvirke om noen besøker igjen. En av de enkleste verktøy du kan bruke til å lage en nettside enkelt å navigere og se profesjonelle er en lenke som inneholder tekst som angir hvor linken vil ta deg. Med bruk av Hypertext Markup Language - den grunnleggende programmeringsspråk som gir struktur til et nettsted - kan du legge til linker til nettstedet ditt, og til nettfora også. Du kan også opprette lenker til bilder som du kan re-størrelse til din smak ved hjelp av denne HTML-koden.

Bruksanvisning

tekst Link

1 Begynne å lage en link ved å skrive i anker <a href =. Den "href" står for hypertekst referanse og likhetstegnet indikerer at du skal plassere din URL neste.

2 Skriv inn nettadressen til høyre for <a href = og sette det hele i anførselstegn. Det bør det se omtrent slik ut: "http://MyWebsite.com/TutorialPage/". Avslutt at med en endebrakett, som skal se slik ut: ">"

3 Følg din URL med teksten du ønsker i linken. Skriv det på høyre side av nettadressen, akkurat slik du vil den skal se. Hvis navnet du ønsker å bruke er Tutorial siden, ville du skrive det nøyaktig slik du ser det i denne setningen.

4 Avslutt kode med </a>. Den skråstrek i anker parentes angir du slutter en HTML-kode.

5 Vis din tekst link på websiden din. Teksten du brukte bør understrekes, og bør ta deg til nettstedet du har oppgitt når koblingen er klikket.

bilde Link

6 Start HTML-koden igjen med <a href=, navnet på nettstedet ditt i anførselstegn, og deretter en endebrakett på>.

7 Bruk et bilde tag neste, kjent som "img" for kort i HTML. Legg en <img src = å starte koden for å legge til et bilde. Deretter plasserer i anførselstegn nettadressen hvor bildet er lastet opp. Det skal se ut som dette som en tekstlig eksempel: ". Photo.gif"

8 Angi høyden og bredden du vil bildet skal være og skrive det til høyre for nettadressen til bildet. For eksempel skriver Bredde = 50 og Høyde = 50 for å skape et bilde 50 piksler torget (ca 2/3 av en tomme plassen).

9 Legg til "alt" til høyre for høyde og bredde koder. Den "alt" HTML-koden er svært viktig når du gjør klikkbare bildelinker. Det gir alternativ tekst som dukker opp når bildet ikke fungerer, for å vise et bilde eksisterer der. Legg en kode linjen ved å skrive inn alt = "Dette bildet viser ikke opp" eller annen tekst du ønsker å bruke. Avslutt tråd med>.

10 Avslutt koden igjen med </a> og du har lagt til et klikkbart bilde til websiden din som vil ta en besøkende til et annet sted.

Hint

  • Mer kan gjøres med klikkbare lenker ved hjelp av enkle HTML (se ressurser). Du kan opprette en e-postadresse kobling ved hjelp av den samme HTML prosessen med å legge kort tekst i linken. Klikkbare linker kan også gjøres for å ta en besøkende tilbake til toppen av en side, og til fil nedlastinger. Farger kan også legges til linker ved hjelp av <body bgcolor = tag.
  • Som et alternativ til dimensjonering din klikkbart bilde link, bruke prosenter for høyde og bredde størrelse. Bruk dette bare hvis du er usikker på pikselstørrelsen. For eksempel vil en 50 prosent høyde tilpasse bildet til halve lengden av nettleseren sidestørrelse. En 50 prosent bredde ville gjøre bildet strekning over halvparten av siden.
  • Sørg alltid for at HTML-koden er perfekt. Hvis du feilstaver et ord eller la ut en liten del av koden, vil koblingen ikke fungerer.