HTML-skolan

Webbtips: sökmotoroptimering och webbdesign

i samarbete med OPTit.se

<< startsida

WEBBDESIGN/HTML-skolan

DIN FÖRSTA SIDAN

Starta Notepad. Knappa text:
<html>
<head>
<title>Min hemsida</title>
</head>
<body>
Jag skapar min första hemsida. <b>Här kommer lite text i fetstil.</b>
</body>
</html>
Spara filen som "minsida.htm".

Starta din webblästare tex. Internet explorer. Select "Öppna" under "Arkiv". Välj "Bläddra" och välj "minsida.htm" - klicka "Öppna". Din första hemsida visas!

HÄR ÄR ALL HTML KOD SOM DU BEHÖVER KUNNA:

<HTML>...</HTML> varje hemsida börjar <html> och slutar med </html>

<HEAD>...</HEAD> Mellan de taggarna står viktig information som titel (<title>Min hemsida</title>), beskrivning <description >om min hemsida</description >, nyckelord<keyword >min nyckelord</keyword >

<BODY>...</BODY> hemsidans innehållet skrivs här

BACKGROUND="url address" Bakgrundsbild

BGCOLOR="#cccccc" Bakgrundsfärg

BGSOUND="url-address" Bakgrundsljud

LINK="#c0c0c0" Textfärg för obesökta länkar

VLINK="#c0c0c0" Textfärg för besökta länkar

TEXT="#c0c0c0" Grundfärg för text

TEXT

<B>...</B> Fetstil

<I>...</I> Kursiv

<BLINK>...</BLINK> Blinkande text

<BLOCKQUOTE>...</BLOCKQUOTE> Större citat

<BR> Ny rad

CLEAR="LEFT" or "RIGHT" Börjar på ny rad efter en bild (höger eller vänster)

<P> Nytt textstycke

<CENTER>...</CENTER> Centrerar text eller bild

<FONT>...</FONT> textstilen

COLOR="#c0c0c0" Textfärg

<HR> linje

WIDTH="nummer% eller pix" Bredden

ALIGN="left" or "center" or "right" Placerar linjen eller bilden till höger, vänster eller i mitten

SIZE="nummer" Linjens tjocklek

<PRE>...</PRE> Texten kan läsas exakt som den är skriven

<TT>...</TT> Skrivmaskinstil

RUBRIK

<H1>...</H1> Största storlek

<H6>...</H6> Minsta storlek

LÄNKAR

<A>...</A> Länken

HREF="url address" URL adressen till hemsidan som skall länkas till

NAME="text" Länkar till en annan plats inom din hemsida

<MENU>...</MENU> Menylistor

<OL>...</OL> Sorterad lista

<UL>...</UL> Osorterad lista

<LI> Här skrivs ordet/orden som anges i listan

BILD
<IMG>
Placerar bild på hemsidan

SRC="url address" Ger sökvägen till bilden

ALT="text" Bildtext om bilden inte kan visas

ALIGN="top", "bottom", "middle", "left", "right" Placerar bilden uppe, nere, i mitten, vänster eller höger

BORDER="nr" Tjockleken på ramen runt bilden

HSPACE="pix" Horisontellt avstånd mellan bilden och andra objekt (t ex text)

VSPACE="pix" Vertikalt avstånd mellan bilden och andra objekt

HEIGHT="pix" Anger bildens höjd i pixlar

WIDTH="pix" Bildens bredd i pixlar

Formulär

<FORM>...</FORM> Ifyllnadsformulär

ACTION="url address" Adressen till ett dokument som skall ta emot ifyllda data

METHOD="GET" or "POST" Anger hur formulärdata skall hämtas

<INPUT> Anger området som skall fyllas i av användaren

TYPE="text", "radio", "checkbox", "submit", "reset" Anger inmatningstypen

NAME="name" Anger namnet på indata (t ex tel nr)

VALUE="text" Automatiskt satta värden (t ex 2005)

SIZE="nr" Textfältets bredd i antalet tecken

MAXLENGTH="number" Maximalt antal tecken i textfältet

<SELECT>...</SELECT> flera alternativ

MULTIPLE flera alternativ

<OPTION> Anger de olika valalternativen

SELECTED Anger det automatiskt satta alternativet

<TEXTAREA>...</TEXTAREA> Skapar ett rullningsbart textfält

ROWS="number" Antal rader som visas i textrutan

COLS="number" Antal kolumner som visas i textrutan

Tabeller

<TABLE>...</TABLE> Tabell

<TH>...</TH> Tabellrubrik

<TR>...</TR> Anger att ny tabellrad börjar

<TD>...</TD> Tabelldata