|
|
HTML 4.0 -Kodförteckning
Jag har sammanställt en lista över de koder och attribut som gäller enligt standarden HTML 4.0.
Denna standard antogs 1997 av organisationen W3C.
De koder som tillkommit från standarden HTML 3.2 är
markerade med en * (asterix). Vill du läsa mer, klicka på
koder!
och attribut!
De är länkade till sidor hos organisationen W3C.
Var observant på att allt kanske inte fungerar i både Internet Explorer och
Netscape samtidigt!
Liten förklaring av koderna:
-
<!-- Kommentarer... -->
-
Mellan <!-- och --> kan vi i HTML-koden skriva våra egna kommentarer. Detta vi
skriver kommer då inte att tolkas som kod eller något som skall vara med i
koden.
Upp
-
<a>xx</a>
-
Används vid länkar och ankare. Vid länk till annan sida anges ex. <a
href="xx.html">xxx</a> och vid ankare inom sida anges <a name="xx">.
Observera att vid ankare behöver koden inte avslutas, men gör det gärna ändå.
Attribut:
accesskey=, charset=, class=, coords=, dir=, href=, hreflang=, id=, lang=, name=, rel=,
rev=, shape=, style=, tabindex=, target=, title=, type=, onfocus=, onblur=.
Upp
-
<abbr>xx</abbr>
-
Står för förkortning och kann omsluta ett ord man väljer att
förkorta. Exempel på användning: <abbr>t. ex.</abbr>.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<acronym>xx</acronym>
-
Även denna anges vid förkortningar och omsluter denna. Exempel på
användning: <acronym>SAF</acronym>
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<address>xx</address>
-
Används för att omsluta adressuppgifter och ger ofta innehållet en kursiv
stil.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<applet>xx</applet>
-
Används när man vill infoga ett Java Applet på sidan. Java är ett
programmeringsspråk som kan infogas i HTML-koden.
Attribut:
align="center" | "left" | "right" | "top" | "middle" | "bottom", alt=, archive=, class=,
code=, codebase=, height=, hspace=, id=, name=, object=, style=, title=, vspace=, width=.
Upp
-
<area>
-
Används när vi skapar Imagemaps och avslutas inte. Det handlar om att vi har en
bild, och olika sektioner i denna skall vara länkade till olika sidor.
Attribut:
accesskey=, alt=, dir=, class=, coords=, href=, id=, lang=, name=, nohref=, shape=circ |
circle | poly | polygon | rect | rectangle, style=, tabindex=, target=, title=.
Upp
-
<b>xx</b>
-
Texten inom dessa koder blir i fet stil.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<base>
-
Saknar avslutning och ligger inom head-sektionen i HTML-koden. Om man ex. använder
ramar och har en samling länkar, kan vi i head ange <base target="Huvud">. Huvud
är namnet på bildskärmsdelen där alla sidorna skall laddas. När vi
skrivit så här, slipper vi att ange vart var och en av länkarna skall
laddas!
Attribut:
href=, target=.
Upp
-
<basefont>
-
Sätts efter <body> i HTML-koden och ändrar typsnittet, teckenstorlek och
teckenfärg i hela dokumentet. Koden behöver inte avlsutas. I och med
HTML-standarden 4.0 kom koden <font> istället.
Attribut:
color=, face=, size=.
Upp
-
<bdo>xx</bdo>
-
Alla språk läser inte texten från vänster till höger som i
Sverige. Med detta kommando kan man ändra, så att man kan läsa texten
från höger till vänster istället.
Attribut:
dir=ltr | rtl, lang=.
Upp
-
<big>xx</big>
-
Gör texten emellan dessa koderna en storlek större än omgivningen.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<blink>xx</blink>
-
Gör orden omslutna av detta kommando blinkande.
Fungerar inte i Netscape.
Upp
-
<blockquote>xx</blockquote>
-
Kan användas för citat av större avsnitt och till att åstadkomma vissa
designmässiga texteffekter. Åstadkommer marginaljusteringar "inåt"
både på höger och vänster sida, jämfört med omgivande text.
Attribut:
cite=, class=, dir=, id=, lang=, style=, title=.
Upp
-
<body>xxx</body>
-
Avser body-sektionen för dokumentet. Förekommer i alla HTML-dokument, utom i det
dokument jag skapat ramstrukturen i (när jag gör ramar). Frameset ersätter
nämligen body i detta fall.
Attribut:
align=center | left | right, alink=, background=, bgcolor=, class=, dir=, id=, lang=, link=,
style=, text=, title=, vlink=.
Upp
-
<br>
-
Avser att infoga en radbrytning, eller två..., i texten. Behöver inte avslutas.
Attribut:
class=, clear=left | right | all | none, id=, style=, title=.
Upp
-
<button>xx</button>
-
Med detta kommando kan man skapa en knapp i ett formulär.
Attribut:
accesskey=, class=, dir=, disabled=, id=, lang=, name=, style=, tabindex=, title=,
type=button | submit | reset , value=, onfocus=, onblur=.
Upp
-
<caption>xx</caption>
-
Med detta kommando skapar vi en tabellrubrik.
Attribut:
align=center | left | right | top | bottom, class=, dir=, id=, lang=, style=, title=,
valign=top | bottom
Upp
-
<center>xx</center>
-
Centrerar texten eller bilden mellan dessa kommandon. Det är dock vanlig att man
använder <p align="center">xx</p> istället
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<cite>xx</cite>
-
Används när jag citerar text. Den blir då vanligtvis i kursiverad stil.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<code>xx</code>
-
Används när jag vill skriva ut en HTML-kod på sidan och att den skall synas
i mottagarnas bildskärmar. Koderna kommer då inte att tolkas som koder, utan som
vanlig text.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<col>
-
Avslutas inte och avser tabellkolumn.
align=center | left | right | justify | char, char=, charoff=,class=, dir=, id=, repeat=,
span=, style=, title=, valign=baseline | bottom | center | top, width=.
Fungerar bara i Internet Explorer.
Upp
-
<colgroup>xx</colgroup>
-
Grupperar kolumner i tabeller.
Attribut:
align=center | left | right | justify | char, char=, charoff=, class=, id=, span=, style=,
title=, valign=baseline | bottom | center | top, widht=.
Fungerar bara i Internet Explorer.
Upp
-
<dd>
-
Används i definitionslistan och efter detta kommando skriver vi in de uppgifter eller
den data som skall finnas med. Behöver inte avslutas.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<del>xx</del>
-
Mellan dessa koder skriver vi in text som har raderats.Den tas inte bort från sidan,
utan markeras som borttagen.
Attribut:
cite=, class=, datetime=, dir=, id=, lang=, style=, title=.
Upp
-
<dfn>xx</dfn>
-
Identifierar definitionsterm.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<div>xx</div>
-
Genom denna kod skapar vi ett större sammanhängande avsnitt inom en text.
Attribut:
align=center | left | right | justify, charset=, class=, dir=, href=, hreflang=, id=, lang=,
media=, rel=, rev=, style=, target=, title=, type=.
Upp
-
<dl>xx</dl>
-
Genom detta kommando skapar vi en definitionslista.
Attribut:
align=center | left | right, class=, clear=left | right | all, compact=, dir=, id=, lang=,
style=, title=.
Upp
-
<dt>
-
Tillhör koderna inom en definitionslista. Denna sida som du läser här är
en definitionslista. Koderna som är markerade lite mer än övrig text och som
dessutom fungerar som en "rubrik" åt texten, är skrivna inom <dt>. Texten
under är skrivna inom <dd>. Se ovan i stycket om <dd>.
Attribut:
align=center | left | right, class=, dir=, id=, lang=, style=, title=.
Upp
-
<em>xx</em>
-
Används för att betona vissa ord mer än andra och gör oftast texten
kursiv.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<fieldset>xx</fieldset>
-
Grupperar fält i ett formulär för att lättare kunna hitta och
förstå.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<font>xx</font>
-
Jämför med <basefont> ovan och avser texten på sidan.
Attribut:
color=, face=, id=, size=, style=, title=.
Vad gäller teckenstorleken anges den mellan 1-7 samt med -/+ i förhållande
till förvalt teckenstorlek för dokumentet.
Upp
-
<form>xx</form>
-
Men denna kod skapar vi ett formulär. Kan ligga som fristående sida eller som ett
avsnitt inom en sida.
Attribut:
Attributet action= är obligatoriskt. acceptcharset=, action=, class=, dir=, enctype=,
id=, lang=, method=get | post, name=, script=, style=, target=, title=.
Upp
-
<frame>
-
Kod som används i ramar. Med attributet SCR= anges vilken sida en viss
bildskärmsdel skall laddas med. Koden avslutas inte.
Attribut:
class=, dir=, frameborder=, id=, longdesc=, marginheight=, marginwidth=, method=,
name=window | _name | _blank | _parent | _self | _top, noresize=noresize | resize,
scrolling=auto | yes | no, src=, style=, target=, title=.
Upp
-
<frameset>xx</frameset>
-
Kod som delar upp bildskärmen i olika ramar/delar.
Attribut:
class=, cols=, id=, rows=, style=, title=, onload=, onunload=.
Upp
-
<head>xx</head>
-
Anger huvudsektionen för dokumentet.
Attribut:
dir=, lang=, profile=.
Upp
-
<h1>xx</h1>
-
Anger huvudrubriken för dokumentet.
Attribut:
Har liksom följande underrubriker attributen align=left | center | right | justify,
class=, clear=left | right | all, dir=, id=, lang=, style=, title=.
Upp
-
<h2>xx</h2>
-
Anger andra rangens rubrik för dokumentet.
Upp
-
<h3>xx</h3>
-
Anger tredje rangens rubrik för dokumentet.
Upp
-
<h4>xx</h4>
-
Anger fjärde rangens rubrik för dokumentet.
Upp
-
<h5>xx</h5>
-
Anger femte rangens rubrik för dokumentet.
Upp
-
<h6>xx</h6>
-
Anger sjätte rangens rubrik för dokumentet.
Upp
-
<hr>
-
Med detta kommando infogar vi en horisontell linje på sidan. Koden avslutas inte.
Attribut:
align=center | left | right | justify,class=, clear=left | right | all, color=, id=, md=,
noshade, size=, style=, title=, width=.
Upp
-
<html>xx</html>
-
Genom HTML-koder bygger vi upp sidorna.
Attribut:
dir=, lang=, version=.
Upp
-
<i>xx</i>
-
Texten mellan koderna blir kursiv.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<iframe>xx</iframe>
-
Genom denna kod skapar vi en ram inom en sida. Kan även göras fristående.
Attribut:
align=absbottom | absmiddle | baseline | bottom | left | middle | right | texttop | top,
border=, bordercolor=, frameborder=, framespacing=, height=, hspace=, id=, marginheight=,
marginwidth=, name=window_name | _blank | _parent | _self | _top, noresize=noresize |
resize, scrolling=auto | yes | no, src=, style=, title=, vspace=, width=.
Upp
-
<img>
-
Med denna kod infogar vi bilder på våra sidor och koden avslutas inte.
Attribut:
align=bottom | left | middle | right | top, alt=, border=, class=, controls=, dir=,
datafld=, datasrc=, dynsrc=, height=, hspace=, di=, ismap=, lang=, loop=, lowsrc=, md=,
name=, src=, style=, title=, usemap=, vrml=, vspace=, width=.
Upp
-
<input>
-
Avslutas inte och med denna kod infogar vi olika typer av fält i formulär,
där vi kan fylla i saker.
Attribut:
accesskey=, accept=, align=bottom | middle | left | right | top, alt=, checked=, class=,
datafld=, datasrc=, dir=, disabled, error, id=, lang=, language=javascript | vbscript, max=,
maxlength=, md=, min=, name=, readonly=, size=, src=, style=, tabindex=, title=,
type=botton | checkbox | hidden | image | password | radio | reset | selectmultiple |
selectone | submit | text | textarea, usemap=, value=.
Upp
-
<ins>xx</ins>
-
Med denna kod markerar vi texten som infogad (efterhand).
Attribut:
cite=, class=, datetime=, dir=, id=, lang=, style=, title=.
Upp
-
<kbd>xx</kbd>
-
Tangentbordsinmatning.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<label>xx</label>
-
Förser formulärfält med etikett.
Attribut:
accesskey=, class=, dir=, for=, id=, lang=, style=, title=.
Upp
-
<legend>xx</legend>
-
Förklarande text till formulärets fieldset.
Attribut:
accesskey=, align=, class=, dir=, id=, lang=, style=, title=.
Upp
-
<li>xx</li>
-
Ingår när vi skapar numrerade listor. Det vi skriver in hos denna kod, markeras
med ex. med siffra framför.
Attribut:
align=center | left | right, class=, dir=, id=, lang=, style=, title=, type=1 | a | A | i |
I | disc | circle | square, value=.
Upp
-
<link>
-
Definierar relationer mellan olika sidor.
Attribut:
class=, dir=, href=, hreflang=, id=, lang=, media=, methods=, name=, rel= alternate | Banner
| Bookmark | Contents | Copyright | Glossary | Help | Home | Index | Next | Previous | Start
| styleSheet |Toc | Up, rev=, style=, target=, title=, type=, urn=.
Upp
-
<map>xx</map>
-
Används när vi skall skapa Imagemaps.
Attribut:
class=, id=, name=, style=, title=.
Upp
-
<meta>
-
Anges i sektionen head och avslutas inte. Med denna kod kan vi styra vilka ord m.m. som
skall vara sökbara.
Attribut:
content=, dir=, http-equiv=, lang=, name=, scheme=, title=, url=.
Upp
-
<noframes>xx</noframes>
-
Alla webbläsare kan inte läsa ramar. Därför kan vi ange denna kod och i
denna ett meddelande eller kanske t.o.m en sida utan ramar. Här kan vi ange body, vilket
vi inte kunde använda i ramar.
Attribut:
id=, style=, title=.
Upp
-
<noscript>xx</noscript>
-
Alla webbläsare kan inte heller läsa koden för JavaScript. Därför
kan vi använda denna kod.
Upp
-
<object>xx</object>
-
Avser att infoga saker som bilder eller shockwave-animationer på sidorna.
Attribut:
accesskey=, align=absbottom | absmiddle | baseline | bottom | left | middle | right |
texttop | top, border=, class=, classid=, code=, codebase=, codetype=, data=, datafld=,
datasrc=, declare=, dir=, disabled=, height=, hspace=, id=, lang=, name=, shapes=, standby=,
style=, tabindex=, title=, type=, usemap=, vspace=, width=.
Upp
-
<ol>xx</ol>
-
Inledningskoden för numrerade listor.
Attribut:
align=center | left | right, class=, clear=left | right | all, compact=, continue=, dir=,
id=, lang=, seqnum=, start=, style=, title=, type=1 | a | A | i | I.
Upp
-
<optgroup>xx</optgroup>
-
Används för att gruppera option i formuläret.
Attribut:
class=, dir=, disabled=, id=, label=, lang=, name=, style=, title=, value.
Upp
-
<option>xx</option>
-
Används i formuläret för att skapa valbara alternativ (ex. genom
rullningslister). Nämns inom select.
Attribut:
class=, dir=, disabled=, id=, lable=, lang=, name=, selected=, style=, title=, value=.
Upp
-
<p>xx</p>
-
Markerar en text som ett nytt stycke.
Attribut:
align=center | left | right | justify, class=, clear=left | right | all, dir=, id=, lang=,
style=, title=, width.
Upp
-
<param>xx</param>
-
Innebär parameter och används vid infogande av ex. Java Applets.
Attribut:
data=, datafld=, datasrc=, name=, object=, ref=, title=, type=, value=, valuetype=data | ref
| object.
Upp
-
<pre>xx</pre>
-
Denna kod står för förformatterad text. Som vi skriver texten i editorn,
så kommer den också att placeras på sidan. Radbrytningar, mellanslag m.m.
fungerar, vilket det annars inte gör.
Attribut:
class=, clear=left | right | all, dir=, id=, lang=, style=, title=, width.
Upp
-
<q>xx</q>
-
Omsluter kortare citerad text.
Attribut:
cite=,class=, dir=, id=, lang=, style=, title=.
Upp
-
<s>xx</s>
-
S betyder strikeout och gör texten mellan koderna överstuken.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<samp>xx</samp>
-
Markerar "output"-text från dataprogram.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<script>xx</script>
-
Infogar ex. JavaScript på våra sidor.
Attribut:
charset=, defer, language=javascript | vbscript, src=, type=.
Upp
-
<select>xx</select>
-
Används i formulär när man skall infoga ex. rullningslister vid
valalternativ.
Attribut:
class=, dir=, disabled=, id=, lang=, multiple, name=, size=, style=, tabindex=, title=.
Upp
-
<small>xx</small>
-
Gör texten en storlek mindre än omgivande text.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<span>xx</span>
-
Fungerar likt div och p. Man kan avdela ett textavsnitt och ge det en speciella egenskaper.
Används ofta tillsamman med CSS.
Attribut:
aling=, class=, datafld=, dataformats=, datasrc=, dir=, id=, style=, title=.
Upp
-
<strike>xx</strike>
-
Gör texten mellan koderna överstruken.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<strong>xx</strong>
-
Gör texten mellan koden starkt betonad och resulterar ofta i fet stil.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<style>xx</style>
-
Genom detta infogar man CSS på sidan. Skrivs inom head.
Attribut:
dir=, lang=, media=, title=, type=.
Upp
-
<sub>xx</sub>
-
Betyder subscript och ordet mellan koderna blir nedsänkt i förhållande till
övrig text på raden.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<sup>xx</sup>
-
Betyder superscript och fungerar samma som ovan, men ordet höjs istället.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<table>xx</table>
-
Talar om att vi skall skapa en tabell.
Attribut:
align=left | center | right, class=, background=, bgcolor=, border=, cellpadding=,
cellspacing=, class=, cols=, dir=, frame=above | below | border | box | insides | lhs | rhs
| void | vsides, height=, id=, lang=, rules=all | cols | groups | none | rows, style=,
summary=, title=, units=, width=.
Upp
-
<tbody>xx</tbody>
-
Avser tabellens "body-sektion".
Attribut:
align=center | left | right, bgcolor=, char=, charoff=, class=, dir=, id=, lang=, style=,
title=, valign=baseline | bottom | center | top.
Fungerar bara i Internet Explorer.
Upp
-
<td>xx</td>
-
Används när vi skapar celler i en tabell och här skriver vi in den text eller
de bilder m.m. som skall finnas där.
Attribut:
abbr=, align=center | left | right | justify | decimal, axis=, background=, bgcolor=, char=,
charoff=, class=, colspan=, dir=, height=, id=, lang=, nowrap, rowspan=, style=, title=,
valign=baseline | bottom | center | top, width=.
Upp
-
<textarea>xx</textarea>
-
Detta kommando skapar ett textfält i ett formulär.
Attribut:
accesskey=, align=bottom | left | middle | right | top, class=, cols=, datafld=, datasrc=,
dir=, disabled=, error=, id=, lang=, name=, radonly=, rows=, style=, tabindex=, title=,
wrap=virtual | physical | none.
Upp
-
<tfoot>xx</tfoot>
-
Används i tabeller och markerar fotsektionen.
Attribut:
align=center | left | right, bgcolor=, char=, charoff=, dir=, id=, lang=, style=, title=,
valign=baseline | bottom | center | top.
Fungerar bara i Internet Explorer.
Upp
-
<th>xx</th>
-
Används i tabeller för att skapa en cellrubrik.
Attribut:
abbr=, align=center | left | right | decimal | justify, axis=, background=, bgcolor=, char=,
charoff=, class=, colspan=, dir=, height=, id=, lang=, nowrap, rowspan=, style=, title=, valign=baseline | bottom | center | top, width=.
Upp
-
<thead>xx</thead>
-
Anger tabellens "head-sektion".
Attribut:
align=center | left | right, bgcolor=, char=, charoff=, class=, dir=, id=, lang=, style=,
title=, valign=baseline | bottom | center | top.
Fungerar bara i Internet Explorer.
Upp
-
<title>xx</title>
-
Denna kod skapar sidans titel.
Attribut:
dir=, lang=.
Upp
-
<tr>xx</tr>
-
Används i tabeller och skapar en ny rad där vi sedan kan skapa celler
Attribut:
align=center | left | right | justify, bgcolor=, char=, charoff=, class=, dir=, height=,
id=, lang=, style=, title= valign=baseline | bottom | center | top, vspace=.
Upp
-
<tt>xx</tt>
-
Gör att texten ser ut att vara maskinskriven.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<u>xx</u>
-
Gör texten understruken.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
-
<ul>xx</ul>
-
Med denna kod skapar vi en punktlista.
Attribut:
align=center | left | right, class=, clear=left | right | all, compact, dingbat=, dir=,
id=, lang=, md=, plain=, src=, style=, title=,
type=disc | square | circle, wrap= vert | horiz.
Upp
-
<var>xx</var>
-
Markerar programvariabler.
Attribut:
class=, dir=, id=, lang=, style=, title=.
Upp
|
|
|
kontakt
