Hoe Om 'n Pragtige Skakel Te Maak

INHOUDSOPGAWE:

Hoe Om 'n Pragtige Skakel Te Maak
Hoe Om 'n Pragtige Skakel Te Maak

Video: Hoe Om 'n Pragtige Skakel Te Maak

Video: Hoe Om 'n Pragtige Skakel Te Maak
Video: Hoe om n Gly Rietvlei Strop te maak 2024, Mei
Anonim

Skakels beïnvloed die voorkoms van 'n webblad aansienlik. Of dit nou u webwerf of blog is, mooi aangepaste skakels sal die ontwerp van u webwerf ten goede verander. Selfs sonder kennis van html en css, is 'n mooi skakel maklik.

Hoe om 'n pragtige skakel te maak
Hoe om 'n pragtige skakel te maak

Instruksies

Stap 1

Laat ons eers 'n gereelde skakel skep. Dit word gedoen met behulp van die volgende kode: skakelnaam. In hierdie kode is die etiket 'n skakel. Die kenmerk "href" dui die adres aan van die bladsy waarna die skakel lei. In plaas van "skakel titel", skryf 'n woord of frase wat die skakel sal voorstel

U kan ook teks byvoeg wat sal verskyn as u op die skakel klik. Die kenmerk "titel" van die etiket sal u hiermee help.

Stap 2

Kom ons kyk nou na die skakel. Die maklikste manier om dit te doen, is deur middel van stylvormige velle (css). Maak die lêer oop wat die style vir u webwerf bevat en skryf verdere kode daar. Alternatiewelik kan u style direk in die html-bladsy invoeg. Gebruik die kode vir die aanpassing van die webwerfstyl om dit te doen.

Stap 3

Kom ons kyk na die ontwerp. Die sintaksis vir die inskrywing is 'n {style parameters}. Wat moet ek hier skryf?

Verander eers die kleur van die skakels na wense. Hierdie kode sal u hiermee help:

a {kleur: # 00000;}. Natuurlik, in plaas van "# 00000", moet u u eie kleur invoeg. U kan die kleurkode in hierdie vorm in verskillende grafiese programme (byvoorbeeld in Photoshop) uitvind of 'n webpalet vind.

Stap 4

Die blaaier maak standaard skakels onderstreep. Dit kan gekanselleer word met die volgende kode: a {text-decoration: none;}

Gebruik die font-weight: bold; parameter om vet skakels te skep. Dit word op dieselfde manier as kleur onderstreep in die stylkode ingevoeg.

Stap 5

U het waarskynlik opgemerk dat die voorkoms daarvan op sommige webwerwe verander as u oor 'n skakel beweeg. U kan dit ook doen. 'N Kode soos hierdie sal u help: a: sweef {stylparameters}. Die parameters word op dieselfde manier gespesifiseer as vir 'n gewone skakel, die enigste waarde is die pseudoklas "sweef", wat die blaaier in kennis stel dat hierdie instellings toegepas moet word wanneer u oor die skakel beweeg.

U kan ook besoekte skakels uitlig: a: besoek {stylparameters}

Aanbeveel: