|
|
| Grunnleggende HTML |
Hyperlenker
Hyperlenker er selve kjernen til HTMLs suksess på www. Hyperlenker gjør at du kan hoppe fra et
dokument til et annet, bare ved å klikke på en lenke.
Det engelske ordet for lenke er link(hvis du var i tvil!). Men taggen vi bruker for å lage
lenker er ikke <link>, selv om det er en tag som heter det. En lenke i et HTML-dokument lages med
følgende formel:
<a href="filnavn.html" target="målvindu">Synlig tekst her</a>
href trenger vi for å oppgi hvor vi skal peke, i dette tilfellet til filnavn.html.
target sier noe om hvor vi vil at lenken skal åpnes, og du må ikke ha med denne
parameteren, men hvis du vil at lenken skal åpnes i et nytt vindu skriver du target="_blank".
Så kommer den teksten som synes, og taggen avsluttes.
Vi kan imidlertid også peke innad i dokumentet med <a>, da må vi lage forskjellige punkter på
siden som kan brukes som href-referanser. Dette gjøres på følgende måte:
<a name="slutt">
Denne taggen trenger ikke å avsluttes.Nå har vi fått et sted å gå til. For å lage en lenke
dit bruker vi <a>-taggen igjen, nå med dette innholdet:
<a href="#slutt">
Effekten av en slik lenke kan ses på denne enkle siden. Ganske effektivt,
hvis du har en lang side med mange distinkte avsnitt. Du vil fort finne ut at det er mange sider
som benytter seg av denne måten å peke på.
Litt om skrifter og farger
I gammel HTML var man avhengig av <font>-taggen for å oppgi hvilke egenskaper teksten i et
dokument skulle ha. Heldigvis er det slutt på de tider, og man bruker nå stort sett CSS (Cascading Style Sheets) - eller
stilark, som det heter på norsk. Man lager seg kun ett stilark, og lenker til dette fra alle dokumentene,
og vips! har man samme egenskaper over hele nettstedet. Ganske mye arbeid spart, lett å oppdatere og ikke minst
gir det brukeren en konstant opplevelse av nettstedet (tenk bare på hvor irriterende det er når du er
inne på en side, klikker på en lenke og når du kommer til neste side er farger, skrifttype og i det hele
tatt alt så annerledes at det ikke føles som om du er på samme side lenger!). Jeg skal ikke ta opp stilark
i her, men jeg skal ta opp hvordan vi kan bruke dem i et HTML-dokument!
Lenke til et eksternt stilark
Her skal vi bruke taggen <link>, som er en del av <HEAD>-elementet. Informasjonen du
trenger er navnet på stilarket du skal lenke til. Da kan du bruke følgende kode:
<link rel="StyleSheet" type="text/css" href="filnavn.css">
Å lage en .css-fil er ikke vanskelig i det hele tatt, og det støttes av de fleste WYSIWYG-editorer,
men selvfølgelig: Du lærer mer ved å bruke en teksteditor som Notepad.
Bruke stilark i HTML-dokumentet
Ved å lese litt mer om stilark lærer du fort hvordan du formaterer standard-tagger og elementer
i HTML-dokumentet. Men av og til trenger man å formatere tekst som ikke tilhører et spesielt element
eller tag! Da har vi tre metoder: STYLE, CLASS eller ID. Alle tre brukes via en tag som dukket opp
rett etter stilarkene, <span>. Denne taggen brukes kun til å gi stildefinisjoner til
ord eller setninger som skal ha en spesiell formatering. Vi kan begynne med STYLE.
<span style="{stildefinisjoner}">Tekst her</span>
Her skriver du rett og slett inn stildefinisjonene i parameteren og saken er i boks. CLASS er ikke så
mye vanskeligere, men må først defineres i stilarket - en klasse kjennes igjen ved at den begynner med et
punktum. Så et gyldig klassenavn ville for eksempel være .stor, .liten, .lys eller .hemmelig. Og koden?
<span class="klassenavn">Tekst her</span>
Her bruker vi altså ikke punktum i klassenavnet! Det er kun i stilarket at klassenavnet skal
begynne med et punktum. Siste mulighet, ID, er svært lik CLASS, men ID kan kun brukes én gang
i hvert HTML-dokument. Så tenk deg nøye om før du bruker ID heller enn CLASS! Og ID-navn må begynne med
#, for eksempel #stor, #overskrift eller #gul. Koden:
<span id="idnavn">Teksten her</span>
Sånn! Da har vi vært gjennom det aller, aller viktigste i HTML, og jeg håper du har fått bruk
for noe av det. Kanskje til og med lært noe nytt?
:.forrige
|
|