sid 1-2

OBS! Tänk på att när du skriver din HTML text ska du inte ha med " i dina tagg jag tar med det för att vissa dig hur taggen ska se ut.

* HTML kommando

Ett HTML kommando börjar med ett < tecken och slutar med ett > tecken. Exempelvis är kommandot för att sätta titeln på ett dokument < "TITLE" >. På engelska kallas ett HTML kommando för "tag", därför kallas de ofta för "tagg" på svenska. HTML kommandon är oftast satta i par, ett för att starta och ett för att avsluta funktionen. Kommandot för att avsluta en funktion börjar med ett / tecken följt av startkommandot. Tecknet / brukar kallas "slut på". Exempel: <"TITLE">Hur man skriver en Internet web-sida<"/TITLE"> De vanligaste undantagen till par-regeln är <"P"> och <"HR"> kommandon. Det finns för nuvarande inget <"/P"> eller <"/HR"> kommando. När man skriver ett HTML kommando spelar det ingen roll om stora, små eller en blandning av bokstäver används. Följande tre har samma funktion: <"TITLE">, <"title">, <"TitlE">. Alla HTML kommandon stöds ej av alla web-läsare. Om en web-läsare hittar ett kommando som den ej stödjer har den ingen funktion. De flesta kommandon i den här beskrivningen stöds av alla web-läsare.

* Text i ett HTML dokument

När man skriver text i ett HTML dokument måste texten redigeras med hjälp av kommandon. T.ex nytt stycke i texten ignoreras av web-läsaren, för att få nytt stycke måste ett kommando användas. Web-läsarn kommer automatiskt att byta rad då det behövs beroende på fönstrets vidd. Det är då du använder dig av taggen <"br"> eller <"p">för att Web-läsaren ska börja på ny rad.

* Ett HTML basdokument

Ett HTML dokument består av en enda funktion: <"HTML">...dokumentet....<"/HTML"> Denna funktion innehåller två delar. En <"HEAD"> del och en <"BODY"> del. I <"BODY"> delen ingår den information man vill visa till användaren (t.ex texten). <"HEAD"> delen är en beskrivning av vad delen innehåller (t.ex titeln). Ett enkelt HTML exempel

Detta är en huvudrubrik nivå-ett

Välkommen till HTMLs underbara värld. Denna text är ett stycke.

Och denna text är andra stycket.

Min mail Abtin (bobo) Saramolki


* Kommandon som brukar placeras inom <"HEAD"> funktionen

<"TITLE"> ....text.... <"/TITLE"> Detta kommando sätter dokumentets titel. Alla dokument bör ha en titel. Titeln används främst av sökprogram för att hitta dokument. Titeln bör inte bestå av mer än ett halvt dussin ord som beskriver dokumentets innehåll. Vanligvis visas titeln längst upp i web-läsarens fönster skiljt från dokumentet och kommer ej ut när dokumentet skickas för utskrift.

* De vanligaste kommandona av text redigering

<"BR"> Tala om för web-läsaren att byta till en ny rad. Det finns ett problem med vissa web-läsare som kräver att man har ett mellanslag innan
. Som regel bör man därför alltid ha ett mellanslag framför. <"P"> Tala om för web-läsaren att byta till ett nytt stycke.
Visar en horisontell linje med samma bredd som fönstret i din web-läsare. Den används för att separera sektionerna i texten. Se ovanför "De vanligaste kommandona" för att se hur en sådan ser ut. Val av text stil ....text.... Visa texten i fet stil (bold). ....text.... Visa texten i kursiv stil (italics). ....text.... Visa texten i understruken stil (underline). ....text.... Visa texten i skrivmaskins stil (typewriter). Notera att varje tecken i detta teckensätt har samma vidd. ....text.... Vissa web-läsare stödjer flera samtidiga text stilar. Om din web-läsare har denna funktion, kommer denna text att vara i både fet och kursiv stil. Rubriker HTML har sex olika nivåer av rubriker, numrerade från 1 till 6; nivå 1 den mest iögonfallande. Metoden som används för att visa rubrikerna skiljer sig från web-läsare till web-läsare. Rubrikerna visas i större och/eller fetare stil än normalt för vanlig text. En rubrik börjar på en ny rad och avslutas med ett nytt stycke.

....text....

....text...

....text...

....text...

....text...
....text...
Exempel på hur rubrikerna ser ut med just din web-läsare:

En rubrik med <"h1"> ser ut så här med.

En rubrik med <"h2"> ser ut så här med.

En rubrik med <"h3"> ser ut så här med.

En rubrik med <"h4"> ser ut så här med.

En rubrik med <"h5"> ser ut så här med.
En rubrik med <"h6"> ser ut så här med.

Adressen Kommandot för att tala om vem som har skrivit dokumentet är <"ADDRESS">. Den brukar komma sist i dokumentet, precis innan <"/BODY">. Vanligvis ingår en länk till en mailto: URL. Den används ej för att ange en "vanlig" postadress. Det finns ett problem med vissa web-läsare som kräver att man har ett mellanslag innan <"/ADDRESS">. I regel bör man därför alltid ha ett mellanslag framför.

* Att visa bilder

För att visa en bild används <"IMG"> kommandot. Detta gör att web-läsaren visar upp en grafikfil i fönstret. Grafikfilerna brukar ha GIF eller JPG format.
Kommandot har formatet: <"IMG SRC="bildnamn">
Exempel:

Man kan kombinera text och bild på samma rad, t.ex: Denna logo tillhör Bobo Design. Man kan välja bildens placering i förhållande till texten. Placeringen görs med hjälp av ALIGN optionen. Med detta attribut placeras texten vid toppen (ALIGN=TOP), mitten (ALIGN=MIDDLE) eller botten (ALIGN=BOTTOM) av bilden.

Till exempel:

Denna logo tillhör Bobo Design.


* Hur man utför länkning

Kraftfullheten i HTML kommer av dess förmåga att koppla delar av text eller bilder till ett annat internet dokument. Web-läsaren markerar dessa sektioner, vanligtvis med blå färg och understruket, för att visa att dessa är hypertext-länkar (ofta förkortade till länkar). När man klickar på en länk, kopplas man vidare till ett nytt dokument. HTML kommandot för att utföra länkning är <"A">, som står för "anchor". Hur man länkar till andra dokument För att sätta en länk i ditt dokument, som kopplar dig vidare till ett annat internet dokument, gör följande: Starta kommandot med <"A (Det ska vara ett mellanslag efter A:et). Specifisera det dokument som länken går till genom att skriva(och här måste du använda dig av ") HREF="dokumentnamn". Om det ligger på samma server, kan man skriva endast dokumentets filnamn. Om det ligger på en annan server, ska dokumentnamn skrivas i ett format som kallas för URL, för er som ej kan detta format har jag förklarat URL senare i detta dokument. Skriv A-kommandots sluttecken > Anger den text eller bild som ska bli länken i ditt dokument. Texten visas med blå färg och understruket i ditt dokument. Avsluta med slut kommandot: <"/A"> Länkens format:
<"a href="dokumentnamn"> .... text .... <"/a">

Ett exempel på en hypertext-länk: <"A HREF="http://www.torget/index.html">torget.se<"/A">

Denna länk kommer att se ut så här i din web-läsare torget,se Klickar man på denna, kommer web-läsaren att visa upp dokumentet "index.html" på world wide web servern "www.torget.se". Hur man länkar till en annan plats i samma dokument Det är möjligt att ha länkar inom samma dokument. Detta kan användas för att flytta direkt till ett visst kapitel utan att behöva läsa igenom hela dokumentet. För att markera de ställen i ett dokument som man kan flytta sig till, använder man sig av ett så kallat ankare. Ett ankare namnsätter en viss plats i dokumentet. Man sätter ett ankare runt just den text man vill flytta sig till Ankarets format: .... text .... Exempelvis använde vi oss av följande kommando för att döpa vår rubrik "Uniform Resource Locator (URL)" till namnet "url":

Uniform Resource Locator (URL)

När man nu har döpt den plats i dokumentet, kan man sätta en länk till platsen ifrån någon annan plats i samma dokument. För att göra detta, använder man sig av samma metod som vid länkning till ett annat dokument. Istället för att specificera dokumentnamn, skriver man ett # tecken följt av platsnamn. För att sätta en länk till vår URL rubrik, skriver vi: En förklaring av vad <"A HREF="#url">URL är för nå't. Denna länk kommer att ser ut så här i din web-läsare:

En förklaring av vad URL är för nå't.

Klickar man på denna länk, hoppar man till denna plats i dokumentet. Hur man länkar till en annan plats i ett annat dokument När man länkar till ett annat dokument, brukar man komma till början av dokumentet. Det är möjligt att kombinera de föregående två metoderna för att kunna länka till en annan plats i ett annat dokument. Länkens format:

<"a href="dokumentnamn#platsnamn"> .... text .... <"/a">

Att använda en bild som länk Man kan använda en bild som en länk, istället för text. Bilden visas då i en blå ram. När man klickar på bilden, kopplas man vidare till ett nytt dokument. Länkens format:

<"a href="namn"> .... bild .... <"/a">

Exempel: <"a href="http://www.torget.se/"> <"img src="TORGET.jpg">
Denna länk kommer att ser ut så här i din web-läsare:





* FÄRGKODER

Här har du färgkoderna till HTML, nånting som är svårt att komma ihåg. De här färgarna kan du använda för att ge färg till din hemsida till exempel: all text på sidan, bakgrund och länkar.

Värde för färgarna
Vitt COLOR=#FFFFFF
Rött COLOR=#FF0000
Grönt COLOR=#00FF00
Blått COLOR=#0000FF
Svart COLOR=#000000
Anilinrött COLOR=#FF00FF
Cyanblått COLOR=#00FFFF
Gult COLOR=#FFFF00
Brunt COLOR=#A62A2A
Mörkgrönt COLOR=#2F4F2F
Skogsgrönt COLOR=#238E23
Mellanblått COLOR=#3232CD
Midnattsblått COLOR=#2F2F4F
Marinblått COLOR=#23238E
Guld COLOR=#CD7F32
Silver COLOR=#E6E8FA
Grått COLOR=#C0C0C0
Kastanjebrunt COLOR=#8E236B
Plommon COLOR=#EAADEA



Namn för färgarna
Vitt COLOR=White
Svart COLOR=Black
Grönt COLOR=Green
Kastanjebrunt COLOR=Maroon
Olivgrönt COLOR=Olive
Marinblått COLOR=Navy
Purpur COLOR=Purple
Grått COLOR=Grey
Rött COLOR=Red
Gult COLOR=Yellow
Blått COLOR=Blue
Blågrönt COLOR=Teal
Limegrönt COLOR=Lime
Aqua COLOR=Aqua
Fuchsia COLOR=Fuchsia
Silver COLOR=Silver


sid 1-2

Du kan maila mig om du har några frågor Abtin (bobo) Saramolki

Skrivet av Abtin Saramolki © Copyright 1995-99. All rights reserved. Man får kopiera detta dokument för icke-kommersiella bruk, förutsatt att alla copyright meddelanden lämnas kvar.