HTML-koding for bannere

HTML-koding for bannere


Bannere brukes av Web annonsører å trekke trafikk til sine nettsteder. Du kan dra nytte av bannere gjennom banner utveksling, profesjonelt reklamebyrå eller ved å legge dem ut på et nettsted selv. Hvis du velger å bruke bannere, må du vite hvordan du skal lage dem, og hvordan du setter dem inn i HTML på websiden.

Standard bannerstørrelser

Før du kan vise din banner, må du først opprette den i et bilderedigerings eller design program. Du kan lage din banner alle størrelser som du vil, men det er flere standardstørrelser som kan kreves av banner utvekslingsprogrammer og nettsteder som banner er plassert på. En full banner er 468-by-60 piksler, mens de større leaderboard er 728-by-90. Hvis du ønsker en vertikal banner langs siden av en web-side, de to standardstørrelser er 160-by-600 og 120-by-600. Små knapper er vanligvis enten 120-by-90 eller 120-by-60.

Grunnleggende HTML-kode

Når banner er opprettet, må du legge til HTML-kode på nettsiden din. Dette vil kombinere en hyperkobling kommando med et bilde kommando, og ser ut som dette:

<a href="&lt;img"> http://www.example.com "> & lt; img width =" 468 "height =" 60 "alt =" My Banner "> </a>

Du vil erstatte <a href> URL med nettstedet som du vil at banneret for å koble til, og <img src> URL med plasseringen av banneret filen. Bredden og høyden bør justeres for å matche din banner, og "alt" skal endres med hva teksten du vil skal vises hvis banneret ikke lastes for noen grunn.

Border eller uten kanter

Linken over vil produsere et banner omgitt av en tynn ramme, som er opprettet av web link. Denne grensen er vanligvis blå, og blir lilla etter banneret har blitt klikket. En ramme kan være nyttig for å bidra til å sette banner bortsett fra bakgrunnen, spesielt hvis bakgrunnen er den samme fargen. Hvis du ikke vil ha en ramme, kan du fjerne den ved å sette bildets grensen til 0 som dette:

<Img width = "468" height = "60" alt = "My Banner" border = "0">

marquee bannere

En enkel type banner som ikke er avhengig av bildene er et stort telt. Dette vil gi en tekst eller en web link som ruller over skjermen. Koden for et stort telt er ganske enkel:

<Marquee atferd = "bla"> Dette er rulletekst </ marquee>

<Marquee atferd = "bla"> <a href="This"> http://www.example.com "> Dette er en rullende lenke </a> </ marquee>

Teksten vil bla gjentatte ganger fra høyre side av skjermen til venstre, og kan plasseres innenfor tabeller og andre elementer. Du kan endre rulletekst kode med følgende tilleggsprogrammer:

<Marquee atferd = "bla" retning = "høyre, opp, ned"> - Endrer retningen at teksten beveger seg over skjermen. Du kan velge høyre, opp eller ned.

<Marquee atferd = "slide"> - Gjør teksten raset i gang, så stopp på venstre side av skjermen.

<Marquee atferd = "alternative" - ​​gjør teksten lysbilde frem og tilbake over skjermen.

<marquee

<Marquee atferd = "bla" scrollamount = "1"> - Setter hastigheten som tekst ruller. Høyere tall produsere raskere tekst.