HTTP Web-Sniffer 1.0.36 by Lingo4you - Sprachen Online Lernen

View HTTP Request and Response Header

For more information on HTTP see RFC 2616

HTTP(S)-URL: (IDN allowed)

HTTP version:

• Request type:

HTTP Request Header

Connect to 130.242.128.19 on port 80 ... ok

GET /klienttekniker/html/index.php HTTP/1.1[CRLF]
Host: internet.physto.se[CRLF]
Connection: close[CRLF]
Accept-Encoding: gzip[CRLF]
Accept-Charset: ISO-8859-1,UTF-8;q=0.7,*;q=0.7[CRLF]
Cache-Control: no[CRLF]
Accept-Language: de,en;q=0.7,en-us;q=0.3[CRLF]
Referer: http://web-sniffer.net/[CRLF]
[CRLF]

HTTP Response Header

NameValueDelim
Status: HTTP/1.1 200 OK
Date:Thu, 02 Sep 2010 14:47:23 GMT
Server:Apache/2.2.9 (Unix) mod_ssl/2.2.9 OpenSSL/0.9.8h mod_python/3.3.1 Python/2.4.4 DAV/2 PHP/5.2.6 mod_perl/2.0.4 Perl/v5.8.5
X-Powered-By:PHP/5.2.6
Set-Cookie:CSSpreferens=acntsjt9q7d2kg3f9ouourudb4; path=/
Connection:close
Transfer-Encoding:chunked
Content-Type:text/html

Content (30.59 KiB)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="sv">

  <head>

    <!-- mime-typ och character set, html/xhtml -->
    <meta http-equiv='content-type' content='text/html; charset=utf-8'>

    <!-- dokumenttitel -->
    <title>Fysikums webb- och mediakurser - HTML</title>

    <!-- kontroll av sökrobotar -->
    <meta name='robots' content='index,follow'>

    <!-- mime-typer för stilmallar och javascript -->
    <meta http-equiv='content-style-type' content='text/css'>
    <meta http-equiv='content-script-type' content='text/javascript'>

    <!-- chache-kontroll -->
    <meta http-equiv='pragma' content='no-cache'>
    <meta http-equiv='cache-control' content='no-cache, must-revalidate'>
    <meta http-equiv='expires' content='0'>

    <!-- kontaktinformation -->
    <meta name='author' content='Hans Mühlen, Fysikum, Stockholms universitet'>
    <meta name='contact_addr' content='hans pkt muhlen snabela physto pkt se'>
    <meta name='copyright' content='Copyright (c) 1995-2010 Hans Mühlen'>

    <!-- skapelse- och revisionsdatum -->
    <meta name='date-revision-yyyymmdd' content='2007042'>

    <!-- förhindra internet explorer att lägga nedladdningsikoner över bilder -->
    <meta http-equiv='imagetoolbar' content='no'>

    <!-- adressikon -->
    <link rel='shortcut icon' href='../../pic/favicon16x16.png'>

    <!-- sidreferenser -->
    <link rel='alternate' media='print' href='/klienttekniker/html/index.php?p=1'>

    <!-- hjälp till sökrobotar -->
    <meta name='keywords' content='fysikum, stockholms universitet, albanova, nät, nätverk, digitala media, media, web, webb, webpublicering, webbpublicering, kurs, datorkurs, programmering, webbprogrammering, webprogrammering, webb- och databasprogrammering, databasprogrammering, informationsteknik, grafisk design, koda, handkoda, publicera, hemsida, webbsida, webbutveckling, databas, databaser, html, php, sql, css, stilmall, stilmallar, http, relationsdatabas, apache, php-tolk, mysql, dreamweaver, photoshop, flash, klient, server, tabell, länk, formulär, internet, filer, filhantering, grafik, '>
    <meta name='description' content='Fysikums webb- och mediakurser.'>

    <!-- stilmallar -->
    <!--[if !IE]>-->
    <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-stilval.css'>
    <!--<![endif]-->
    <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-fontfamily-trebuchet.css'>
    <!--[if !IE]>-->
    <link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-selectstyle-plain.css' title='Stilmall &quot;plain&quot;'>
    <!--<![endif]-->
    <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-colors.css'>
    <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-gemensamt.css'>
    <link type='text/css' rel='stylesheet' media='print' href='../../_css/inc-fontsize-print.css'>
    <link type='text/css' rel='stylesheet' media='print' href='../../_css/css-fontfamily-verdana.css'>
    <link type='text/css' rel='stylesheet' media='print' href='../../_css/css-selectstyle-print.css'>
    <!--[if IE]><link type='text/css' rel='stylesheet' media='screen' href='../../_css/css-selectstyle-msie.css'><![endif]-->

    <!-- javascript -->
    <script type='text/javascript' src='../../_js/js-mmreloadpage.js'></script>
    <script type='text/javascript' src='../../_js/js-framekiller.js'></script>
    <script type='text/javascript' src='../../_js/js-jump.js'></script>
    <script type='text/javascript' src='../../_js/js-favelets.js'></script>
    <script type='text/javascript' src='../../_js/js-viewport.js'></script>

    <!-- google analytics -->
    <script type='text/javascript'>
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type='text/javascript'>
      var pageTracker = _gat._getTracker("UA-3966006-1");
      pageTracker._initData();
      pageTracker._trackPageview();
    </script>

  </head>



  <body>

    <div id='block-container'>

    <div id='skiptocontent' class='flik'><p><a href='#pagecontent'>G&aring; direkt till inneh&aring;llet</a></p></div>

      <div id='block-banner' class='artikel wp'>
        <h1><a href='../../'>FYSIKUMS WEBB- OCH MEDIAKURSER</a></h1>
      </div> <!-- block-banner -->

      <div id='block-navigation'>

        <p class='hidden'>S&ouml;kv&auml;g f&ouml;r denna sida inom webbplatsen:</p>
        <ul id='crumb'>
          <li class='root'>
            <span><a href='../../index.php'>hem</a></span>
            <div>
              <p><a href='../../kursinfo/digitalamedia/index.php'><strong>WEBBDESIGN&nbsp;OCH&nbsp;DIGITALA&nbsp;MEDIA</strong></a></p>
              <p><a href='../../kursinfo/webbprogrammering/index.php'><strong>WEBB-&nbsp;OCH&nbsp;DATABASPROGRAMMERING</strong></a></p>
              <p><a href='../../serverprogram/index.php'><strong>Program&nbsp;p&aring;&nbsp;serversidan</strong></a></p>
              <p><a href='../../utvecklingsprogram/index.php'><strong>Program&nbsp;p&aring;&nbsp;utvecklingsdatorn</strong></a></p>
              <p><a href='../../media/index.php'><strong>Digitala&nbsp;media</strong></a></p>
              <p><a href='../../externa_enheter/index.php'><strong>Arbeta&nbsp;med&nbsp;externa&nbsp;enheter</strong></a></p>
              <p><a href='../../filhantering/index.php'><strong>Filhantering</strong></a></p>
              <p><a href='../../internet/index.php'><strong>Om&nbsp;internet</strong></a></p>
              <p><a href='../../webbplatser/index.php'><strong>Skapa&nbsp;webbplatser</strong></a></p>
              <p><a href='../../webbapplikationer/index.php'><strong>Webbapplikationer</strong></a></p>
              <p><a href='../../servertekniker/index.php'><strong>Tekniker&nbsp;p&aring;&nbsp;serversidan</strong></a></p>
              <p><a href='../../klienttekniker/index.php'><strong>Tekniker&nbsp;p&aring;&nbsp;klientsidan</strong></a></p>
              <p><a href='../../webbsidor/index.php'><strong>Komponenter&nbsp;i&nbsp;webbsidor</strong></a></p>
              <p><a href='../../oh/index.php'><strong>F&ouml;rel&auml;sningsanteckningar</strong></a></p>
              <p><a href='../../resurser/index.php'><strong>Resurser</strong></a></p>
              <p><a href='../../kursinfo/index.php'><strong>Kursinformation</strong></a></p>
            </div>
          </li>
          <li class='grupp'>
            <span><a href='../../klienttekniker/index.php'>klientsidestekniker</a></span>
            <div>
              <p><a href='../../klienttekniker/dom/index.php'><strong>dom</strong></a></p>
              <p><a href='../../klienttekniker/html/index.php'><strong>html</strong></a></p>
              <p><a href='../../klienttekniker/javascript/index.php'><strong>javascript</strong></a></p>
              <p><a href='../../klienttekniker/sgml_xml/index.php'><strong>sgml/xml</strong></a></p>
              <p><a href='../../klienttekniker/css/index.php'><strong>stilmallar/css</strong></a></p>
            </div>
          </li>
          <li class='artikel'>
            <span>html</span>
            <div>
              <p><a href='../../klienttekniker/html/ovningar/index.php'><strong>&ouml;vningar</strong></a></p>
              <p><a href='../../klienttekniker/html/andra_tekniker/index.php'><strong>andra&nbsp;tekniker</strong></a></p>
              <p><a href='../../klienttekniker/html/bakgrund/index.php'><strong>bakgrund</strong></a></p>
              <p><a href='../../klienttekniker/html/dokumentstruktur/index.php'><strong>dokumentstruktur</strong></a></p>
              <p><a href='../../klienttekniker/html/dreamweaver/index.php'><strong>dreamweaver</strong></a></p>
              <p><a href='../../klienttekniker/html/element/index.php'><strong>html-element</strong></a></p>
              <p><a href='../../klienttekniker/html/inledning/index.php'><strong>inledande&nbsp;exempel</strong></a></p>
              <p><a href='../../klienttekniker/html/lasmer/index.php'><strong>l&auml;s&nbsp;mer</strong></a></p>
              <p><a href='../../klienttekniker/html/referens/index.php'><strong>referens</strong></a></p>
              <p><a href='../../klienttekniker/html/tecken/index.php'><strong>teckenupps&auml;ttningar</strong></a></p>
              <p><a href='../../klienttekniker/html/uppmarkning/index.php'><strong>uppm&auml;rkning</strong></a></p>
            </div>
          </li>
        </ul>

      </div> <!-- block-navigation -->

      <div id='block-main'>

        <hr class='hidden'>

        <div id='pagehead'>

          <div id='headline'>
            <h3 class='artikel'>SIDSTRUKTURERINGSSPR&Aring;KET HTML</h3>
            <p>URL:&nbsp;<a href='../..' class='underline'>internet.physto.se</a></p>
          </div> <!-- headline -->

          <div id='menu'>
            <p>I&nbsp;denna&nbsp;artikel:</p>
            <div class='menu-vansterspalt'>
              <p>1.&nbsp;<strong><a href='inledning/index.php'>HTML&nbsp;-&nbsp;n&aring;gra&nbsp;inledande&nbsp;exempel</a></strong></p>
              <p>2.&nbsp;<em>HTML&nbsp;-&nbsp;en&nbsp;bakgrund</em></p>
              <p>3.&nbsp;<strong><a href='uppmarkning/index.php'>Dokumentuppm&auml;rkning&nbsp;med&nbsp;HTML</a></strong></p>
              <p>4.&nbsp;<strong><a href='tecken/index.php'>Teckenupps&auml;ttningar</a></strong></p>
              <p>5.&nbsp;<strong><a href='element/index.php'>HTML-element</a></strong></p>
              <p>6.&nbsp;<strong><a href='dokumentstruktur/index.php'>Strukturen&nbsp;i&nbsp;ett&nbsp;HTML-dokument</a></strong></p>
            </div>
            <div class='menu-hogerspalt'>
              <p>7.&nbsp;<em>HTML&nbsp;och&nbsp;andra&nbsp;webbtekniker</em></p>
              <p>8.&nbsp;<strong><a href='dreamweaver/index.php'>Skapa&nbsp;HTML&nbsp;med&nbsp;Dreamweaver</a></strong></p>
              <p>9.&nbsp;<strong><a href='../../resurser/html_referens/index.php'>HTML-referens</a></strong></p>
              <p>10.&nbsp;<strong><a href='lasmer/index.php'>L&auml;s&nbsp;mer!</a></strong></p>
              <p>11.&nbsp;<strong><a href='ovningar/index.php'>&Ouml;vningar</a></strong></p>
            </div>
            <div class='ruta-avsluta-spalter'></div>
          </div> <!-- menu -->

          <div id='preamble'>
            <p>HTML-koden i exemplena i detta kapitel f&ouml;ljer standarden &quot;<strong>HTML 4.01 Strict</strong>&quot;. Utseendep&aring;verkande HTML-element och parametrar fr&aring;n &quot;HTML 4.01 Transitional&quot; behandlas i kapitlet om &quot;Stilmallar&quot;.</p>
          </div> <!-- preamble -->

        </div> <!-- pagehead -->

        <hr class='hidden'>

        <div id='pagecontent'>

          <div class='artikel'>

<!-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = -->






<div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - -->

<h4>HTML strukturerar ett webbdokument</h4>

<p>Du har kanske lagt m&auml;rke till att webbadresserna till de flesta webbsidor slutar med "<code>.html</code>" (eller ibland "<code>.htm</code>" i Windows-sammanhang). Bokstavskombinationen syftar p&aring; <b>siduppm&auml;rkningsspr&aring;ket HTML</b> - <i>HyperText Markup Language</i>. Man ger webbsidor filtill&auml;gget "html" f&ouml;r att visa att <b>den logiska strukturen f&ouml;r webbsidans textinneh&aring;ll har beskrivits enligt standarden HTML</b>.</p>

<p>N&auml;r du f&ouml;ljer en l&auml;nk eller skriver in en webbadress i din webbl&auml;sares adressrad <b>h&auml;mtas den efterfr&aring;gade webbsidan hem till din dator i form av en textfil</b>. Det &auml;r denna fils namn som har till&auml;gget <code>html/htm</code>. Filen inneh&aring;ller dels den <b>text</b> som ska visas p&aring; din sk&auml;rm, men ocks&aring; en rad <b>HTML-koder</b>. (Om du &ouml;ppnar en webbsidefil i en vanlig texteditor ser du HTML-koderna inb&auml;ddade i sidans text; de k&auml;nns igen p&aring; att de omges av vinkelparenteserna <code>&lt;</code>&nbsp;och&nbsp;<code>&gt;</code>.)</p>

<p class='bild'><img src='../../klienttekniker/html/bild/editorer-anteckningar-1.gif' width='389' height='222' alt='' />
<br /><i class='smallsans'>HTML-strukturerad text och dess tolkning i en webbl&auml;sare</i></p>

<p>Med hj&auml;lp av HTML-koderna har webbsidans f&ouml;rfattare markerat vilka textblock som ska hanteras som stycken i br&ouml;dtext, vilka som ska visas som  rubriker, listor eller tabeller, var i texten ev. bilder ska placeras in, etc. <b>HTML-koden definierar allts&aring; en webbsidas logiska <i>struktur</i></b>.</p>

<p>Koderna l&auml;ses efter nedladdningen av sidan av webbl&auml;saren, som tolkar koden och presenterar sidans inneh&aring;ll efter f&ouml;rfattarens &ouml;nskem&aring;l p&aring; din sk&auml;rm. <b>En webbl&auml;sare har allts&aring; i grunden tv&aring; huvudfunktioner: att h&auml;mta hem webbsidor och att tolka HTML-kod</b>.</p>

</div> <!-- sektion -->










<div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - -->

<h4>Stilmallar best&auml;mmer dokumentets utseende</h4>

<p>Men hur ska koden tolkas? <b>Alla webbl&auml;sare har inbyggt instruktioner om exakt hur HTML-koder, t.ex ett "stycke" eller en "rubrik", ska &aring;terges rent grafiskt p&aring; sk&auml;rmen</b> (eller presenteras p&aring; ett annat utmedium, t.ex l&auml;sas upp via talsyntes). Instruktionen f&ouml;r HTML-koden f&ouml;r "stycke" kan t.ex vara: anv&auml;nd webbl&auml;sarens standardtypsnitt, vanligtvis Times New Roman, i graden 10 punkter, l&aring;t raderna g&aring; fr&aring;n webbl&auml;sarens ena kant till den andra, utan marginaler, och l&auml;gg en blankrad mellan stycken. I en webbsida kommer d&auml;rf&ouml;r alla textblock som markerats med HTML-koden f&ouml;r stycke att presenteras p&aring; just detta standradiserade s&auml;tt.</p>

<p>Webbf&ouml;rfattaren har dessutom m&ouml;jlighet att <b>komplettera HTML-koden med en stilmall</b>, som inneh&aring;ller egna instruktioner om hur HTML-strukturerad text ska visas, t.ex med ett annat typsnitt &auml;n standardens. Stilmallar &auml;r en webbteknik som beskrivs i en separat artikel "<a href='../../klienttekniker/css/index.php' ><i>Utseendekontroll med stilmallar</i></a>". Om du som webbf&ouml;rfattare &auml;r n&ouml;jd med standardvisning av HTML-kod kommer du l&aring;ngt med bara ren HTML, och kan strunta i stilmallar.</p>

</div> <!-- sektion -->









<div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - -->

<h4>Javascript omdefinierar beteendet hos webbsidekomponenter</h4>

<p>Stilmallar &auml;r inte den enda teknik som kompletterar grundtekniken HTML n&auml;r man skapar avancerade webbsidor. Alla komponenter i en webbsida har en <i>logisk funktion i sidan</i>, och denna kodas enligt standarden HTML. Komponenterna har dessutom ett <i>utssende</i> som kan &auml;ndras med stilmallar. <b>En del komponenter har slutligen ett eller flera typiska <i>beteenden</i> om de manipuleras p&aring; n&aring;got s&auml;tt av webbsidebes&ouml;karen</b>. Det mest k&auml;nda exemplet p&aring; beteende &auml;r f&ouml;rst&aring;s l&auml;nkar, som n&auml;r de klickas aktiverar en nedladdning av en ny webbsida till webbl&auml;sarf&ouml;nstret. Ett annat mycket viktigt exempel &auml;r formul&auml;r.</p>

<p>Alla dessa webbsidekomponenter har vanligtvis en rad beteenden som initieras av bes&ouml;karen, men man kan vilja anpassa n&aring;got av dessa beteenden, eller definiera helt nya beteenden. F&ouml;r detta &auml;ndam&aring;l har en tredje grundteknik f&ouml;r webbsideskapande tagits fram, <b>webbsideskriptspr&aring;ket Javascript</b>. Det &auml;r ett programmeringsliknande spr&aring;k med vars hj&auml;lp en webbsideutvecklare kan programmera egna beteenden f&ouml;r sina webbsidors komponenter. Javascript &auml;r en webbteknik som beskrivs i en separat artikel "<a href='../../klienttekniker/css/index.php' ><i>Webbsideskriptspr&aring;ket javascript</i></a>". Om du &auml;r n&ouml;jd med standardbeteendena hos HTML-kodade webbsidekomponenter kan du strunta i Javascript.</p>

</div> <!-- sektion -->










<div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - -->

<h4>Koda webbsidor f&ouml;r hand eller med webbeditorer</h4>

<p>N&auml;r du vill skapa en egen webbplats har du tv&aring; tillv&auml;gag&aring;ngss&auml;tt att v&auml;lja mellan. Du kan dels <b>l&auml;ra dig HTML i detalj, och skriva HTML-kod f&ouml;r hand i en vanlig texteditor</b>. Men det g&aring;r som tur &auml;r att <b>skapa webbsidor utan en gnutta kunskap om HTML med hj&auml;lp av s.k. <i>webbeditorer</i></b>. Det &auml;r program som l&aring;ter f&ouml;rfattaren designa sidor grafiskt, ungef&auml;r som i ett ordbehandlingsprogram och &ouml;verl&aring;ta &aring;t programmet att generera HTML-koden.</p>

<p>Vilken av metoderna du slutligen v&auml;ljer &auml;r en personlig smaksak. Du kan l&auml;sa mer om editorer i en separat artikel "<a href='../../webbplatser/editorer/index.php' ><i>Webbeditorer</i></a>" i denna kurs. Den webbeditor som anv&auml;nds som exempel i kursen heter <a href='../../klienttekniker/html/dreamweaver/index.php' >Dreamweaver</a>. Programmet beskrivs n&auml;rmare i artikeln "<a href='../../utvecklingsprogram/dreamweaver/index.php' ><i>Webbeditorn Dreamweaver</i></a>".

</div> <!-- sektion -->






<div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - -->

<h4>L&auml;r dig grunderna i HTML</h4>

<p>I denna artikel kan du l&auml;sa mer om HTML:s grunder. Fler detaljer, b&aring;de om HTML och hur du skapar webbsidor, hittar du annars i artikelsamlingen "<a href='../../webbsidor/index.php' ><i>Komponenter i webbsidor</i></a>".</p>

<p>I artikelns olika kapitel beskrivs bl.a n&auml;rmare <a href='../../klienttekniker/html/uppmarkning/index.php' >vad som menas med "uppm&auml;rkning" av ett dokument</a>, <a href='../../klienttekniker/html/tecken/index.php' >webbens teckenupps&auml;ttning</a>, en genomg&aring;ng av begreppet <a href='../../klienttekniker/html/element/index.php' >HTML-element</a>, av <a href='../../klienttekniker/html/dokumentstruktur/index.php' >den &ouml;vergripande strukturen hos en webbsida</a>, en <a href='../../klienttekniker/html/andra_tekniker/index.php' >j&auml;mf&ouml;relse av HTML och andra webbtekniker</a>, och slutligen ocks&aring; <a href='../../klienttekniker/html/exempel/index.php' >en rad exempel som illustrerar HTML-kodning</a>, steg f&ouml;r steg, f&ouml;ljt av <a href='../../klienttekniker/html/lasmer/index.php' >l&auml;stips</a> och <a href='../../klienttekniker/html/ovningar/index.php' >&ouml;vningsuppgifter</a>.</p>

<p>F&ouml;r den som &auml;r intresserad av lite mer bakgrund om HTML f&ouml;ljer dock h&auml;r f&ouml;rst n&aring;gra <a href='../../klienttekniker/html/bakgrund/index.php' >allm&auml;nna betraktelser om nyttan med HTML och HTML:s begr&auml;nsningar</a>.</p>

</div> <!-- sektion -->








<!-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = -->

          </div> <!-- artikel -->

        </div> <!-- pagecontent -->

        <p id='sequor'><a href='inledning/index.php'>FORTS&Auml;TT</a></p>

        <hr class='hidden'>

      </div> <!-- block-main -->

      <div id='block-colophon'>

        <form method='post' action='#block-container' class='sitequicklinks'>
          <div>
            <h3 class='hidden'><label for='select'>SNABBNAVIGERING</label></h3>
            <select name='select' id='select' onchange='jump(this)'> 
              <option selected='selected'>G&aring; till...</option>
              <option class='sitequicklinks-rubrik' value='../../kursinfo/kursmaterial/index.php'>KURSMATERIAL ONLINE</option>
              <option value='../../serverprogram/index.php'>Program p&aring; serversidan</option>
              <option value='../../utvecklingsprogram/index.php'>Program p&aring; utvecklingsdatorn</option>
              <option value='../../media/index.php'>Digitala media</option>
              <option value='../../externa_enheter/index.php'>Arbeta med externa enheter</option>
              <option value='../../filhantering/index.php'>Filhantering</option>
              <option value='../../internet/index.php'>Om internet</option>
              <option value='../../webbplatser/index.php'>Skapa webbplatser</option>
              <option value='../../webbapplikationer/index.php'>Webbapplikationer</option>
              <option value='../../servertekniker/index.php'>Tekniker p&aring; serversidan</option>
              <option value='../../klienttekniker/index.php'>Tekniker p&aring; klientsidan</option>
              <option value='../../webbsidor/index.php'>Komponenter i webbsidor</option>
              <option class='sitequicklinks-rubrik' value='../../oh/index.php'>F&Ouml;REL&Auml;SNINGSANTECKNINGAR</option>
              <option class='sitequicklinks-rubrik' value='../../resurser/index.php'>RESURSER</option>
              <option class='sitequicklinks-rubrik' value='../../kursinfo/index.php'>KURSINFORMATION</option>
              <option value='../../kursinfo/digitalamedia/index.php'>Webbpublicering och digatala media</option>
              <option value='../../kursinfo/webbprogrammering/index.php'>Webb- och databasprogrammering</option>
              <option value='../../kursinfo/inforkursen/index.php'>Inf&ouml;r kursen</option>
              <option value='../../kursinfo/kursmaterial/index.php'>Kursmaterial online</option>
              <option value='../../kursinfo/studentkonton/index.php'>Studentkonton</option>
            </select>
          </div>
        </form> <!-- sitequicklinks -->

        <hr class='hidden'>
        <div id='favelets'>
          <h3 class='hidden'>FAVELETS</h3>
          <dl>
            <dt>kodvalidering:</dt>
            <dd><ul>
              <li><a href='http://validator.w3.org/check?uri=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fhtml%2Findex.php&amp;verbose=1'>x/html</a></li>
              <li><a href='http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fhtml%2Findex.php&amp;warning=0&amp;profile=css21&amp;usermedium=all'>css</a></li>
            </ul></dd>
          </dl>
          <dl>
            <dt>tester:</dt>
            <dd><ul>
              <li><a href='http://validator.w3.org/checklink?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fhtml%2Findex.php&amp;hide_type=all&amp;depth=&amp;check=Check'>l&auml;nkar</a></li>
              <li><a href='http://www.delorie.com/web/ses.cgi?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fhtml%2Findex.php'>s&ouml;krobot</a></li>
              <li><a href='http://juicystudio.com/services/readability.php?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fhtml%2Findex.php#readresults'>l&auml;sbarhet</a></li>
              <li><a href='javascript:cssCompatibilityMode()'>css-l&auml;ge</a></li>
            </ul></dd>
          </dl>
          <dl>
            <dt>HTTP-data:</dt>
            <dd><ul>
              <li><a href='javascript:displayCookie()'>cookies</a></li>
              <li><a href='http://web-sniffer.net?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fhtml%2Findex.php&amp;submit=Submit&amp;http=1.1&amp;gzip=yes&amp;type=GET&amp;ua='>get-huvud</a></li>
              <li><a href='http://web-sniffer.net?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fhtml%2Findex.php&amp;submit=Submit&amp;http=1.1&amp;gzip=yes&amp;type=POST&amp;ua='>post-huvud</a></li>
            </ul></dd>
          </dl>
          <dl>
            <dt>sidstruktur:</dt>
            <dd><ul>
              <li><a href='javascript:showDivs()'>div</a></li>
              <li><a href='javascript:showSpans()'>span</a></li>
              <li><a href='javascript:elementsInspector()'>element</a></li>
              <li><a href='/klienttekniker/html/index.php'>&lt;&aring;ter&gt;</a></li>
            </ul></dd>
          </dl>
          <dl>
            <dt>resurser:</dt>
            <dd><ul>
              <li><a href='../../resurser/latin1/index.php'>latin1</a></li>
              <li><a href='http://www.utf8-chartable.de/unicode-utf8-table.pl?unicodeinhtml=dec&amp;htmlent=1'>utf-8</a></li>
              <li><a href='../../resurser/216rgb/index.php'>#rgb</a></li>
              <li><a href='http://www.nada.kth.se/dataterm/'>dataterm</a></li>
              <li><a href='http://acronyms.thefreedictionary.com/'>f&ouml;rk.</a></li>
              <li><a href='http://www.quirksmode.org/css/contents.html'>css-kompat.</a></li>
            </ul></dd>
          </dl>
          <ul>
            <li><script type='text/javascript'>void document.write(innerWindowDimensions());</script></li>
          </ul>
          <ul>
            <li><script type='text/javascript'>void document.write(heightOfPage());</script></li>
          </ul>
        </div> <!-- favelets -->

        <hr class='hidden'>
        <div id='copyright'>
          <p>&#169;&nbsp;1995-2010 <a href='http://www.physto.se/~hvzm/'>Hans&nbsp;M&uuml;hlen</a></p>
          <p>Kontaktadress:&nbsp;hvzm<span class='snabela'>&nbsp;</span>physto.se</p>
          <p>Kurserna ges&nbsp;av <a href='http://www.physto.se/'>Fysikum</a> vid&nbsp;<a href='http://www.su.se/'>Stockholms universitet</a>.</p>
          <p><a href='../../cookies/index.php'>Vi&nbsp;anv&auml;nder&nbsp;cookies</a>.</p>
        </div>

        <div id='select-style' class='flik'>
          <dl>
            <dt class='stilval-rubrik'>v&auml;lj&nbsp;stilmall:</dt>
            <dd><ul>
              <li class='stilval-item'><abbr title='enkel'>U</abbr></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?stilval=meny" title='v&auml;lj stil: v&auml;nsterspalt'>M</a></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?stilval=boxed" title='v&auml;lj stil: blurb-in-box'>B</a></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?stilval=print" title='v&auml;lj stil: utskrivbar version'>P</a></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?stilval=text" title='v&auml;lj stil: ren text'>X</a></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?stilval=nocss" title='v&auml;lj stil: utan stilmall, webbl&auml;sarens defaultstil'>&#172;</a></li>
            </ul></dd>
          </dl>
        </div> <!-- select-style -->

        <div id='select-font' class='flik'>
          <dl>
            <dt class='stilval-rubrik'>v&auml;lj&nbsp;typsnitt:</dt>
            <dd><ul>
              <li class='stilval-item'><abbr title='trebuchet (sansserif)'>r</abbr></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?fontval=verdana" title='v&auml;lj typsnitt: verdana (sansserif)'><em>v</em></a></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?fontval=tahoma" title='v&auml;lj typsnitt: tahoma (sansserif)'><em>a</em></a></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?fontval=impact" title='v&auml;lj typsnitt: impact (sansserif)'><em>i</em></a></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?fontval=georgia" title='v&auml;lj typsnitt: georgia (serif)'><em>g</em></a></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?fontval=times" title='v&auml;lj typsnitt: times (serif)'><em>t</em></a></li>
              <li class='stilval-item'><a href="/klienttekniker/html/index.php?fontval=courier" title='v&auml;lj typsnitt: courier (monospace)'><em>c</em></a></li>
            </ul></dd>
          </dl>
        </div> <!-- select-font -->

        <p id='updated'>Senast&nbsp;uppdaterad&nbsp;2&nbsp;april&nbsp;2007</p>

        <hr class='hidden'>
          <div class='hidden'>
<div class='vcard'>
  <span class='fn'>Hans M&uuml;hlen</span>
  <div class='org'>
    <span class='organization-name'>Stockholms universitet</span>
    <span class='organization-unit'>Fysikum</span>
  </div>
  <div class='adr'>
    <span class='type'>postal</span>
    <span class='type'>work</span>
    <span class='street-address'>Roslagstullsbacken 21</span>
    <br><span class='postal-code'>106 91</span>
    <span class='locality'>Stockholm</span>,
    <span class='country-name'>Sverige</span>
  </div>
  <div class='tel'>Tel: 
    <span class='type'>work</span>    <span class='value'>+46 8 5537 8423</span>
   </div>
  <div class='tel'>Fax: 
    <span class='type'>fax</span>
    <span class='type'>work</span>
    <span class='value'>+46 8 5537 8601</span>
   </div>
  <div class='email'>E-post: 
    <span class='type'>work</span>    <span class='value'>hvzm<span class='snabela'>&nbsp;</span>physto.se</span>
   </div>
  Hemsida: <span class='url'><a href='http://www.physto.se/~hvzm/'>www.physto.se/~hvzm</a></span>
</div>
          </div>

          <div class='hidden'>
<div class='vcard'>
  <div class='org fn'>
    <span class='organization-name'>Stockholms universitet</span>
    <span class='organization-unit'>Fysikum</span>
  </div>
  <div class='adr'>
    <span class='type'>postal</span>
    <span class='type'>work</span>
    <span class='street-address'>Roslagstullsbacken 21</span>
    <br><span class='postal-code'>106 91</span>
    <span class='locality'>Stockholm</span>,
    <span class='country-name'>Sverige</span>
  </div>
  <div class='adr'>
    <span class='type'>parcel</span>
    <span class='type'>work</span>
    <span class='street-address'>Roslagsv&auml;gen 30 B</span>
    <br><span class='postal-code'>104 06</span>
    <span class='locality'>Stockholm</span>,
    <span class='country-name'>Sverige</span>
  </div>
  <div class='tel'>Tel: 
    <span class='type'>work</span>    <span class='value'>+46 8 5537 8444</span>
   </div>
  <div class='tel'>Fax: 
    <span class='type'>fax</span>
    <span class='type'>work</span>
    <span class='value'>+46 8 5537 8601</span>
   </div>
  Hemsida: <span class='url'><a href='http://www.physto.se/'>www.physto.se</a></span>
</div>
          </div>
        <div class='ruta-avsluta-spalter'></div>

      </div> <!-- block-colophon -->

      <div id='block-direction'>

        <div id='orientering-oversikt' class='flik'>
          <p>[<a href='../../kursinfo/kursmaterial/index.php'>&ouml;versikt</a>]</p>
        </div> <!-- orientering-oversikt -->

        <div id='orientering-utskrivbar' class='flik'>
          <p>[<a href='/klienttekniker/html/index.php?p=1'>utskrivbar</a>]</p>
        </div> <!-- orientering-utskrivbar -->

      </div> <!-- block-direction -->

      <div id='block-appendix'>
        <div id='appendix-dropshadow'></div>
        <div id='appendix-pageextension'></div>
      </div> <!-- block-appendix -->

    </div> <!-- block-container -->

  </body>

</html>