HTML
informasjon
oppdatert: Fredag 20. september 2002
HTML
Noder i HTML-format inneholder kun ASCII-tekst. HTML (HyperText Markup Language) benyttes til å lagre informasjon om lenker til andre noder på weben, strukturell informasjon om selve innhold i noden samt informasjon om hvordan innholdet skal presenteres. Denne informasjon lagres ganske genialt som tagger i selve innholdet. Selve budskapet som lagres i noden kan kun være tekstbasert. Bilder og andre formater en ønsker å presentere sammen med teksten må lenkes inn.

Det er mange programvare produsenter som ønsker å lage HTML koden for deg. Vi anbefaler selvsagt en enkel tekstbehandler der en skriver alle tagger for hånd slik at en slipper begrensningene til HTML-editorene. Før eller sener må en uansett utføre manuelle endringer på koden og maskingenerert kode er svært "grisete".

For innføring i HTML kan følgende linker være til hjelp:
www.w3.org/Markup/Guide/  
www.w3.org/Markup/Guide/Advanced.html  
Andre referanser:
HTML 4.01 standarden  
Liste over alle elementer i HTML 4.01  

Her vil vi begrense oss til å introdusere HTML med to eksempler.

Eksempel: Form to mail
"Form to mail"-begrepet betyr at kundens bestilling mottas i en HTML-form og sendes pr. mail til leverandøren. I dette forenklete eksemplet fyller du kun inn din e-postadresse og en mail sendes til denne adressen. Skjemaet består av to sider. På side en fyller du inn din e-postadressen. Side to bekrefter hvor e-posten er sendt, trykk her for å teste (ingen data lagres hos oss).

Nedenfor er HTML-koden til de to sidene. Side 2 kaller på et Bourne shell-skript for utsendelse av mail og for dynamisk oppdatering av siden med oppgitt e-postadresse, trykk her for å se koden. Skriptet blir kalt på via SSI direktiv.

Ulikheter i HTML-koden for siden 1 og 2 i skjemaet er markert med blått.

<html>
<head>
<title>registrering</title>
</head>

<body>
<form method=get action="http://servlets.no/html/a2.shtml">
<p>
<font size=1 color=#FF00 face="geneva, verdana, arial, helvetica, sans-serif">(demo)</font><br>
<font size=6 color=#00FF00 face="geneva, verdana, arial, helvetica, sans-serif">HTML / Bourne testskjema side 1</font>
</p>

<table border=0 cellspacing=0 cellpadding=1 bgcolor=#FFFFFF>
<tr>
<td bgcolor=#00FF00>
<font size=4 color=#FFFFFF face="geneva, verdana, arial, helvetica, sans-serif"> Din e-postadresse: 
</td>
<td>
<input type=text size=30 name=epost>
</td>
<td>
<input type=submit value="test" name=send >
</td>
</table>

<p>
<font size=1 color=#FF00 face="geneva, verdana, arial, helvetica, sans-serif">(demo)</font>

</form>
</body>
</html>

<html>
<head>
<title>registrering</title>
</head>

<body>
<p>
<font size=1 color=#FF00 face="geneva, verdana, arial, helvetica, sans-serif">(demo)</font><br>
<font size=6 color=#00FF00 face="geneva, verdana, arial, helvetica, sans-serif">HTML / Bourne testskjema side 2</font>
</p>

<table border=0 cellspacing=0 cellpadding=1 bgcolor=#FFFFFF>
<tr>
<td bgcolor=#00FF00>
<font size=4 color=#FFFFFF face="geneva, verdana, arial, helvetica, sans-serif"> E-post sendt til: 
</td>
<td> 
<!--#exec cgi="/shell/a2.cgi" -->
</td>
</table>

<p>
<font size=1 color=#FF00 face="geneva, verdana, arial, helvetica, sans-serif">(demo)</font>

</body>
</html>

Eksempel: SQL-form