HTML-hjälp

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.



:: 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.

www.alvsjo.org
http://www.alvsjo.org/staticpages/index.php/html