|
Detta är tänkt att vara en första hjälp på vägen när Du ska hålla på med avdelningens hemsida, ingen universalguide. För mer avancerade användare rekommenderas Webdesignskolan eller Webbkunskap.
:: En HTML-fil måste man normalt börja med följande:
<html>
<head>
<title>
<body>
men dessa läggs automatiskt till, så skriv inte sådana!
:: Å, ä och ö tolkas automatiskt av sidan och behöver därför inte göras om.
:: En sida i den enklaste form består av enbart löpande text. För att få till radbrytningar måste man dock skriva <br> som står för "break". Tangenten "enter" kommer finnas där du skriver koden, men inte när den visas för alla.
"Text som ska <br> radbrytas" blir som nedan.
"Text som ska
radbrytas"
:: Vill man få text kursiv skriver man <i>"text"</i>. I:et står för italic. Glöm inte </i>, annars fortsätter det kursiva i resten av sidan. Detta gäller för de flesta kommandon!
:: Vill man få text fet stil skriver man <b>"text"</b>. B:et står för "bold".
:: Texten kan justeras till höger, vänster eller centreras.
<div align="left">Det som ska stå till vänster</div >
<div align="center">Det som ska stå i mitten</div >
<div align="right">Det som ska stå till höger</div >
Man kan skriva flera rader innan man sätter in </div> och får på så sätt en längre text justerad.
:: När man börjar få lite text kan det vara skönt att skriva kommentarer i koden som bara den som har tillgång till koden ser. Detta kan vara bra om någon annan eller flera ska arbeta med samma text.
<!--Kommentarer
i flera rader-->
:: Om du vill ändra text på färgen så skriver du t.ex. <font color="#0000FF"> där #0000FF är koden för blå.
<font color="#0000FF">Text som blir blå</font>
Text som blir blå
Färgkoder hittar du t.ex. här.
:: Ett sätt att stycka av sidan är att göra linjer. Dessa är simpla att göra genom att endast skriva <hr>. Resultatet blir som nedan.
:: För att göra länkar till andra sidor skriver man
<a href="länkadress">Text</a> där länkadressen kan vara till en annan webbsida (t.ex. http://www.alvsjo.org, men glöm inte http://!) eller till en annan statisk sida (t.ex. Skaldjurens sida)
<a href="/staticpages/index.php/skaldjuren">Skaldjuren</a>
Skaldjuren
Om länken ska öppnas i ett nytt fönster skriver man
<a href="/staticpages/index.php/skaldjuren" target="_blank">Skaldjuren</a>
Skaldjuren
:: För att lägga in en bild skriver man
<img src="/staticpages/images/skal.jpg">
där adressen beror var på servern bilden är sparad.
:: För att strukturera upp text och bilder kan man göra en tabell. Först måste man definiera att det är en tabell med <table>. Sedan skapar man en rad med <tr>. Raden inehåller sedan kolumner som skapas med <td>. "En tre gånger tre"-tabell ser ut som nedan.
<table border="1">
<tr><td>rad 1, kolumn 1</td><td>rad 1, kolumn 2</td><td>rad 1, kolumn 3></tr>
<tr><td>rad 2, kolumn 1</td><td>rad 2, kolumn 2</td><td>rad 2, kolumn 3></tr>
<tr><td>rad 1, kolumn 3</td><td>rad 3, kolumn 2</td><td>rad 3, kolumn 3></tr>
</table>
| rad 1, kolumn 1 | rad 1, kolumn 2 | rad 1, kolumn 3> |
| rad 2, kolumn 1 | rad 2, kolumn 2 | rad 2, kolumn 3> |
| rad 1, kolumn 3 | rad 3, kolumn 2 | rad 3, kolumn 3> |
Med border="1" sätts ramen till "1". Om man inte vill ha någon ram så väljs den till "0".
Om bredden på tabellen ska förutbestämmas, istället för att anpassas vad som är i cellerna, kan man skriva
<table border="1" size="100%">
Utelämnas procenttecknet anges bredden i antal pixlar.
Senast uppdaterad onsdag, februari 09 2005 @ 10:29 CET; 3 158 Träffar 
|
|
