Kodeeksempler i kategorien 'HTML' (66 totalt)

Vi har alle opplevd å benytte et bakgrunnsbilde som feks toppdesign på vår nettside, og samtidig hatt en ønske om å linke dette bildet til en side (feks til forsiden). Det er ikke mulig å lage en "a href" link på et bakgrunnsbilde, men løsningen er likevel enkel. Her viser vi hvordan man lager en link på en hel DIV tag, og for ordensskyld lister vi opp alle andre HTML tagger og JavaScript Objekter som også kan benytte en slik type linking!  

HEr viser vi et cross browser kompatibelt kodeeksempel på hvordan man kan stremae musikk på din webside. Husk å sette korrekt adresse til der mp3 låten ligger, og om ønskelig kan du endre volumet (-300) og autostart (true) i eksempelkoden.  

Dette kodeeksempelet viser hvordan du kan lage en side som benytter frames. Tanken bak eksempelet er at du skal lage en admin side. Den skal ha en fast topp (100% bredde), en vestre kolonne for meny og en høyre kolonne for visning av innhold. Venstre kolonne skal ha 150px bredde, men bredden skal kunne varieres av brukeren ved å dra i den. Når man klikker en link i menyen, skal innholdet åpnes i høyre kolonne!  

Dete kode-eksempelet viser hvordan man lager en optgroup for å presenetere data strukturerrt i en driopdownlist. Kopièr koden, lag et nytt htmp-dokument og lim koden inn. Åpne dokumentet.   

Her forklares hvordan du setter 100% høyde på en tabell som skal være XHTML kompatibel. Når du angir doctype vil ikke <table height="100%"> fungere fordi dette ikke er gyldig XHTML format. Vi må derfor sette høyden vhja CSS, og koden viser et slikt eksempel.  

Dette enkle kode-eksempelet viser hvordan du bør sette opp dine html-filer slik at det angis hvilken html versjon som benyttes. Vi bør velge en av følgende 4 standarder på vårt html-dokument: XHTML 1.0 Transitional, XHTML 1.0 Strict, XHTML 1.0 Frameset, eller XHTML 1.1.  

Man kan linke DIV elementer på samme måte som man linker bilder, tekst osv. Dette gjør man enkelt ved hjelp av OnClick metoden.  

Her vises hvordan du linker til en fil inne i en iframe. Dette er aktuellt når du ikke ønsker å åpne fila i iframe'n direkte, men kun linke til den med feks en parameter i url'en (for å få fila til å utføre en operasjon).  

Ved hjelp av hspace og vspace kan man direkte sette marger rundt et bilde. Se eksempel under, der er det 10px luft rundt hele bildet.  

Dette er en font som bør testes, standard både for PC og Mac.