- Mer om URL:er och länkar
- HTML-element för markering av strukturer
- Sammanfattning
Det som gör att länkarna verkligen "leder till" ett annat dokument är adressen i attributet - en URL (Universal Resource Locator). URL:en innehåller tre typer av information, som tillsammans gör det möjligt att peka ut ett specifikt dokument någonstans på Internet (inte bara WWW!).
http://www.passagen.se
Dessa adresser är koder som oftast går att lära sig tolka, dvs. det går att se vart en viss adress leder. Läs grupperna av tecken från höger:
Namnen och förkortningarna är definierade och
fördelade "centralt", av myndigheten SUNET,
och valda så att inte olika datorer skall få samma
namn. Därför blir förkortningarna ibland väldigt
lätta att tolka (kth.se,
volvo.se, telia.se) och ibland
mindre lätta att förstå direkt. Egentligen är
bokstavsformen bara ett "alias" för adressen,
som består av siffergrupper (130.236.138.1) och som
automatiskt slås upp i en katalog när du använder
bokstavsformen.
/bjorn/index.html
I förra delen såg du hur man kunde använda märket A med attributet HREF för att peka ut ett dokument, dvs. skapa en länk till ett annat dokument. Märket A har ett annat attribut som gör det möjligt att skapa destinationer för länkar, dvs. punkter dit en vanlig länk kan peka. Detta kan du använda om du t.ex. vill ha en innehållsförteckning i början av ett dokument, och låta de olika kapitelnamnen länka vidare till kapitlen.
För att skapa en destination använder du märket A med attributet NAME och definierar ett namn på destinationen i detta:
<A NAME="kapitel2">Kapitel 2 - Argumentation</A>
En destinationslänk har ingen speciell utformning utan ser ut precis som den omgivande markeringen beskriver (ill skillnad från vanliga länkar som ju visas med annan färg och eventuellt understrykning). För att länka till en destination från samma dokument använder du följande variant av länkar:
Se även <A HREF="#kapitel2">Kapitel 2</A>
Destinationslänkar refereras alltså med ett "staket" (#) före namnet. Detta kan du göra även från andra dokument, dvs. länka till en viss punkt i ett annat dokument. URL:er kan ha en destination direkt efter filnamnet:
#kapitel2 /home/miker/index.html#kapitel2 http://www.ida.liu.se/home/miker/index.html#kapitel2
Det finns en speciell variant av URL:en som används för att skapa länkar som aktiverar ditt postverktyg. Detta är en funktion som gör att du, som författare, kan förse dina dokument med en URL som innehåller din email-adress. Om läsaren har kommentarer eller frågor klickar han/hon bara på länken, och får ett nytt tomt brev som är förberett att skickas till dig. Dessa URL:er ser ut så här:
mailto:mailadress
Exempel: länken med min elpostadress nedan innehåller en "email-länk" som skapar ett nytt tomt brev, med min adress i. Detta kan du använda för att skicka frågor eller kommentarer till mig.
| A HREF="mailto:gulligkille@hotmail.com"gulligkille@hotmail.com</A> | gulligkille@hotmail.com |
Strukturelementen utformas på olika sätt för att skilja dem åt visuellt, t.ex. är rubriker större och i fetstil. Du kan dock inte vara säker på hur ett visst element kommer att se ut - olika browsers kan utforma samma element på olika sätt. Undvik därför att använda strukturelementen för att åstadkomma en viss layout eller utformning - utnyttja dem för att beskriva strukturer/olika typer av innehåll i ett dokument.
Då du vill skapa ett indenterat stycke text, t.ex. för ett längre citat eller för att berätta en kort historia inuti ett kapitel, kan du använda dig av märket BLOCKQUOTE (engelska som betyder ungefär "citatstycke").
| <P>Utformning - innehåll och struktur får
ett utseende <P> <BLOCKQUOTE>Exempel: Rubriker är större än "vanlig" text. Viktiga ord framhävs med fetstil. Sidhuvudet placeras högt uppe, och fotnoterna långt ned på sidan avskilt från den övriga texten.</BLOCKQUOTE> |
Utformning
- innehåll och struktur får ett utseende
|
Texten i ett indenterat textstycke visas oftast som indenterad, vänsterjusterad text, utformad precis som vanliga textstycken (dvs. blanksteg och vagnretur syns inte).
I de fall du vill att texten du presenterar skall formateras exakt så som du skrivit in den i HTML-filen kan du använda märket PRE (som i engelskans "preformatted" för förformaterad). Detta kan du använda t.ex. för att presentera kolumner av text, eller visa programkod.
<PRE>Det här textstycket kommer
a t t visas precis
som
det ser ut i
HTML-filen.</PRE>
|
Det här textstycket kommer
a t t visas precis
som
det ser ut i
HTML-filen.
|
Förformaterade stycken visas oftast med
ett typsnitt liknande courier i vilket alla tecken
och blanksteg är lika breda.
För att presentera adressinformation, uppgifter om dokumentförfattare eller liknande kan du använda märket ADDRESS.
| <P>Författare:</P> <ADDRESS>BJörn Andersson guligkille@hotmail.com</ADDRESS> |
Författare: Björn Andersson, gulligkille@hotmail.com |
Addressinformation visas oftast med kursiv stil, utformad precis som vanliga textstycken (vänsterjusterad).
I förra delen såg du hur man kunde skapa listor för att presentera uppräkningar av information. Om du vill räkna upp termer eller ord och samtidigt beskriva dessa kan du istället använda märket DL (som i engelskans "definition list", ungefär definitionslista). Detta kan vara bra om du skall definiera ett antal begrepp, presentera en gloslista, etc.
En definitionslista byggs upp av tre märken - DL för listan, DT för varje enskild term och DD för termens definition/ beskrivning. Dessa båda märken fungerar på samma sätt som med LI, dvs. de behöver inget slutmärke.
| <DL> <DT>WWW <DD>World-Wide Web - ett globalt hypermediasystem på Internet <DT>Email <DD>Elektronisk post, elpost <DT>FTP <DD>File Transfer Protocol - en kommunikationsteknik för överföring av filer på Internet. </DL> |
|
En definitionslista visas oftast som en lista där termerna (DT) placeras vänsterjusterat, och definitionerna (DD) indenteras. I vissa browsers ges termerna automatiskt fet stil.
För att separera olika delar i ett dokument, t.ex. markera gränsen mellan olika avsnitt/kapitel/ kan du använda dig av märket HR (som i engelskans "horizontal rule", ungefär horisontell linje). Linjemärket skapar precis som bildmärket ett tomt element (det saknar innehåll).
| <P>...och här slutar detta kapitel.<P> <HR> <H1>Kapitel 2<H1> <P>I detta kapitel... bla bla bla<P> |
...och här slutar detta kapitel. Kapitel 2 I detta kapitel... bla bla bla |
Linjemärket visas oftast som en horisontell linje, med en liten skugga för att ge ett intryck av "djup" .
Till:
Början
av sidan
