Hvordan kontrollere bredden på Anchor Tag

October 28

Anker kodene brukes til å lage lenker til andre nettsider og dokumenter. Selve koblingen er representert ved den tekst, bilde eller et annet element som brukes mellom åpning og lukking av koden. Denne bredde er fast og vil være like stor som selve elementet. Bredden kan endres ved hjelp av "display" og "width" attributter i CSS (Cascading Style Sheets). Denne stilen kan deretter bli tildelt ankerkoden for å endre bredden.

Bruksanvisning

CSS stil

1 Opprett en ny CSS stil enten inni "<style>" koder eller i en ekstern CSS-side. Ring stil "linkwidth." Koden for dette er:

<Style>

.linkwidth {

}

</ Style>

2 Tildele "display" attributt til den nye stilen. "Display" attributtet skal bruke "block" verdi. Koden for dette er:

.linkwidth {

display: block;

}

3 Tildele "width" attributt til den nye stilen. Den "width" attributtet skal settes til en størrelse i piksler. I eksemplet under 100 piksler er bredden:

.linkwidth {

display: block; width: 100px;

}

Anchor Tag

4 Opprett en ny ankerkoden i HTML kroppen. Koble den til en annen webside. Eksempel kode følger:

<Body>

<a href="</a"> http://www.google.com "> & lt; / a>

</ Body>

5 Skriv inn tekst mellom kodene. Dette vil bli brukt som ankertekst. Eksempel kode følger:

<a href="Example"> http://www.google.com "> Eksempel Link </a>

6 Tilordne CSS stil til ankerkoden ved hjelp av "klasse" attributt. Koden for dette er:

<a href="http://www.google.com" class="linkwidth"> Eksempel Link </a>

Hint

Hvis du vil at alle koblingene til å vedta den samme stilen, bruk "a: link" prefiks for CSS stil. Eksempel kode:
<Style>
en: link {display: block; width: 100px;}
</ Style>