html guide
Denna guide är till för er som vill skaffa grundläggande kunskap om hur man bygger en HTML-sida. Idag finns många avancerade tekniker för hur man bygger en hemsida, denna guide är begränsad till de mest grundläggande elementen.
I kolumnen till höger kan du stega runt bland innehållet i guiden. Vi hoppas att du finner denna läsning nyttig.
Bilder
Det är vanligt att bilder används i HTML-dokument. De vanligaste bildformaten är jpg, bmp, gif och png. Beroende på vilket format som används så varierar bildkvalité och storlek. Bilder är lagrade i pixlar och ju större antal pixlar bilden är sparad i desto bättre kvalitet men desto långsammare går bilden att ladda ned.
Infoga en bild
För att infoga en bild i ett HTML-dokument använder man sig av taggen <IMG>. Exempel på hur man infogar en bild visas nedan:
<IMG SRC="bild.gif" width="200" height="60" alt=”bild”>
I ovanstående exempel laddas en bild in med namnet bild.gif som har en bredd på 200 pixlar och en höjd på 60 pixlar. Alt-parametern är det namn som bilden döps till och är bra att använda ur optimeringssynpunkt. Namnet kommer att visas i en rektangulär ruta när muspekaren förs över bilden. Viktigt att tänka på vid infogandet av en bild är att ange korrekt plats där bilden ligger sparad.
Syntax för <IMG>
<IMG SRC=URL, ALT=string, ALIGN=left|right|top|middle|bottom, HEIGHT=n, WIDTH=n, BORDER=n, HSPACE=n, VSPACE=n, USEMAP=URL, ISMAP>
- SRC - En pekare till bildens plats
- ALT - Bildens namn
- ALIGN - Anger på vilken sida av texten som bilden skall placeras
- HEIGHT - Bildens vertikala storlek
- WIDTH - Bildens horisontella storlek
- BORDER - Ram runt bilden. Desto högre värde, desto bredare linje
- HSPACE - Anger horisontella avståndet mellan text och närliggande objekt
- >VSPACE - Anger vertikala avståndet mellan text och närliggande objekt
Bild som bakgrund
Nästan alla bilder kan användas som bakgrund. Ha dock i åtanke att små bilder ofta upprepar sig vilket inte alltid ser bra ut. Att infoga en bakgrundsbild skiljer sig från att infoga en vanlig bild. För att göra detta så används attributet background. Olika taggar kan ha tillgång till detta attribut vilket då innebär att man kan infoga en bakgrundsbild i detta objekt. Till exempel:
<BODY BACKGROUND="bildnamn.jpg">
I ovanstående exempel kommer bilden synas i hela HTML-dokumentet.
