Svensk Server

Jag ska inte förklara för dig vad hyperlänkar är för något. Istället går vi direkt in på hur man gör en hyperlänk.

Den enklaste varianten kan se ut så här:
<A HREF=”http://google.se”>Nyfiken</A>

Enkelt eller hur :)

Jag länkar ”Nyfiken” till en plats på Internet genom att använda mig av <A>-märket och dess attribut: HREF.

Du har säkert sätt hyperlänkar mitt i en mening. Det gör man så här:
<P> Besök min <A HREF=”http://svensk-server.info”> hemsida</A></P>

Vidare går det utmärkt att göra en hyperlänk av en bild. Det är mycket populärt då man gör menyer på sin webbsida. En enkel bildlänk kan se ut så här:
<A HREF=”http://svensk-server.info”> IMG SRC=bild.gif” BORDER=”0”></A>

Lägg märke till att allt som kommer mellan märken <A></A> kommer att utgöra din hyperlänk. I sista fallet var det en bild som heter ”bild.gif”.

IMG-märket är verktyg för infogande av bilder på en webbsida. SRC-attribut är till för att lokalisera fysiska platsen på bilden.
BORDER-attribut är tjocklek för ramen runt bilden (det här fallet finns det ingen ram eftersom vi tilldelar en nolla).

TIPS:
Exempel använda hittills kommer att öppna en ny webbsida i en och samma webbläsarfönster där sidan med länken finns. Ibland vill man att den länkade sidan ska öppnas i ett nytt fönster. Detta åstadkommer man med ett attribut som talar om för webbläsare hur den ska uppträda med just denna länk.
HTML-koden för en hyperlänk som öppnar ett nytt fönster:
<A HREF=”http://svensk-server.info” TARGET=”_blank” >Nyfiken</A>

Hittills visade jag enbart hur man länkar till webbsidor med deras Internet adresser. Man kan länka även med genvägar till specifika filer (ifall de ligger på samma server). Så här kan det se ut:
 <A HREF=”hemsida.html”>Nyfiken</A>

För att koden ovan ska fungera korrekt måste båda webbsidor ligga i samma katalog. Ifall de ligger i olika kataloger måste man ange även katalog namn:
<A HREF=”katalog/hemsida.html”>Nyfiken</A>
eller
<A HREF=”../katalog/hemsida.html”>Nyfiken</A>

Ser du skillnaden?
För att kunna länka rätt måste du ha grundläggande kunskap om arkivering av filer på hårddisken. Filer och kataloger har en hierarkisk fördelning på disken och innan du länkar filerna måste du veta deras hierarkiska relation.

Första varianten är korrekt när filen vi länkar till finns i underkatalogen direkt i hierarkin i relation till filen man länkar ifrån. Därför kallas det för relativlänkning.

Andra varianten fungerar åt motsatt håll, dvs. när man länkar från en underkatalog, från botten uppåt i hierarkistrukturen.
Denna variant kallas för absolutlänkning.

Prova dig fram tills du förstår hur det fungerar i praktiken. Du kan alltid använda dig av Internet-adresser istället för den här metoden.

Andra bloggar om: html, hemsida, webb

Den här delen hör egentligen till textformateringen. Listor använder man för att snygga till texten där man uppräknar något.

Med listorna underlättar man för läsaren. Glöm aldrig att du vill ha nöjda besökare. En lista i texten bygger upp strukturen i delar av din text så att läsaren kan koncentrera sig på det viktiga du har att meddela.

Nummerlista: bygger man med märket <OL>. OL står för ”ordered list” vilket betyder att det man räknar upp kommer i en ordning (numerisk).
Nummerlistan startar med <OL> och slutar med </OL>. Innehållet i varje rad i alla listor börjar med <LI> och slutar med </LI>.
EXEMPEL: Koden för en nummerlista:

<OL>
<LI> Nummer ett </LI>
<LI> Nummer två </LI>
<LI> Nummer tre </LI>
</OL>

Resultatet i dokumentet på skärmen blir:

1. Nummer ett
2. Nummer två
3. Nummer tre

Punktlista: bygger man med märket <UL>. UL står för ”unordered list” vilket betyder att man inte har en numerisk ordning.
Punktlistan startar med <UL> och slutar med </UL>. Innehållet i rader startar på samma sätt som i en nummerlista med <LI> och slutar med </LI>.
EXEMPEL: Koden för en punklista.

<ul>
<li> Punkt 1 </li>
<li> Punkt 2 </li>
<li> Punkt 3 </li>
</ul>

Resultatet i dokumentet på skärmen blir:

• Punkt 1
• Punkt 2
• Punkt 3

 Man kan göra det lite svårt för sig och ha listor infogade i listor men det hoppar vi över nu eftersom den här boken ska ge grundläggande kunskaper om HTML. Det är inte nödvändigt att kunna allt i början :)

Andra bloggar om: html, design, text