Hur förvandlar jag en länkkod till en knapp?

En av de mest grundläggande funktionerna på internetwebbplatser är hyperlänkar - de blå understrukna orden eller fraserna som du kan klicka på för att ta dig till en annan webbplats eller webbsida. När du väl har fått tag på att skapa hyperlänkar på din egen webbplats kommer du snart att bestämma att du vill krydda saker lite i designen. Ett enkelt sätt att göra dina webbsidor mer tilltalande är att skapa knapplänkar istället för ordlänkar. Det finns två grundläggande sätt att göra länkar till knappar på din webbplats: Bilder och formulär.

Bild

Att omvandla en grundläggande hyperlänk till en knapp med bilder är en enkel fråga att välja eller skapa din knappbild i JPG- eller GIF-bildformat. När du har fått den knappbild du vill använda, laddar du upp den till din webbplatsserver. Vid den tidpunkten är allt du behöver göra att skapa den faktiska länken på din sida, och detta åstadkommes på ett mycket liknande sätt som vanliga textlänkar är. Den primära skillnaden är att du kommer att infoga din knappbild istället för texten som normalt skulle vara hyperlänkad, så här:

Den av den koden gör att din knappbild visas i stället för ord med vanlig text att visas, och när någon klickar på den knappen kommer den att svara som en hyperlänk och ta dem till sidan du har länkat knappen till.

Form

En alternativ metod för att förvandla en webbsidelänk till en knapp är att skapa ett enkelt formulär. Denna metod för att skapa knappar är populär eftersom du kan få den klickbara knappen att ha några ord på den du vill ha, och du behöver inte använda komplicerad bildredigeringsprogramvara för att uppnå det.

Här är den grundläggande formulärkoden för att skapa en klickbar knapp:

På första raden säger du till webbläsaren att den här knappen är en länk till en annan sida på din webbplats som heter "länk-till-sida.html"

Den andra raden ger en inmatningstyp av "skicka" - det är det som skapar själva knappen - och orden att sätta på den knappen finns i avsnittet "värde". Slutligen avslutar du formuläret med en avslutning märka.