HTML-koden
<A> ... </A>

Bestämmer länkar och ankare

  • HREF="..." anger sökvägen (URL) till länken
  • NAME="..." ger ankaret ett namn
  • TARGET="..." anger var sidan skall visas
  • TITLE="..." den angivna texten visas vid mouseover
  • SHAPE="..." gör att man kan skapa bildschema (default, rect, circle, poly)
  • COORDS="..." anger storleken i pixlar eller procent på formen i SHAPE
  • REL="..." anger framåtriktade länkar
  • REV="..." anger bakåtriktade länkar
<AREA>

Bestämmer länkar och ankare - observera att taggen inte har någon sluttagg

  •  SHAPE="..." anger vilken form en klickbar yta skall ha (default, rect, circle, poly)
  • COORDS="..." anger i pixlar eller procent storleken på den klickbara ytan samt dess exakta läge i bilden
  • HREF="..." anger adressen till länken
  • TARGET="..." anger var den länkade sidan skall visas
<B> ... </B>

Gör den mellanliggande texten halvfet

<BASE>

Läggs mellan HEAD-taggarna och får ej ha en avslutande tagg

  • TARGET="..." (_blank, _parent, _self, _top)
    Anger var länkade sidor skall visas
  • HREF="..."
    Anger internetadressen till den länkade sidan
<BASEFONT>

Ingen sluttagg - attributen placeras inom taggen.

  • SIZE="..." anger absolut teckenstorlek 1-7 eller relativ teckenstorlek
  • COLOR="..." anger teckenfärg
  • FACE="..." anger teckensnitt
<BLOCKQUOTE> ... </BLOCKQUOTE>

Används då man vill visa långa citat

  • CITE="..." anger sökvägen till den citerade texten
<BODY> ... </BODY>

Innehåller det som visas på webbsidan. Det får inte finnas mer än ett par BODY-taggar på en HTML-sida och dessa måste följa efter HEAD-taggar. BODY-taggarna kan ersättas av  FRAMESET-taggar. Attributet för sidans utseende kan läggas i stilmallen i stället.

  • TOPMARGIN="..." anger marginalen från webbläsarens överkant i pixlar
  • LEFTMARGIN="..." anger marginalen från webbläsarens vänsterkant i pixlar
  • background="..." anger sökvägen (URL) till bakgrundsbilden
  • bgcolor="..." anger bakgrundsfärg
  • text="..." anger textfärg
  • link="..." anger länkfärg
  • vlink="..." anger besökta länkars färg
  • alink="..." anger aktiv länks färg
  • onload="..." anger händelse som utlöses då webbsidan laddas
  • onunload="..." anger händelse som utlöses då webbsidan stängs
<BR>

Ger en radbrytning utan blankrad

<BUTTON> ... </BUTTON>

Skapar en knapp; skall placeras inom FORM-taggarna.

  • NAME="..." anger knappens namn
  • VALUE="..." anger knappens värde (texten på knappen)
  • TYPE="..." anger typ av knapp (button, submit, reset)
  • ONFOCUS="..." anger en h'ndelse som inträffar när knappen för fokus
  • ONBLUR="..." anger en händelse som inträffar när knappen förlorar fokus
<DIV> ... </DIV>

Används för att strukturera ett textblock; får inte användas mellan <P>-taggar.

  • align="..." anger placeringen i sidled (left, center, right, justify)

Attributet ALIGN kan placeras i stilmallen.

<FONT> ... </FONT>

Bestämmer teckenstorlek, färg och teckensnitt på den mellanliggande texten

  • color="..." teckenfärg
  • face="..." teckensnitt
  • size="..." teckenstorlek (1-7 eller relativ)

Attributen kan placeras i stilmallen i stället

<FORM> ... </FORM>

Se även INPUT och TEXTAREA

  • METHOD="..." anger vilken metod som skall användas för formuläret (post, get)
  • ACTION="..." anger sökvägen till metoden, till exempel e-postadressen
  • ENCTYPE="..." anger MIME
  • ONSUBMIT="..." anger en händelse som utlöses då formuläret skickas
  • ONRESET="..." anger en händelse som utlöses då formuläret återställs
  • TARGET="..." anger var något skall visas (eget_namn, _blank, _parent, _self, _top)
<FRAME> ... </FRAME>

Anger en ram inom en FRAMESET

  • NAME="..."
    Anger ramens namn, till exempel "main", "left", "right"
  • SRC="..."
    Anger vilken html-sida som skall visas i ramen
  • FRAMEBORDER="..." 
    Anger om kantlinje skall visas mellan ramar - värdet sätts till 0 (inga ramar) eller 1 (visa ramar)
  • MARGINWIDTH="..."
    Anger i pixlar utrymmet på bredden mellan ramens kant och dess innehåll
  • MARGINHEIGHT="..."
    Anger i pixlar utrymmet på höjden mellan ramens kant och dess innehåll
  • NORESIZE
    Gör att det inte går att ändra storlek på ramen i webbläsaren
  • SCROLLING="..." (yes, no, auto)
    Anger om rullningslist skall visas - "auto" gör att rullningslisten visas när den behövs
<FRAMESET> ... </FRAMESET>

Anger utseendet på en uppsättning ramar

  • COLS="..."
    Delar webbläsarfönster eller ramar i kolumner. Bredden anges i pixlar, procent av webbläsarfönstret/ramen eller med en asterisk (*). Asterisken säger att ramen skall ta upp resten av utrymmet eller, om du har flera *-ramar, delas lika mellan dem.
  • ROWS="..."
    Gör detsamma som COLS, men delar i stället webbläsarfönstret/ramen i rader.
  • ONLOAD="..."
    Anger en händelse som skall inträffa när html-sidan läses in
  • ONUNLOAD="..."
    Anger en händelse som skall inträffa när html-sidan stängs

 

<H1> ... </H1> till <H6> ... </H6>

Rubriknivåerna, där H1 är den högsta

  • align="..." justerar rubriken (left, center, right, justify)

Attributet ALIGN kan placeras i stilmallen.

<HEAD> ... </HEAD>

Webbsidans huvud som innehåller information om sidan till användare och sökmotorer. Här läggs till exempel JavaScript-funktioner, för att man skall vara säker på att de är definierade innan de anropas från BODY. Det får inte finns mer än ett par HEAD-taggar i ett HTML-dokument, och det måste följa den inledande HTML-taggen.

<HR>

Ger en horisontell linje

  • align="..." justerar linjen (left, center, right, justify)
  • size="..." linjens längd
  • noshade="..." anger att linjen skall visas som heltäckande färg
  • width="..." linjens bredd
<HTML> ... </HTML>

HTML-elementet som innehåller hela webbsidan

<I> ... </I>

Gör den mellanliggande texten kursiv

<IMG>

Inget sluttagg får användas! Taggen anger att webbläsaren skall hämta en bild.

  • SCR="..." anger sökvägen till bilden, antingen relativt eller som den absoluta internetadressen
  • ALT="..." anger en text som kan visas i stället för bilden
  • ALIGN="..." justerar bilden i sidled (left, center, right, justify)
  • ALIGN="..." justerar bilden i höjdled (top, bottom, absbottom, middle)
  • HEIGHT="..." anger bildens höjd
  • WIDTH="..." anger bildens bredd
  • BORDER="..." anger bredd på kanten kring bilden
  • USEMAP="#..." anger namnet på det bildschema som skall användas
  • HSPACE="..." anger mellanrummet horisontellt mellan bilden och resten av innehållet
  • VSPACE="..." anger mellanrummet vertikalt mellan bilden och resten av innehållet
<INPUT>

Se även FORM och TEXTAREA

 INPUT-taggen har ingen sluttagg.

Bestämmer de kontroller som används i ett formulär - INPUT används alltid mellan FORM-taggar.

  • TYPE="..." anger vilken typ av kontroll som skall användas (text, checkbox, radio, button, hidden, password, submit, reset, image, file)
  • NAME="..." ger kontrollen ett namn. NAME måste ha ett värde i alla typer utom "reset" och "submit"
  • VALUE="..." Ger kontrollen ett startvärde (krävs för "radio" och "checkbox"
  • SIZE="..." anger kontrollens bredd i pixlar; "text" och "password" kan anges i antal tecken
  • MAXLENGTH="..." anger maximala antalet tecken som kan skrivas in
  • CHECKED="..." anger att en alternativknapp ("radio") skall vara iprickad från början
  • SRC="..." anger sökvägen till en bildkontroll
  • ONFOCUS="..." anger en händelse som inträffar när kontrollen får fokus
  • ONBLUR="..." anger en händelse som inträffar när kontrollen förlorar fokus
  • ONSELECT="..." anger en händelse som inträffar när kontrollen markeras
  • ONCHANGE="..." anger en händelse som inträffar när kontrollen ändras

<LI> ... </LI>

Bestämmer en post i en lista - den avslutande taggen kan uteslutas

  • type="..." anger hur posten skall numreras i ordnade listor (1, a, A, i, I) eller markeras i oordnade listor (disc, square, circle)
  • value="..." numrerar med det angivna värdet från och med denna post
<LINK> ... </LINK>

Anger förhållandet mellan länken och det den länkar till; skall vara placerat mellan HEAD-taggarna

  • HREF="..." sökvägen till den länkade sidan/resursen
  • REL="..." anger de framåtriktade länkarna
  • REV="..." anger de bakåtriktade länkarna
  • TARGET="..." anger var den länkade sidan skall visas (eget_namn, _blank, _parent, _self, _top)
<MAP> ... </MAP>

Skapar tillsammans med AREA ett bildschema

  • NAME="..." anger namnet på bildschemat
<META>

Saknar sluttagg

  • name="..." anger namnet på META-innehållet
  • content="..." anger informationen i META-innehållet

 

<NOFRAMES> ... </NOFRAMES>

Visar till exempel en länk när webbläsaren inte kan hantera ramar.

<NOSCRIPT> ... </NOSCRIPT>

Visar till exempel en länk när webbläsaren inte hanterar skript.

<OL> ... </OL>

Skapar en ordnad lista

  • type="..:" anger hur listan skall numreras (1, a, A, i, I)
  • start="..." anger vilket nummer listan skall börja med
<OPTION> ... </OPTION>

Anger alternativen inom SELECT-taggar; sluttaggen kan uteslutas

  • SELECTED="..." anger om alternativet är förvalt
  • DISABLED="..." avaktiverar alternativet
  • VALUE="..." det värde som skickas
<P> ... </P>

Anger ett textstycke - den avslutande taggen kan utelämnas

  • align="..." justerar texten (left, center, right, justify)

ALIGN kan i stället placeras i stilmallen.

<S> ... </S>

Ger genomstruken text.

<SCRIPT> ... </SCRIPT>

Innehåller skript som utförs av webbläsaren.

  • LANGUAGE="..." anger vilket skriptspråk som används
<SELECT> ... </SELECT>

Anger valmöjligheter

  • NAME="..." anger select-elementets namn
  • SIZE="..." anger bredden i rader
  • MULTIPLE="..." anger om mer än ett val tillåts
  • DISABLED="..." avaktiverar kontrollen
  • ONFOCUS="..." anger en händelse som inträffar när select-elementet får fokus
  • ONBLUR="..." anger en händelse som inträffar när select-elementet förlorar fokus
  • ONSELECT="..." anger en händelse som inträffar när kontrollen markeras
  • ONCHANGE="..." anger en händelse som inträffar när kontrollen ändras
<SPAN> ... </SPAN>

Ordnar ett dokument genom att avgränsa ett textomfång.

<STYLE> ... </STYLE>

 Skapar en stilmall direkt på HTML-sidan. Taggen skall placeras i HEAD-avsnittet.

<SUB> ... </SUB>

Gör texten nedsänkt

  • Exempel: H2SO4
<SUP> ... </SUP>

Gör texten upphöjd

  • Exempel: 10-3
<TABLE> ... </TABLE>

Både inledande och avslutande tagg måste finnas med

  • ALIGN="..." justerar tabellens placering i sidled (left, center, right, justify)
  • BGCOLOR="..." bestämmer bakgrundsfärgen i hela tabellen
  • WIDTH="..." anger tabellens bredd; kan anges som procent eller i antal pixlar
  • BORDER="..." anger tabellkantens bredd i pixlar
  • CELLSPACING="..." anger mellanrummet mellan cellerna i tabellen
  • CELLPADDING="..." anger mellanrummet mellan cellens innehåll och dess gräns
<TEXTAREA> ... </TEXTAREA>

Se även FORM och INPUT

TEXTAREA läggs alltid inom FORM-taggar och skapas ett textfält med flera rader där besökaren kan skriva in text. För att få en enda rad: Se INPUT.

  • NAME="..." anger namnet på textfältet
  • ROWS="..." anger höjden i rader
  • COLS="..." anger bredden i kolumner
  • READONLY="..." skrivskyddar texten
  • ONFOCUS="..." anger en händelse som inträffar när fältet får fokus
  • ONBLUR="..." anger en händelse som inträffar när fältet förlorar fokus
  • ONSELECT="..." anger en händelse som inträffar när fältet markeras
  • ONCHANGE="..." anger en händelse som inträffar när innehållet i fältet ändras
<TITLE> ... </TITLE>

Bestämmer namnet på webbsidan, som det visas i webbläsarens fönster

 <TD> ... </TD>

Den avslutande taggen kan utelämnas

  • ALIGN="..." justerar innehållet i den enskilda cellen horisontellt (left, center, right, justify)
  • VALIGN="..." justerar innehållet i den enskilda cellen vertikalt (top, middle, bottom, baseline)
  • BGCOLOR="..." anger cellens bakgrundsfärg
  • WIDTH="..." anger cellens bredd i pixlar eller i procent av hela raden
  • HEIGHT="..." anger cellens höjd i pixlar eller i procent
  • COLSPAN="..." anger antalet kolumner som cellen sträcker sig över
  • ROWSPAN="..." anger antalet rader som cellen sträcker sig över
<TR> ... </TR>

Den avslutande taggen kan utelämnas

  • ALIGN="..." justerar innehållet i cellerna horisontellt (left, center, right, justify)
  • VALIGN="..." justerar innehållet i cellerna vertikalt (top, middle, bottom, baseline)
  • BGCOLOR="..." bestämmer bakgrundsfärg i hela raden
<U> ... </U>

Ger understruken text

<UL> ... </UL>

Skapar en ordnad lista eller punktlista

  • type="..." anger hur punkterna på listan skall markeras (disc, square, circle)
  • imagesrc="..." anger en bild som markerar punkterna

© SupportData.Net