Grunder Exempel | Till sidans topp
<!doctype> Anger version av HTML, Placeras överst i dokumentet.
<html>...</html> Skapar hela HTML-dokumentet. Alla andra koder ska ligga mellan dem.
|
| |
version="version" Anger version av HTML.
|
<head>...</head> Skapar dokumentets huvud, där vissa koder ska ligga.
<title>...</title> Ger hemsidan en titel som visas i namnraden. Måste ligga i huvudet.
<meta>...</meta> Förser webbläsaren med info om dokumentet. Måste ligga i huvudet.
|
| |
http-equiv="åtgärd" Får webbläsaren att utföra en åtgärd.
content="innehåll" Definierar meta-information för åtgärden.
ulr="sökväg" Anger dokumentets sökväg.
name="beskrivning" Ger en beskrivning av dokumentet.
|
|
<base> Skapar en hemadress eller generell fönsteradress för länkar, används bl a vid "mirror-sites". Måste ligga i huvudet.
|
| |
href="sökväg" Anger dokumentets hemadress. Alla relativa länkar utgår sedan från denna adress.
target="fönsternamn" Anger namnet på fönstet dit alla länkar skickas.
|
| | |
"_blank" Öppnar länken i ett nytt fönster.
"_parent" Öppnar länken i det överliggande framesetet av dokumentet länken finns i.
"_self" Öppnar länken i samma fönster.
"_top" Öppnar länken i hela fönstret om det finns frames.
|
|
<link> Används för "osynlig" länk, relation till andra dokument, dåligt stöd hos de flesta webbläsare. Måste ligga i huvudet.
|
| |
href="sökväg" Anger sökvägen till dokumentet.
title="titel" Anger rekommenderad titel.
type="text/css" Anger MIME-typ.
|
|
<body>...</body> Skapar hemsidans kroppdel där de flesta koderna skrivs.
|
| |
background="sökväg" och "filnamn" Anger bakgrundsbild.
bgproperties="fixed" Ger en stillastående bakgrundsbild. (Explorer)
bgcolor="#färgkod" eller "färgnamn" Anger bakgrundsfärg på hela hemsidan.
text="#färgkod" eller "färgnamn" Anger textens färg.
link="#färgkod" eller "färgnamn" Anger färgen på ickebesökta länkar.
vlink="#färgkod" eller "färgnamn" Anger färgen på besökta länkar.
alink="#färgkod" eller "färgnamn" Anger färg på aktiva länkar.
leftmargin="värde" Anger vänstermarginal i pixlar. (Explorer)
rightmargin="värde" Anger högermarginal i pixlar. (Explorer)
topmargin="värde" Anger marginal överst på sidan i pixlar. (Explorer)
bottommargin="värde" Anger marginal nederst på sidan i pixlar. (Explorer)
scroll="yes" eller "no" Bestämmer om sidan ska ha rullister. (Explorer)
|
|
<bgsound> Skapar ett bakgrundsljud. (Explorer)
|
| |
scr="sökväg" Anger sökväg till ljudfilen. (*.wav, *.au eller *.mid)
loop="värde" eller "infinite" Anger antal uppspelningar, infinite ger evig uppspelning.
|
|
<basefont> Anger en basfont som används i hela dokumentet, förutom i tabellerna, om inget annat anges.
|
| |
face="typsnitt1,typsnitt2 (osv)" Anger en lista på alternativa typsnitt. Finns inte det första används det andra.
size="värde" Anger storlek på all text,1 (minst) 7 (störst).
color="#färgkod" eller "färgnamn" Anger en grundfärg för all text.
name="namn" Anger typsnittet till all text.
|
|
<font>...</font> Anger font mellanliggande text ska ha.
|
| |
face="typsnitt1,typsnitt2 (osv)" Anger en lista på alternativa typsnitt. Finns inte det första används det andra.
size="värde" Anger storlek på texten, 1 (minst) 7 (störst).
|
| | |
"+/-värde" Ändrar storlek i angivet antal steg i förhållande till <basefont> värdet.
|
| |
color="#färgkod" eller "färgnamn" Anger färg på texten.
|
|
<hvärde>...<hvärde> Skapar en rubrik. Värdet kan vara mellan 1 (störst) och 6 (minst).
|
| |
align="left", "center", "right" eller "justify" Justerar rubriken horisontellt.
|
<b>...</b> Gör texten fet.
<strong>...</strong> Gör texten fet. Används till starkt logisk betonad text.
<i>...</i> Gör texten kursiv.
<cite>...</cite> Gör texten kursiv. Används till kortare citat.
<dfn>...</dfn> Gör texten kursiv. Definitionsterm i text.
<em>...</em> Gör texten kursiv. Används till logiskt betonad text.
<var>...</var> Gör texten kursiv. Markerar variabler i en text.
<address>...</address> Gör oftast texten kursiv. Används till kontaktinformation.
<u>...</u> Gör texten understruken.
<s>...</s> Gör texten genomstruken.
<strike>...</strike> Gör texten genomstruken.
<tt>...</tt> Gör så att texten skrivs med skrivmaskinsfont.
<kbd>...</kbd> Gör så att texten skrivs med skrivmaskinsfont. Tangentbordsinmatning.
<code>...</code> Gör så att texten skrivs med skrivmaskinsfont. Används till kodexempel.
<samp>...</samp> Gör så att texten skrivs med skrivmaskinsfont. Exempeltext.
<big>...</big> Gör texten ett steg större.
<small>...</small> Gör textenett steg mindre.
<blink>...</blink> Får texten att blinka. (Netscape)
<sup>...</sup> Skapar en mindre, upphöjd text.
<sub>...</sub> Skapar en mindre, nedsänkt text.
<pre>...</pre> Texten återges med fast bredd och de radbrytningar och mellanskag som gjorts i HTML-dokumentet behålls.
|
| |
width="värde" Bestämmer bokstävernas bredd.
|
<blockquote>...</blockquote> Skapar indrag av både höger och vänster marginal.
<marquee>...</marquee> Skapar en ruta med rullande text. (Explorer)
|
| |
behavior="scroll" Texten kommer in från ena sidan och försvinner på den andra innan rörelsen upprepas.
|
| | |
"slide" Texten kommer in från sidan och stannar när den rör vid marginalen på motsatta sidan.
"alternate" Texten studsar fram och tillbaka i rutan.
|
| |
direction="left" eller "right" Bestämmer textens rörelseriktning.
loop="värde" eller "infinite" Anger antalet loopar texten ska göra, infinite ger eviga loopar.
bgcolor="#färgkod" eller "färgnamn" Anger rutans bakgrundsfärg.
scrollamount="värde" Anger hur många pixlar texten ska röra sig per steg.
scrolldelay="värde" Anger antal millisekunder mellan varje steg.
height="värde" eller "värde%" Bestämmer rutans höjd i pixlar eller procent av fönstrets bredd.
width="värde" eller "värde%" Bestämmer rutans bredd i pixlar eller procent av fönstrets bredd.
align="left", "center" eller "right" Justerar rutan horisontellt.
hspace="värde" Bestämmer horisontell marginal utanför rutan.
vspace="värde" Bestämmer vertikal marginal utanför rutan.
|
|
<multicol>...</multicol> Visar text i flera spalter. (Netscape)
|
| |
cols="värde" Anger antalet spalter.
width="värde" eller "värde%" Anger textens bredd i pixlar eller procent av fönstrets bredd.
gutter="värde" Anger avståndet mellan spalterna.
|
|
<br> Skapar en radbrytning.
|
| |
clear="left", "right", "all" eller "none" Bryter raden så att den hamnar under en vänsterställd flytande bild, högerställd flytande bild eller under den längsta flytande bilden.
|
|
<p>...</p> Skapar nytt stycke.
|
| |
align="left", "center", "right" eller "justify" Justerar mellanliggande objekt horisontellt.
|
|
<div>...</div> Tilldelar mellanliggande text egenskaper enligt attributen.
|
| |
align="left", "center", "right" eller "justify" Justerar texten horisontellt.
|
<center>...</center> Centrerar mellanliggande objekt.
<norb>...</norb> Stoppar alla radbrytningar.
|
| |
<wbr> Lägger in en mjuk radbrytning i en text som omges av <norb>.
|
|
<hr> Skapar horisontell linje.
|
| |
witdh="värde" eller "värde%" Ändrar linjens bredd i pixlar eller procent av fönstrets bredd.
size="värde" Ändrar linjens tjocklek i pixlar
align="left", "center", "right" eller "justify" Justerar linjen horisontellt.
color="#färgkod" eller "färgnamn" Anger linjens färg. (Explorer)
noshade Tar bort linjens skugga.
|
|
<spacer> Skapar ett tomrum. (Netscape)
|
| |
type="horizontal", "vertical" eller "block" Anger tomrummets form.
size="värde" Anger storleken på tomrummet. (type="horizontal" eller "vertical")
height="värde" Anger tomrummets höjd i pixlar. (type="block")
width="värde" Anger tomrummets bredd i pixlar. (type="block")
align="top" Justerar tomrummets överkant med det högsta objektet på raden.
|
| | |
"texttop" Justerar tomrummets överkant med radens högsta text.
"middle" Justerar tomrummets mittlinje med textens baslinje.
"absmiddle" Justerar tomrummets mittlinje med mittlinjen hos radens största objekt.
"baseline" Justerar tomrummets nederkant med textens baslinje.
"bottom" Justerar tomrummets nederkant med textens baslinje.
"absbottom" Justerar tomrummets nederkant med nederkanten på radens längsta objekt.
"left" Vänsterjusterar tomrummet. (type="block")
"center" Centrerar tomrummet. (type="block")
"right" Högerjusterar tomrummet. (type="block")
|
|
<isindex> Meddelar att ett system av hemsidor är sökbart. CGI-pogram.
|
| |
action="sökväg" Anger vart söksträngen ska sändas.
prompt="text" Anger instruktionstext som ska visas.
|
<!-- kommentartext--> Kommentar. Allt mellan <!-- och --> ignoreras av webbläsaren.
Hyperlänkar Till sidans topp
<a>...</a> Skapar en länk och/eller ett ankare.
|
| |
href="sökväg#ankarnamn" Skapar en länk till ett annat dokument och/eller till ett ankare i samma, eller ett annat dokument.
|
| | |
"mailto:"e-postadress" Skapar ett föradresserat brev.
|
| |
name="ankarnamn" Skapar ett ankarnamn som länkar kan leda till.
target="fönsternamn" Öppnar länken i ett nytt fönster med namnet fönsternamn.
|
| | |
"_blank" Öppnar länken i ett nytt fönster.
"_parent" Öppnar länken i det överliggande framesetet av dokumentet länken finns i.
"_self" Öppnar länken i samma fönster.
"_top" Öppnar länken i hela fönstret om det finns frames.
|
| |
accesskey="tangent" Tangent som används tillsammans med Ctrl-tangenten som ett kortkommando för länken.
title="titel" Anger ett namn på fönstret.
|
Bilder Exempel | Till sidans topp
<img>...</img> Placerar en bild på hemsidan.
|
| |
src="sökväg" och "filnamn" Talar om sökvägen till och namnet på bilden som ska visas.
align="top" Justerar bildens överkant med det högsta objektet på raden.
|
| | |
"texttop" Justerar bildens överkant med radens högsta text.
"middle" Justerar bildens mittlinje med textens baslinje.
"absmiddle" Justerar bildens mittlinje med mittlinjen hos radens största objekt.
"baseline" Justerar bildens nederkant med textens baslinje.
"bottom" Justerar bildens nederkant med textens baslinje.
"absbottom" Justerar bildens nederkant med nederkanten på radens längsta objekt.
"left" Vänsterjusterar bilden.
"center" Centrerar bilden.
"right" Högerjusterar bilden.
|
| |
alt="alternativ text" Skapar en alternativ text för webbläsare som inte klarar bilder. Visas även då man håller musen över bilden.
border="värde" Anger hur bred bildens ram ska vara, border="0" ger ingen ram.
height="värde" Anger bildens höjd i pixlar.
width="värde" Anger bildens bredd i pixlar.
hspace="värde" Anger hur stor marginal bilden ska ha på sin vänstra sida.
vspace="värde" Anger hur stor marginal bilden ska ha vertikalt.
target="fönsternamn" Bestämmer att länken ska öppnas i framefönstret med namnet fönsternamn.
|
| | |
"_blank" Öppnar länken i ett nytt fönster.
"_parent" Öppnar länken i det överliggande framesetet av dokumentet länken finns i.
"_self" Öppnar länken i samma fönster.
"_top" Öppnar länken i hela fönstret om det finns frames.
|
| |
controls Visar kontroller om bilden är ett videoklipp.
dynscr="sökväg" Anger sökväg till en VR-LM-värld eller ett videoklipp.
loop="värde" eller "infinite" Anger hur många gånger ett videoklipp ska spelas upp, infinite ger evig uppspelning.
start="fileopen" Videon startar så fort den laddats.
|
| | |
"mouseover" Videon startar när musen förs över bilden.
|
| |
ismap Anger att bilden är en serverbaserad bildkarta.
usemap="karta" Anger att bilden är en klientbaserad bildkarta.
lowsrc="sökväg" Anger en alternativ bild som laddas ner innan orginalbilden.
|
Bildkartor Till sidans topp
<map>...</map> Skapar en klickbar bildkarta.
|
| |
name="kartnamn" Ger kartan ett namn.
|
|
<area> Skapar ett klickbart område.
|
| |
shape="rect", "circle", "poly" eller "default" Anger områdets form, default är det område som ej definierats med andra former.
coords="koordinater" Anger områdets koordinater enligt följande:
|
| | |
(Rektangel: x1,y1,x2,y2)
(Cirkel: x,y,r där x,y är cirkelns mittpunkt och r radien.)
(Polygon: x1,y1,x2,y2,x3,y3, osv...)
|
| |
href="sökväg" Anger vilken länk som ska vara kopplad till området.
target="fönsternamn" Anger namnet på fönstret dit länken ska skickas.
|
| | |
"_blank" Öppnar länken i ett nytt fönster.
"_parent" Öppnar länken i det överliggande framesetet av dokumentet länken finns i.
"_self" Öppnar länken i samma fönster.
"_top" Öppnar länken i hela fönstret om det finns frames.
|
| |
alt="alternativ text" Skapar en alternativ text visas då man håller musen över länken.
accesskey="tangent" Tangent som används tillsammans med Ctrl-tangenten som ett kortkommando för länken.
nohref Gör så att ingenting händer om användaren klickar i området.
|
Listor Exempel | Till sidans topp
<ol>...</ol> Skapar en numrerad lista.
|
| |
type="A", "a", "I", "i" eller "1" Bestämmer om listan ska numreras med stora bokstäver, små bokstäver, stora romerska siffror, små romerska siffror eller vanliga siffror.
start="värde" Bestämmer med vilken siffra listan ska starta, om inte ett.
|
|
<li>...</li> Skapar en ny rad.
|
| |
type="A", "a", "I", "i" eller "1" Bestämmer om raden ska numreras med stora bokstäver, små bokstäver, stora romerska siffror, små romerska siffror eller vanliga siffror.
value="värde" Används för att göra hopp i en numrerad lista. Raden får det värde som anges, och uppräkningen fortsätter därifrån på kommande rader.
|
|
<ul>...</ul> Skapar en onumrerad lista.
|
| |
type="cirkle" Ger en lista med bara cirklar på varje nivå.
|
| | |
"disc" Ger en lista med bara punkter på varje nivå.
"square" Ger en lista med bara fyrkanter på varje nivå.
|
|
<li>...</li> Skapar en ny rad.
|
| |
type="cirkle" Ger raden en cirkel.
|
| | |
"disc" Ger raden en punkt.
"square" Ger raden en fyrkant.
|
|
<dir>...</dir> Skapar en definitionslista. Fungerar <ul>.
|
| |
type="cirkle" Ger en lista med bara cirklar på varje nivå.
|
| | |
"disc" Ger en lista med bara punkter på varje nivå.
"square" Ger en lista med bara fyrkanter på varje nivå.
|
|
<li>...</li> Skapar en ny rad.
|
| |
type="cirkle" Ger raden en cirkel.
|
| | |
"disc" Ger raden en punkt.
"square" Ger raden en fyrkant.
|
|
<menu>...</menu> Skapar en menylista. Fungerar som <ul>.
|
| |
type="cirkle" Ger en lista med bara cirklar på varje nivå.
|
| | |
"disc" Ger en lista med bara punkter på varje nivå.
"square" Ger en lista med bara fyrkanter på varje nivå.
|
|
<li>...</li> Skapar en ny rad.
|
| |
type="cirkle" Ger raden en cirkel.
|
| | |
"disc" Ger raden en punkt.
"square" Ger raden en fyrkant.
|
|
<dl>...</dl> Skapar definitionslista.
|
| |
<dt>...</dt> Markerar ordet som ska definieras.
<dd>...</dd> Markerar definitionen.
|
Tabeller Exempel | Till sidans topp
<table>...</table> Skapar en tabell.
|
| |
align="left", "center" eller "right" Justerar tabellen horisontellt.
background="sökväg" Anger tabellens bakgrundsbild.
bgcolor="#färgkod" eller "färgnamn" Anger tabellens bakgrundsfärg.
border="värde" Anger storleken på tabellens ram.
bordercolor="#färgkod" eller "färgnamn" Anger ramens färg.
bordercolordark="#färgkod" eller "färgnamn" Anger den mörka färgen i en 3d ram. (Explorer)
bordercolorlight="#färgkod" eller "färgnamn" Anger den ljusa färgen i en 3d ram. (Explorer)
cellpadding="värde" Anger avståndet mellan ramen och innehållet i cellerna.
cellspacing="värde" Anger avståndet mellan tabellens celler.
height="värde" eller "värde%" Bestämmer tabellens höjd i pixlar eller procent av fönstrets höjd.
width="värde" eller "värde%" Bestämmer tabellens bredd i pixlar eller procent av fönstrets bredd.
frame="void" Ingen yttre ram visas. (Explorer)
|
| | |
"above" Ytterramen visas bara på tabellens överkant. (Explorer)
"below" Ytterramen visas bara på tabellens underkant. (Explorer)
"hsides" Ytterramen visas på tabellens över- och underkant. (Explorer)
"vsides" Ytterramen visas på tabellens vänstra och högra sida. (Explorer)
"lhs" Ytterramen visas bara på tabellens vänstersida. (Explorer)
"rhs" Ytterramen visas bara på tabellens högersida. (Explorer)
"box" Ramen visas runt hela tabellen. (Explorer)
"border" Ramen visas runt hela tabellen. (Explorer)
|
| |
rules="none" Inga linjer inne i tabellen visas. (Explorer)
|
| | |
"groups" Linjer visas mellan grupper definierade med <thead>, <tbody>, <tfoot> och <colgroup>. (Explorer)
"rows" Horisontella linjer visas mellan alla rader. (Explorer)
"cols" Vertikala linjer visas mellan alla kolumner. (Explorer)
"all" Linjer visas mellan alla rader och kolumner. (Explorer)
|
|
<tr>...</tr> Skapar en rad. Måste ligga inom <table>.
|
| |
align="left", "center", "right", "justify" eller "char" Justerar texten i radens celler.
valign="top" Bestämmer att texten i radens celler ska justeras.
|
| | |
"middle" Bestämmer att texten i radens celler ska justeras i mitten vertikalt.
"bottom" Bestämmer att texten i radens celler ska justeras nederst vertikalt.
"baseline" Bestämmer att texten i radens celler ska justeras längs med samma baslinje vertikalt.
|
| |
bgcolor="#färgkod" eller "färgnamn" Anger radens bakgrundsfärg.
bordercolor="#färgkod" eller "färgnamn" Anger radens ramfärg.
bordercolordark="#färgkod" eller "färgnamn" Anger den mörka färgen i radens 3D-ram.
bordercolorlight="#färgkod" eller "färgnamn" Anger den ljusa färgen i radens 3D-ram.
height="värde" Anger höjden av cellen.
|
|
<th>...</th> Skapar en rubrikcell. Måste ligga inom <tr>.
|
| |
align="left", "center", "right", "justify" eller "char" Justerar cellinnehållet horisontellt.
valign="top", "middle", "bottom" eller "baseline" Justerar cellinnehållet vertikalt.
background="sökväg" Anger cellens bakgrundsbild.
bgcolor="#färgkod" eller "färgnamn" Anger cellens bakgrundsfärg.
bordercolor="#färgkod" eller "färgnamn" Anger cellens ramfärg. (Explorer)
bordercolordark="#färgkod" eller "färgnamn" Anger den mörka färgen i en cells 3D-ram. (Explorer)
bordercolorlight="#färgkod" eller "färgnamn" Anger den ljusa färgen i en cells 3D-ram. (Explorer)
colspan="värde" Bestämmer hur många kolumner cellen ska sträcka sig över.
rowspan="värde" Bestämmer hur många rader cellen ska sträcka sig över.
height="värde" eller "värde%" Bestämmer cellens höjd i pixlar eller procent av fönstrets höjd.
width="värde" eller "värde%" Bestämmer cellens bredd i pixlar eller procent av fönstrets bredd.
nowrap Förhindrar radbrytningar i cellen.
|
|
<td>...</td> skapar en vanlig cell. Måste ligga inom <tr>.
|
| |
align="left", "center", "right", "justify" eller "char" Justerar cellinnehållet horisontellt.
valign="top", "middle", "bottom" eller "baseline" Justerar cellinnehållet vertikalt.
background="sökväg" Anger cellens bakgrundsbild.
bgcolor="#färgkod" eller "färgnamn" Anger cellens bakgrundsfärg.
bordercolor="#färgkod" eller "färgnamn" Anger cellens ramfärg. (Explorer)
bordercolordark="#färgkod" eller "färgnamn" Anger den mörka färgen i en cells 3D-ram. (Explorer)
bordercolorlight="#färgkod" eller "färgnamn" Anger den ljusa färgen i en cells 3D-ram. (Explorer)
colspan="värde" Bestämmer hur många kolumner cellen ska sträcka sig över.
rowspan="värde" Bestämmer hur många rader cellen ska sträcka sig över.
height="värde" eller "värde%" Bestämmer cellens höjd i pixlar eller procent av fönstrets höjd.
width="värde" eller "värde%" Bestämmer cellens bredd i pixlar eller procent av fönstrets bredd.
nowrap Förhindrar radbrytningar i cellen.
|
|
<caption>...</caption> Skapar en rubrik till tabellen. Måste ligga inom <table>.
|
| |
align="left", "right", "top" eller "bottom" Bestämmer hur rubriken ska ligga i förhållande till tabellen.
|
|
<thead>...</thead> Skapar ett tabellhuvud. Måste ligga inom <table>.
|
| |
align="left", "center", "right", "justify" eller "char" Justerar tabellhuvudet horisontellt.
valign="top", "middle", "bottom" eller "baseline" Justerar tabellhuvudet vertikalt.
|
|
<tbody>...</tbody> Skapar en tabellkropp. Måste ligga inom <table>.
|
| |
align="left", "center", "right", "justify" eller "char" Justerar tabellkroppen horisontellt.
valign="top", "middle", "bottom" eller "baseline" Justerar tabellkroppen vertikalt.
|
|
<tfoot>...</tfoot> Skapar en tabellfot. Måste ligga inom <table>.
|
| |
align="left", "center", "right", "justify" eller "char" Justerar tabellfoten horisontellt.
valign="top", "middle", "bottom" eller "baseline" Justerar tabellfoten vertikalt.
|
|
<colgroup>...</colgroup> Skapar en kolumngrupp i en tabell. (Explorer)
|
| |
span="värde" Anger hur många kolumner gruppen omfattar.
align="left", "center", "right", "justify" eller "char" Justerar innehållet i kolumnernas celler horisontellt.
valign="top", "middle", "bottom" eller "baseline" Justerar innehållet i kolumnernas celler vertikalt.
width="värde" eller "värde%" Anger bredd.
|
|
<col> Styr en enskild kolumn inom <colgroup> eller tabell. (Explorer)
|
| |
span="värde" Anger hur många kolumner gruppen omfattar.
align="left", "center", "right", "justify" eller "char" Justerar innehållet i kolumnens celler horisontellt.
valign="top", "middle", "bottom" eller "baseline" Justerar innehållet i kolumnens celler vertikalt.
width="värde" eller "värde%" Anger bredd.
|
Formulär Till sidans topp
<form>...</form> Skapar ett formulär.
|
| |
action="adress" Anger vart formulärets innehåll ska skickas.
method="get" Anger att innehållet ska skickas till ett CGI-pogram.
|
| | |
"post" Anger att innehållet ska skickas med e-post.
|
| |
target="fönsternamn" Anger vilket fönster resultatet av formuläret ska öppnas i.
|
| | |
"_blank" Öppnar resultatet i ett nytt fönster.
"_parent" Öppnar länken i det överliggande framesetet av dokumentet länken finns i.
"_self" Öppnar resultatet i samma fönster.
"_top" Öppnar resultatet i hela fönstret.
|
| |
enctype="text/plain" Anger typ av kod. Gör e-postformulär enklare att läsa.
|
|
<input> Skapar ett formulärobjekt.
|
| |
type="checkbox" Skapar ett ikryssningsformulär för flera val.
|
| | |
"radio" Skapar ett ikryssningsformulär för ett val.
"text" Skapar ett textruteformulär.
"password" Skapar ett textruteformulär med * som text.
"submit" Skapar en sändarknapp.
"reset" Skapar en återställningsknapp
"image" Skapar en sändarknapp av en bild.
"button" Skapar en knapp.
"hidden" Skapar ett dolt formulär för CGI-program.
|
| |
align="top" Justerar bilden i topp med textraden. (type="image")
|
| | |
"middle" Justerar bilden i mitten av textraden. (type="image")
"bottom" Justerar bilden i botten av textraden. (type="image")
"left" Justerar bilden till vänster om textraden. (type="image")
"right" Justerar bilden till höger om textraden. (type="image")
|
| |
checked Gör en kryssruta eller radioknapp förvald.
disabled Hindrar fältet från att kunna användas.
value="text" eller "värde" Ger formulärobjektet en text eller ett värde.
maxlenght="värde" Anger maximalt antal tecken som får skrivas i en textruta.
size="värde" Anger en textrutas längd mätt i antal tecken.
name="namn" Ger formulärobjektet ett namn.
src="sökväg" Anger sökväg till bild. (type="image")
alt="alternativ text" Skapar en alternativ text för webbläsare som inte klarar bilder. Visas även då man håller musen över bilden. (type="image")
|
|
<select>...</select> Skapar en meny med flera val.
|
| |
multiple Tillåter att fler än ett alternativ kan väljas i menyn.
disabled Hindrar menyn från att kunna användas.
name="namn" Ger menyn ett namn.
size="värde" Anger menyns höjd, size="1" skapar en popup-meny.
width="värde" Anger menyns bredd.
|
|
<option>...</option> Skapar ett val i selectmenyn.
|
| |
value="värde" Ger alternativet ett värde.
disabled Hindrar att valet kan väljas.
selected Gör alternativet förvalt.
|
|
<textarea>...</textarea> Skapar ett textfält.
|
| |
cols="värde" Bestämmer textfältets bredd mätt i antal tecken.
rows="värde" Bestämmer textfältets höjd mätt i antal tecken.
name="namn" Ger textfältet ett namn.
disabled Hindrar textfältet från att kunna användas.
wrap="off" Grundinställning.
|
| | |
"virtual" Bryter orden på skärmen, men skickar texten som en rad.
"physical" Skickar raden bruten.
|
| |
wrap="hard", "soft" eller "none" Specificerar hur texten ska brytas.
|
|
<button>...</button> Skapar en knapp.
|
| |
type="submit", "reset" eller "button" Anger typ av knapp.
value="värde" Ger knappen ett värde.
disabled Hindrar knappen från att kunna användas.
name="namn" Ger knappen ett namn.
|
Frames Till sidans topp
<frameset>...</frameset> Skapar ett rutsystem. Dokumentet får ej innehålla <body>.
|
| |
cols="värde", "värde%" eller * Anger antalet kolumner, och hur breda dessa ska vara.
rows="värde", "värde%" eller * Anger antalet rader, och hur höga dessa ska vara.
border="värde" Anger avståndet mellan rutorna.
frameborder="0" eller "1" Anger om systemets samtliga rutor ska ha ram eller ej.
framespacing="värde" Anger avståndet mellan rutorna.
scrolling="yes", "no" eller "auto" Anger om rutsystemet ska ha rullist eller inte, auto ger rullist om det behövs.
bordercolor="#färgkod" eller "färgnamn" Anger ramarnas färg.
|
|
<frame> Skapar en ruta.
|
| |
src="adress" Bestämmer vilket HTML-dokument som ska visas i rutan.
border="värde" Specificerar bredden på ramen runt framen i pixlar.
frameborder="0" eller "1" Bestämmer om rutan ska ha ram eller ej.
marginheight="värde" Skapar en övre och undre marginal.
marginwidth="värde" Skapar en vänster och högermarginal mellan rutans innehåll och ramen.
name="rutnamn" Ger rutan ett namn så att den kan ta emot länkar.
noresize Gör så att ramarna inte är flyttbara.
scrolling="yes", "no" eller "auto" Anger om rutan ska ha rullist eller inte, auto ger rullist om det behövs.
bordercolor="#färgkod" eller "färgnamn" Anger ramens färg.
|
|
<iframe>...</iframe> Skapar en flytande ruta. (Explorer)
|
| |
scr="sökväg" Anger vilket HTML-dokument som ska visas i rutan.
align="top", "middle", "bottom", "left", "center" eller "right" Justerar rutan.
hspace="värde" Anger hur stor marginal rutan ska ha på sin vänstra sida.
vspace="värde" Anger hur stor marginal rutan ska ha vertikalt.
frameborder="1" eller "0" Bestämmer om rutan ska ha ram eller ej.
height="värde" eller "värde%" Anger rutans höjd i pixlar eller procent.
width="värde" eller "värde%" Anger rutans bredd i pixlar eller procent.
marginheight="värde" Anger rutans vertikala marginal i pixlar.
marginwidth="värde" Anger rutans horisontella marginal i pixlar.
name="namn" Ger rutan ett namn så att den kan ta emot länkar.
noresize Gör så att ramarna inte är flyttbara.
scrolling="yes", "no" eller "nauto" Anger om rutan ska ha rullist eller inte.
bordercolor="#färgkod" eller "färgnamn" Anger ramens färg.
|
<noframes>...</noframes> Ger dig möjlighet att lägga in HTML-kod som bara läses av webbläsare som inte klarar frames. Måste ligga inom <frameset>.
Style sheet Till sidans topp
Attribut till <hvärde>, <div>, <font>, <b>, <i>, <p>, <u>, <s>, <tt> mm.
|
| |
style="attribut1: värde1; attribut2: värde2 (osv);"
|
| | |
font-style: normal, italic eller oblique; Normal eller kursiv stil. Placeras först av attributen.
font-weight: normal, light, lighter, extra-light, demi-light, medium, bold, bolder, extra-bold eller demi-bold; Anger typsnittets tjocklek. Placeras först av attributen.
font-variant: normal eller small-caps; Normal eller kapitäl.
font-size: värde; Anger textstorlek i px, pt, in eller cm.
font-stretch: normal, wider, narrower, condensed, semi-condensed, extra-condensed, ultra-condensed, expanded, semi-expanded, extra-expanded eller ultra-expended; Anger längd.
font-indent: värde; Anger textindrag i px, pt, in eller cm.
background-color: #färgkod eller färgnamn; Anger bakgrundsfärg.
background-image: sökväg eller none; Anger bakgrundsbild.
background-repeat: repeat, repeat-x repeat-y eller no-repeat; Anger hur bakgrundsbilden ska upprepas.
background-attachment: scroll eller fixed; Anger om bakgrundsbilden ska låsas.
background-position: top, bottom, left, center eller right; Anger bakgrundsbildens startposition.
color: #färgkod eller färgnamn; Anger textfärg.
border-style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset eller outset; Anger ramtyp.
border-color: #färgkod eller färgnamn; Anger ramens färg.
line-height: värde; Anger avståndet till baslinjen på raden ovanför i px, pt, in eller cm.
margin-left: värde; Anger vänstermarginalens storlek i px, pt, in eller cm.
margin-right: värde; Anger högermarginalens storlek i px, pt, in eller cm.
margin-top: värde; Anger övre marginalens storlek i px, pt, in eller cm.
text-align: left, center, right eller justify; Justerar texten horisontellt.
vertical-align: baseline, sub, super, top, text-top, middle, bottom, text-bottom, eller värde%; Justerar texten vertikalt.
text-decoration: underline, italic, line-through, overline, blink eller none; Gör texten understruken, kursiv, genomstruken eller normal.
text-indent: värde; Anger avståndet till vänstermarginal i px, pt, in eller cm.
text-transform: none, capitalize, uppercase, eller lowercase; Capitalize gör stor bokstav i början på ord, uppercase gör alla bokstäver stora och lowercase gör alla små.
word-spacing: normal eller värde; Anger avstånd mellan orden i px, pt, in eller cm.
letter-spacing: normal eller värde; Anger avstånd mellan tecknen i px, pt, in eller cm.
width: värde; Anger bredd i px, pt, in eller cm.
font-family: typsnitt, typsnitt i andra hand (osv); Anger typsnitt. Placeras sist av attributen.
|
| |
class="namn" Anger vilken omdefinition som ska gälla, om det finns flera.
|
|
<span>...</span> Applicerar STYLE-information på ett avsnitt.
|
| |
style="attribut1: värde1; attribut2: värde2 (osv);" Anger det lokala Style Sheet som ska appliceras på texten. (Samma attribut som ovan.)
|
|
<style>...</style> Skapar ett globalt style Sheet. Måste ligga i huvuddelen.
|
| |
type="text/css" Anger MIME-typ.
|
Java Till sidans topp
<applet>...</applet> Lägger in en java-applet i dokumentet.
|
| |
alt="alternativ text" Text som visas om läsaren inte stödjer java.
code="applet" Namn på aktuell java-applet.
codebase="sökväg" Sökvägen till katalogen där appleten finns.
height="värde" eller "värde%" Appletens höjd i pixlar eller procent.
width="värde" eller "värde%" Appletens bredd i pixlareller procent.
align="left", "center", "right", "top", "middle" eller "bottom" Anger appletens justering horisontellt.
hspace="värde" Horisontell yttermarginal i pixlar.
vspace="värde" Vertikal yttermarginal i pixlar.
border="värde" Anger ramens bredd.
name="namn" Ger appleten ett namn.
param name="attributnamn" Används för att skicka kommandon från HTML-sidan till appleten.
|
|
<embed>...</embed> Inkluderar t ex en java-applet i dokumentet. (Netscape)
|
| |
src="sökväg" Anger sökväg till objektet.
autostart="true" eller "false" Anger om filen ska starta direkt eller inte.
controls="console", "smallconsole", "playbutton", "pausbutton", "stopbutton" eller "volumelever" Anger vilken kontroll eller del av kontroll som ska användas.
align="left", "center", "right", "top", "middle" eller "bottom" Anger appletens justering horisontellt.
height="värde" Anger objektets höjd i pixlar.
width="värde" Anger objektets bredd i pixlar.
hidden="true" eller "false" Anger om objektet ska vara gömt eller inte.
loop="true", "false" eller "värde" Anger om filen ska repeteras eller inte eller hur många gånger den ska repeteras.
name="namn" Ger objektet ett namn.
palette="foreground" eller "background" Anger typ av färgkarta.
volume="värde" Anger volym. (1-100)
|
|
<object>...</object> Inkluderar t ex java-applet i dokumentet, dåligt stöd hos de flesta webbläsare. (Explorer)
|
| |
border="värde" Definierar ramen.
classid="sökväg" Identifierar objektet.
codebase="sökväg" Anger koden för objektet.
codetype="kodtyp" Anger typ av kod.
data="sökväg" Ger data till objektet.
declare Annonserar objektet för kommande anrop.
height="värde" eller värde%" Anger objektets höjd i pixlar.
width="värde" eller värde%" Anger objektets bredd i pixlar.
align="left", "center", "right", "top", "texttop", "middle", "textmiddle", "absmiddle", "baseline", "bottom", "textbottom" eller "absbottom" Anger objektets justering.
hspace="värde" Objektets yttre horisontella marginal.
vspace="värde" Anger objektets vertikala yttre marginal.
name="namn" Namnger objektet när det skickas som del i formulär.
shapes Anger att objektet innehåller klickbara fält.
standby="text" Anger text som visas under laddning av objektet.
type="text/css" Anger MIME-typ.
usemap="sökväg" Anger sökväg till en kartfil.
|
|
<param> Anger attribut för objektet.
|
| |
name="namn" Ger attributen ett namn.
value="värde" Anger värde på attributen.
valuetype="data", "ref" eller "object" Anger typ av värde.
type="text/css" Anger MIME-typ.
|
|
<script>...</script> Anger att dokumentet innehåller skript-kod. Måste ligga i huvudet.
|
| |
language="skriptspråk" Anger språk, t ex JavaScript eller VBScript.
src="text/javascript" Anger MIME-typ.
src="sökväg" Anger sökvägen till filen som innehåller scriptet.
|
|
<noscript>...</noscript> Anger allt du vill ska visas av webbläsare som inte stödjer javaScript.
|