Uppdated 1999-03-13

HTML-referens


Denna sida tar upp de vanligaste taggarna i HTML 3.2 specificationen,
samt Netscapes tillägg t.o.m Navigator 3.0b5

Bakgrund och färger | Tabell | Font och text | Listor | Länk | Bilder | Frames | Mer HTML element |

Upp

GRUNDEN
Attribut / ElementExempel
<HTML></HTML>Start och slut element för dokumenttyp
<TITLE></TITLE>Sidans titel måste stå i dokument huvudet, det enda obligatoriska elementet i HTML
<HEAD></HEAD>Den 'osynliga' delen av dokumentet som t ex innehåller information om sidan
<BODY></BODY>Den 'synliga' delen av dokumentet, om ett frame index används så skall inte dessa element vara med


Upp

Tabell
Attribut / ElementExempel
<TABEL></TABEL>Start och slut element för tabell
<TABEL BORDER="X"></TABEL>Ram runt tabellen i pixlar
<TABEL CELLSPACING="X">Cell mellanrum
<TABEL CELLPADDING="X">Luft i cellerna
<TABEL WIDTH="X">Tabellbredd i pixlar eller procent
<TR></TR>Tabell rad
<TH></TH>Tabell rubrik samma som cell men fet och centrerad
<TD></TD>Tabell cell
< ALIGN="left | center | middle | bottom | right>Justering går att använda i samtliga tabell element
<TD NOWRAP>Ingen radbrytning
<TD COLSPAN="?">Antal tabkolumner
<TH NOWRAP>Ingen radbrytning
<TH COLSPAN="?">Antal tabkolumner
<TH ROWSPAN="?">Antal tabrader
<TD ROWSPAN="?">Antal tabrader
<TD WIDTH="?">Önskad bredd i pixlar eller procent
<TH WIDTH="?">Önskad bredd i pixlar eller procent
<TR WIDTH="?">Önskad bredd i pixlar eller procent
<TR BGCOLOR="#XXXXXX">Bakgrundsfärg
<TD BGCOLOR="#XXXXXX">Bakgrundsfärg
<TH BGCOLOR="#XXXXXX">Bakgrundsfärg
<CAPTION></CAPTION>Överskrift för tabellen
<CAPTION ALIGN="top | bottom"></CAPTION>Justering ovan eller nedan tabellen


Upp

Font och text
Attribut / ElementExempel
<P></P>Styckindelning (slut taggen oftast överflödig)
<P ALIGN="left | center | right></P>Stycke justering
<BR>Radbrytning
<BR CLEAR="left | center | right">Radbryning tills tomt
<NOBR></NOBR>Förhindrar radbrytning
<WBR>Radbrytning vid behov
<HR>Horisontal linje
<HR ALIGN=" left | center | right">Justering
<HR WIDTH="X">Längd i pixlar eller procent
<HR SIZE="X">Linjens tjocklek i pixlar
<HR NOSHADE>Fylld linje ingen 3D effekt
<H?></H?>Rubrik (6 nivåer)
< ALIGN=" left | center | right">Justering bäddas in i de element som skall justeras
<DIV></DIV>Avsnitt
<BLOCKQUOTE></BLOCKQUOTE>Citerat stycke
<EM></EM>Betonat
<STRONG></STRONG>Stark betonat
<CITE></CITE>Citat
<CODE></CODE>Programkod
<SAMP></SAMP>Utdata exempel
<KBD></KBD>indata från tangentbord
<VAR></VAR>Variabel
<DFN></DFN>Definition
<ADDRESS></ADDRESS>Konstruktörens adress
<BIG></BIG>Stora bokstäver
<SMALL></SMALL>Pyttesmå bokstäver
<B></B>Fetstil
<I></I>Kursiv
<U></U>Understruken
<STRIKE></STRIKE>
<S></S>
Överstruken
<SUB></SUB>Nersäkt
<SUP></SUP>Upphöjt
<TT></TT>Skrivmaskin text
<PRE></PRE>Förformaterad visar alla blanktecken
<PRE WIDTH="?"></PRE>Bredd i antal tecken
<CENTER></CENTER>Centrerat både för text och bild
<BLINK></BLINK>Blinkande text
<FONT SIZE="?"></FONT>Tecken storlek
<FONT SIZE="+ | -"></FONT>Ändring av tecken storlek
<BASEFONT SIZE="?">Bas tecken storlek, i mellan HEAD elementen
<FONT COLOR="#XXXXXX"></FONT>Färg på tecken
<FONT FACE "......"></FONT>Typsnitt
<MULTICOL COLS="?"></MULTICOL>Flera spalter
<MULTICOL GUTTER="?"></MULTICOL>Spaltmellan rum
<MULTICOL WIDTH="?"></MULTICOL>Spaltbredd
<SPACER>Luft
<SPACER TYPE="horizontal | vertical | block>Lufttype
<SPACER SIZE="?">Luft storlek
<SPACER WIDTH="?" HEIGHT="?">Luft dimensioner
<SPACER ALIGN="left | center | right>Luft justering


Upp

listor
Attribut / ElementExempel
<UL></UL>Onumrerad lista
<OL></OL>Numrerad lista
<LI></LI>För varje punkt/post som skall listas
<DL></DL>Definitionlista
<DT></DT>Titel
<DD></DD>Definition (indraget)
<LI TYPE= disc | circle | square>Typ av list punkt
<OL TYPE=A | a | I | i | 1 >Numrerings typ för hela lista
<LI TYPE=A | a | I | i | 1 >Numrerings typ för denna 0ch resten
<OL START=?>Startsiffra för hela lista
<LI START=?>Startsiffra för denna och resten
<MENU></MENU>Menylista
<DIR></DIR>Kataloglista
<OL compact></OL>Kompakt


Upp

Bilder
Attribut / ElementExempel
<IMG SRC="URL">Precenterar en bild på websidan
<IMG SRC="URL" ALIGN="top | bottom | middle | left |right">Justering
<IMG SRC="URL" ALIGN="texttop | absbottom | baseline | absmiddle">Justering
<IMG SRC="URL" ALT=".....">Alternativ text om bilden inte visas
<IMG SRC="URL" ISMAP>Server imagemap kräver ett script
<IMG SRC="URL" USEMAP>Klient imagemap
<MAP NAME="...."></MAP>Imagemap
<AREA SHAPE="rect | circle | poly"
COORDS="X,X,X"
HREF="URL" | NOHREF>
</AREA>
De områden som skall vara klickbara
<IMG SRC="URL" WIDTH="X" HEIGHT="X">Bildstorlek i pixlar
<IMG SRC="URL" BORDER="X">Ram runt bilden i pixlar
<IMG SRC="URL" HSPACE="X" VSPACE="X">Omgivande luft i pixlar
<IMG SRC="URL" LOWSRC="URL">Ladda en bild med låg upplösning


Upp

Länkar
Attribut / ElementExempel
<A HREF="URL"></A>Länka till en annan websida
<A HREF="URL#....."></A>Ankarlänk i annat dokument
<A HREF="#...."></A>Ankarlänk i samma dokument
<A NAME="....">Dit man skall hoppa vid användning av ankarlänk
<A HREF="URL" TARGET=".... | _blank | _self | _parent | _top"></A>Målfönster
<A HREF="URL" ALT="....."></A>Alternativ text till länken


Upp

Bakgrund och färger
Attribut / ElementExempel
<BODY BACKGROUND="URL">Bakgrunds bildens sökväg
<BODY BGCOLOR="#XXXXXX">Bakgrundsfärg (röd/grön/blå)
<BODY TEXT="#XXXXXX">Textfärg
<BODY LINK="#XXXXXX">Länkfärg
<BODY VLINK="#XXXXXX">Besökt länk
<BODY ALINK="#XXXXXX">Aktiv länk
Frames
Attribut / ElementExempel
<FRAMESET> </FRAMESET>Elementet för ramar
<FRAMESET ROW=", , ,"> </FRAMESET>Radhjöd, blidpunkter eller i procent(%)
<FRAMESET COLS=", , ,"> </FRAMESET>Kolumnbredd, i bildpunker eller procent (%)
<FRAMESET BORDER="?"> </FRAMESET>Ramtjocklek
<FRAMESET FRAMEBORDER="?"> </FRAMESET>Ramar
<FRAMESET BORDERCOLOR="#XXXXXX"> </FRAMESET>Ramfärg
<FRAME>Definera en ram
<FRAME SRC="URL">De dokumentets namn och sökväg som skall visas i en ram
<FRAME NAME="***" | _blank | _top | _self | _parent>Namnge en ram
<FRAME MARGINWIDTH="?">Marginalbredd, vänster och höger marginal
<FRAME MARGINHEIGHT="?">Marginalhöjd, övre och undre marginal
<FRAME SCROLLING="yes | no | auto">Rullningslista, default är det auto
<FRAME NORESIZE>Fast storlek, används egenskapen kan surfaren inte ändra på ramstorleken
<FRAME FRAMEBORDER>="?"Ramar
<FRAME BORDERCOLOR="#XXXXXX">Ramfärg
<NOFRAME></NOFRAME>För Browsers som inte stödjer frames
Mer HTML element
Attribut / ElementExempel
<!--XXXXXX-->Kommentarer, visas och läses inte av Browsen
<STYLE></STYLE>Layoutmall
<SCRIPT></SCRIPT>Scripts
<META>Metainformation, måste stå mellan HEAD-taggen
<>
<>

Copyright © Anders Blomgren 1998, All rights reserved.
hnab@swipnet.se
Sitens URL: http://home.swipnet.se/anders_blomgren