 Öppna programmet "Anteckningar" eller "Notepad" (det blå
anteckningsblocket). Börja alltid med att skriva de grundläggande taggarna:
|
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
|
- Mellan <title> och </title> skriver du vad sidan skall heta,
d.v.s. det som skall stå i den blå raden högst upp på webbsidan.
- Efter <body> skriver du texten som skall synas på sidan (allt
som står före </head> blir nämligen osynligt). I <body>
kan du välja att ange bakgrundsfärgen så här:
<body bgcolor=red>
- Du kan naturligtvis också välja "yellow", "blue"
eller "green", allt efter tycke och smak.
Fler färger hittar du här. Vanligtvis är nästa steg
att skriva en rubrik. En rubrik kan till exempel kodas:
<h1>Rubrik</h1>
- Vill du ha en mindre rubrik går det bra med
<h2>Rubrik</h2> eller <h3>Rubrik</h3>. Sedan skriver
du <p>, vilket betyder nytt stycke med vanligt teckensnitt
(man kan förstås välja en annan färg eller en speciell stil på bokstäverna,
men det bryr vi oss inte om så här i början). När du vill avsluta stycket skriver du
</p> och sedan börjar du på ny kula igen med <p> etc.
- Vill du bara ha ett enkelt radbyte skriver du <br>.
- En bild infogas med hjälp av taggen <img>. Du måste komma ihåg
att tala om för webbläsaren var bilden finns och vad den heter. Bilden
skall sparas tillsammans med dina andra dokument ute på webben. Använd
alltid små bokstäver när du "döper" en fil. Undvik å, ä och
ö i namnet. Man måste alltid hålla sig till engelska bokstäver.
- Antag att du vill lägga in en bild på ett öga. Du väljer kanske då
att kalla bilden för eye.jpg. Så här kan du då skriva koden:
<img border=0 src="eye.jpg" width=40 height=55>
- Inte så svårt som det ser ut faktiskt... Med border=0 anger du om det
skall finnas ram runt bilden. Nollan betyder att du inte vill ha någon ram.
Skriv border=1 om du vill rama in bilden. Vill du ha en riktigt tjock ram skriver
du till exempel border=10. Det viktigaste är det som står efter src, vilket betyder
source/källa. Glöm inte citationstecknen och filändelsen (.jpg eller .gif).
Det som kommer sedan är bildstorleken (bredd och höjd), men detta är inte
något obligatoriskt, utan gör bara så att bilden laddas in snabbare.
- Vill du ha med en länk i texten använder du taggen <a>,
vilket står för "ankare". Så här kan du skriva:
<a href="http://www.aftonbladet.se">Tidning</a>
- Nu kommer ordet "Tidning" att bli en länk. Kom ihåg att
skriva citationstecken runt själva adressen och att avsluta med ett
</a>.
- När du till sist är klar skall all text som skall vara synlig finnas mellan taggarna
<body> och </body>
- Slutligen väljer du att döpa din första hemsida till "index.htm"
och sparar den på din hårddisk. Glöm inte att välja "Alla filer (*.*)" istället
för "Textdokument" när du sparar! Startsidan måste alltid heta
"index.htm", för annars hittar inte webbläsaren rätt sida på servern.
- För att lägga ut dina filer på webben behöver du ladda ner ett särskilt program,
exempelvis ws_ftp.
Upp
|
