Länkar

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

Written by admin on mars 31st, 2007 with no comments.
Read more articles on HTML grunder.

Grunden i listor

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

Written by admin on mars 27th, 2007 with no comments.
Read more articles on HTML grunder.

Grunden i tabeller

Både hatade och älskade :)
Älskade för att man styr utseendet på webbsidor i detalj, hatade för att små missar kan skapa kaos på webbsidan.

Jag rekommenderar användning av tabeller enbart i samband med ett hemsideprogram. Anledningen till det är att det snabbt kan bli krångligt med alla kolumner och rader.

I ett hemsideprogram kan du experimentera med alla valmöjligheter som finns i meny för tabeller. Bland annat kan man bestämma tabellbredden, bakgrundsfärgen, infoga rader, sammanfoga celler o s v.

Målet med den här boken är att ge grundläggande kunskap i HTML. Därför kommer jag inte att gå igenom hur man gör webbsidor m h a tabeller. Det ända jag presenterar här är märkena som tabellerna representeras med och hur man använder enkla tabeller i sina webbsidor.
En enkel tabell ser ut så här:

<TABLE>
  <TR>
    <TD>Text 1</TD>
    <TD>Text 2</TD>
  </TR>
</TABLE>

Du ser en klar hierarki i koden. Det får man inte bryta om man inte vill bli överraskad av utseendet på webbsidan.

TABLE-märket startar med <TABLE> och slutar med </TABLE>. Det som finns mellan är kolumner och rader i tabellen med tillhörande innehåll.

TR-märket förekommer i samband med TABLE-märket, och alltid inom TABEL-märket (innan det stängs). TR står för ”table row” och är början på en ny rad (horisontellt) i tabellen.
I vårt lilla exempel har vi bara en rad. Den enklaste tabellen måste ha minst ett TR-märke (om inte kolumnmärke existerar).

TD-märket (table data) uppträder på samma sätt som TR-märket. Skillnaden är att det definierar kolumner.

Sedan har vi en rad attribut för alla tre märken. Det går jag inte igenom i detalj i den här boken.

BORDER-attribut har du redan sett i samband med bilder. Det har samma uppgift även här: anger tjockleken på ramen runt tabellen.

HEIGHT- och WIDTH-attribut anger höjden respektive bredden på TABLE, TR och TD märkena. Värdet man anger är utryckt i pixel. En viktig sak man ska tänka sig för när man definierar höjden och bredden är att man inte kan ha större bredd/höjd på en cell (radkolumn) än man har på hela tabellen.

BGCOLOR- och BACKGROUND-attribut fungerar på samma sätt som BGCOLOR och BACKGROUND för BODY-märket vilket jag förklarade tidigare.

Om man lägger en bild i bakgrunden i BODY-märket och en annan bild i TABLE-märket, vilken kommer att visas i tabellens rader och kolumner?
Testa så får du se själv 

Andra bloggar om: html, webb, blogg

Written by admin on mars 17th, 2007 with 2 comments.
Read more articles on HTML grunder.

Nyckelordet server - SE statistiken feb 2007

Enligt Overture, sökningar för ordet server i Sverige i february 2007 var följande:

image server
server cloning
exchange server
microsoft exchange server
dedicated server
server process
sharepoint portal server
sql server
sql server 2000
exchange server
microsoft exchange server
newsgroup server
virtual server 
server rack
small business server 
server hosting
server software 
hosted exchange server
nofeel ftp server v3.0.2630
proxy server 
internet server
print server
email server
web server 
windows server 
ventrilo crack 2.3.1 server
wow private server
ventrilo server
movie ftp server
dedicated server hosting
microsoft sql server
dedicated server web hosting
streaming server
free download private server knight online
consumer dedicated email server usa
dedikerad server
server sql
sql server episerver
home audio server
sharepoint portal server episerver
tibia ot server
privat server knight online
windows home server
ventrilo server crack
kock server skes stockholm
lista server emule
usb server
privat server wow
world of warcraft private server
server dator
how to make a roseonline server
ibm high end server
privet server p wow
dns server
download tibia 6.4 open tibia server
content management server
mail server
sms server
sql server 2005 http endpoint
terminal server
microsoft exchange server email encryption
sql server sequence number
windows server 2003
server computer
cannot find server
ventrilo server 2.1.4
computer server
cs server
domain trust server
sql server training
netmeeting server
microsoft small business server
realvnc server key
spanking server
cardsharing server viasat
nsf server for dreambox
news server
pichat server
virtuel server
windows 2003 server
allegro media server cracked
cracked ventrilo 2.3.1 server
server 1u
windows server 2003 iis 7 upgrade
counter strike server
domain name server
tvant server
x server
final fantasy xi pirate server
klient server
list server
ntloader windows server 2003
sql server programming
ventrilo 2.1.0 download server
wow blackblood private server
counter strike source server hamachi
lineage 2 roleplay free server
free knightonline server
free server ko

Written by admin on mars 15th, 2007 with no comments.
Read more articles on Server Artiklar.

Lite om META-märken och HTML

De flesta har hört talas om mystiska Metamärken och hur viktiga de är för sajtens positionering och indexering hos sökmotorer. Jag kan redan nu avslöja hemligheten kring dem: Det finns ingen hemlighet!

Man har skrivit böcker om ämnet. En del har blivit rika på att lura folk på pengar med sitt skrivande om hemligheten bakom Metamärken och kopplingen med sökmotorer.

Det man ska komma ihåg är två av Metamärken:
1. KEYWORDS
2. DESCRIPTION

Varje Metamärke består av ett namn och ett innehåll.
HTML-koden för  KEYWORDS och DESCRIPTION:

 <meta name=”KEYWORDS” content=”din nyckelord”>
<meta name=”DESCRIPTION” content=”en kort beskrivning av din hemsida“>

Tro det eller inte, dessa två Metamärken och TITLE-märket är ansvariga för placeringar av din hemsida hos alla sökmotorer.

Men det är inte hela sanningen. Tro inte att med dessa märken din hemsida hamnar i top 10 efter en sökning på Google (eller någon annan sökmotor). Det är en stor lögn.

Självklart hjälper det att inkludera och optimera Metamärken i dokumentet men för att hamna i toppen måste man anpassa även andra märken i dokumentet. Det är ALLA märken i samspel plus andra faktorer som får din hemsida att komma högst upp i resultatlistan av en sökning på Google exempelvis.
Det är ett ämne för sig själv men du kan komma ihåg det här: Du kan hamna i toppen i en sökning om du väljer ETT NYCKELORD för EN SIDA du vill promovera. Sedan måste du skapa en konspiration i övriga märken i ditt dokument och prioritera nyckelordet. Alla märken i dokumentet måste promovera nyckelordet.

Ifall du undrar om jag kan lära dig sökmotormarketing, tro mig: Det kan jag :)

Egentligen, det är anledningen varför du behöver lära, eller åtminstone, förstå HTML-koden.
Anledningen är att du måste STYRA din hemsida och dennes position hos sökmotorer.

Du vet säkert att sökmotorer är största magneten för nya besökare till din hemsida.

Andra bloggar om: html, hemsida, webb

Written by admin on mars 14th, 2007 with no comments.
Read more articles on HTML grunder.

« Older articles

No newer articles