HTTP Web-Sniffer 1.0.36 by Lingo4you - Sprachen Online Lernen HTTP Web-Sniffer 1.0.36 by Lingo4you - Sprachen Online Lernen
Connect to 130.242.128.19 on port 80 ... ok GET /klienttekniker/html/inledning/dokumentstruktur/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]
| Name | Value | Delim |
|---|---|---|
| Status: HTTP/1.1 200 OK | ||
| Date: | Thu, 02 Sep 2010 14:45:22 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=jdsc3qpthvsuuv24aupiigt341; path=/ | |
| Connection: | close | |
| Transfer-Encoding: | chunked | |
| Content-Type: | text/html | |
<!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='20090413'> <!-- 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/inledning/dokumentstruktur/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 "plain"'> <!--<![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å direkt till innehållet</a></p></div> <div id='block-banner' class='avsnitt wp'> <h1><a href='../../../../'>FYSIKUMS WEBB- OCH MEDIAKURSER</a></h1> </div> <!-- block-banner --> <div id='block-navigation'> <p class='hidden'>Sökväg fö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 OCH DIGITALA MEDIA</strong></a></p> <p><a href='../../../../kursinfo/webbprogrammering/index.php'><strong>WEBB- OCH DATABASPROGRAMMERING</strong></a></p> <p><a href='../../../../serverprogram/index.php'><strong>Program på serversidan</strong></a></p> <p><a href='../../../../utvecklingsprogram/index.php'><strong>Program på utvecklingsdatorn</strong></a></p> <p><a href='../../../../media/index.php'><strong>Digitala media</strong></a></p> <p><a href='../../../../externa_enheter/index.php'><strong>Arbeta med externa enheter</strong></a></p> <p><a href='../../../../filhantering/index.php'><strong>Filhantering</strong></a></p> <p><a href='../../../../internet/index.php'><strong>Om internet</strong></a></p> <p><a href='../../../../webbplatser/index.php'><strong>Skapa webbplatser</strong></a></p> <p><a href='../../../../webbapplikationer/index.php'><strong>Webbapplikationer</strong></a></p> <p><a href='../../../../servertekniker/index.php'><strong>Tekniker på serversidan</strong></a></p> <p><a href='../../../../klienttekniker/index.php'><strong>Tekniker på klientsidan</strong></a></p> <p><a href='../../../../webbsidor/index.php'><strong>Komponenter i webbsidor</strong></a></p> <p><a href='../../../../oh/index.php'><strong>Förelä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><a href='../../../../klienttekniker/html/index.php'>html</a></span> <div> <p><a href='../../../../klienttekniker/html/ovningar/index.php'><strong>övningar</strong></a></p> <p><a href='../../../../klienttekniker/html/andra_tekniker/index.php'><strong>andra 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 exempel</strong></a></p> <p><a href='../../../../klienttekniker/html/lasmer/index.php'><strong>läs 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ättningar</strong></a></p> <p><a href='../../../../klienttekniker/html/uppmarkning/index.php'><strong>uppmärkning</strong></a></p> </div> </li> <li class='kapitel'> <span><a href='../../../../klienttekniker/html/inledning/index.php'>inledande exempel</a></span> <div> <p><a href='../../../../klienttekniker/html/inledning/absoluta_adresser/index.php'><strong>absoluta adresser</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/andra_sidan/index.php'><strong>andra sidan</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/bilder/index.php'><strong>bilder</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/dokumentstruktur/index.php'><strong>dokumentstruktur</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/dokumenttyp/index.php'><strong>dokumenttyp</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/editplus/index.php'><strong>editplus</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/elementtyper/index.php'><strong>elementtyper</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/externa_lankar/index.php'><strong>externa länkar</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/forsta_sidan/index.php'><strong>första sidan</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/formular/index.php'><strong>formular</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/head/index.php'><strong>head</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/html_element/index.php'><strong>html-element</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/kommentarer/index.php'><strong>kommentarer</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/listor/index.php'><strong>listor</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/mer_lankar/index.php'><strong>mer om länkar</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/relativa_adresser/index.php'><strong>relativa adresser</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/specialtecken/index.php'><strong>specialtecken</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/stilmallar_javascript/index.php'><strong>stilmallar och javascript</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/stycke/index.php'><strong>stycke</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/tabeller/index.php'><strong>tabeller</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/text/index.php'><strong>text</strong></a></p> <p><a href='../../../../klienttekniker/html/inledning/webbrot/index.php'><strong>webbrot</strong></a></p> </div> </li> <li class='avsnitt'> <span>dokumentstruktur</span> </li> </ul> </div> <!-- block-navigation --> <div id='block-main'> <hr class='hidden'> <div id='pagehead'> <div id='headline'> <h2 class='avsnitt'>SIDSTRUKTURERINGSSPRÅKET HTML</h2> <h3 class='avsnitt'><span>1.18. </span>ETT WEBBDOKUMENTS STRUKTUR</h3> <p>URL: <a href='../../../..' class='underline'>internet.physto.se</a></p> </div> <!-- headline --> </div> <!-- pagehead --> <hr class='hidden'> <div id='pagecontent'> <div class='avsnitt'> <!-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Det synliga innehållet i webbsidan...</h4> <!--p class='fri'>[<em>Oops! Inte färdigskrivet ännu...</em>]</p--> <p>Jag har nu ägnat en massa kraft och energi till att få innehållet i mina webbsidor att spirituellt och intresseväckande. Så här kan det t.ex se ut i en av mina webbsidefiler:</p> <div class='ruta kodfragment'> <!-- - - - - - - - - - - --> <h1>HANS WEBBPLATS</h1> <br><h2>INFORMATION</h2> <br><p>Hans webbplats har gjorts av Hans.</p> <br><hr> <br><p><a href='/index.html'>Till startsidan</a></p> </div> <!-- ruta --> <p>När jag sparat min kod, växlat till webbläsaren och laddat in sidan ser jag precis all den text jag så mödosamt har HTML-strukturerat i webbsidefilen, med rubriker, stycken och länkar återgivna som man väntar sig:</p> <div class='ruta svartkant padding-lr'> <!-- - - - - - - - - - - --> <h1 style='font-family:Times,Times New Roman,serif'>HANS WEBBPLATS</h1> <h2 style='font-family:Times,Times New Roman,serif'>INFORMATION<h2> <p style='font-family:Times,Times New Roman,serif'>Hans webbplats har gjorts av Hans.</p> <hr> <p style='font-family:Times,Times New Roman,serif'><a href='#' style='color:blue'>Till startsidan</a></p> </div> <!-- ruta --> <p>Fantastikst! Men vänta - det finns mer att säga om webbdokument än så här!</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>...kan behöva kompletteras med ytterligare nformation om webbdokumentet</h4> <p>Utvecklarna av HTML-standarden har nämligen förutsett att <strong>man kan vilja spara annan information i ett webbdokument än bara det synliga innehållet i webbsidan</strong>. Ett exempel på ytterligare information är <em>metadata</em> om dokumentet, t.ex vem som skrivit det och när det senast uppdaterades. Andra exempel är instruktioner om vilka <em>stilmallar</em> som ska hjälpa webbläsaren att återge webbsidan med det utessende webbutvecklaren tänkt sig, eller <em>javascriptkod</em> som modifierar beteendet hos somliga av elementen i webbsidan. Sen kan man vilja lägga in <em>information som bara läses av program som indexerar webbsidor</em>, t.ex för att infoga dem i en sökbar databas som Google. Och så finns möjligheten att definiera en <em>adressikon</em> för sidan (den lilla bild som syns i adressfält och på flikar) och en <em>sidtitel</em> (som visas på den - i Windows - vanligtvis blå kanten överst i en webbläsares fönster). Och så vidare...</p> <p>Som vi har sett är det helt tillräckligt med bara sidinnehållet för att webbsidan ska fungera, men så fort vi höjer ambitionsnivån lite högre över miniminivån bör vi lära oss hur vi ska komplettera vår kod med den här typen av kompletterande information. I själva verket är det nödvändigt när vi senare ska börja experimentera med den extremt användbara tekniken med stilmallar! Så hur gör man då i HTML för att infoga extrainformation?</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Två avdelningar i ett webbdokument: HEAD och BODY</h4> <p>Jag har försökt övertyga dig om att det i ett typiskt HTML-dokument måste beredas plats för två olika typer av data:</p> <div class='indragen'> <p><b>ETT HELT HTML-DOKUMENT BESTÅR AV:</b></p> <div class='ruta svartkant padding-right' style='width:300px ! important'> <div class='ruta kodfragment'> <div><b>Kompletterande information</b></div> </div> <div class='ruta kodfragment'> <div><b>Webbsidans innehåll</b></div> </div> </div> </div> <p>För att tydliggöra skillnaden mellan de två typerna av data har man infört <strong>två nya HTML-element</strong>: <code>head</code> för den kompletterande dokumentinformationen och <code>body</code> för själva webbsideinnehållet. Båda elementen är <em>innehållande</em>, d.v.s. de ska ha start- och sluttaggar. Så här ser det ut när jag innesluter hela webbsidekoden som jag presenterade ovan i <code>body</code>-elementet:</p> <div class='ruta kodfragment'> <strong><body></strong> <br> <h1>HANS WEBBPLATS</h1> <br> <h2>INFORMATION</h2> <br> <p>Hans webbplats har gjorts av Hans.</p> <br> <hr> <br> <p><a href='/index.html'>Till startsidan</a></p> <br><strong></body></strong> </div> <p>Jag brukar när jag kodar använda <em>indentering</em> av kodraderna inuti <code>body</code>-elementet. Det är inte nödvändigt, förstås, men gör det lite lättare att se vilka kodrader som hör ihop.</p> <p>Sen behöver mitt HTML-dokument lite kompletterande information, så att jag kan visa hur det hela fungerar. Ett minimum är att man lägger in elementet <code>title</code> som ger den text som fungerar som <em>sidtitel</em>, d.v.s. visas överst i webbläsarfönstret, på flikar och i favoritlistor. Elementet är innehållande, så här:</p> <div class='ruta kodfragment'> <strong><title>Hans webbplats</title></strong> </div> <p>Och så här blir det när jag lägger in denna metainformation där den hör hemma, nämligen som innehåll i elementet <code>head</code>:</p> <div class='ruta kodfragment'> <strong><head></strong> <br> <title>Hans webbplats</title> <br><strong></head></strong> </div> <p>Sen lägger jag in båda elementen med sitt innehåll i min webbsidefil. Regeln är: <strong>HEAD-avsnittet (d.v.s. elementet</strong> <code>head</code>) <strong>ska alltid ligga före BODY-avsnittet</strong> (elementet <code>body</code>). Det får också bara finnas ett avsnitt av vardera typen. Så här alltså:</p> <div class='ruta kodfragment'> <strong><head></strong> <br> <title>Hans webbplats</title> <br><strong></head></strong> <br> <br><strong><body></strong> <br> <h1>HANS WEBBPLATS</h1> <br> <h2>INFORMATION</h2> <br> <p>Hans webbplats har gjorts av Hans.</p> <br> <hr> <br> <p><a href='/index.html'>Till startsidan</a></p> <br><strong></body></strong> </div> <p>Jag ska strax ge lite fler exempel på element man kan ha i ett webbdokuments HEAD-avsnitt, men först en liten formell detalj till...</p> </div> <!-- sektion --> <div class='sektion'> <!-- - - - - - - - - - - - - - - - - - - - - --> <h4>Rotelementet för ett webbdokument</h4> <p>Så långt som jag har visat dig reglerna för strukturen för ett webbdokument har vi fått två innehållande element, <code>head</code> och <code>body</code>, jämte varandra, och tillsammans innehåller de allt som kan få finnas i dokumentet. Nu är det bara så att reglerna för den familj av märkspråk som HTML hör till (en övergripande standard som heter SGML) kräver att ett webbdokument bara får bestå av <em>ett</em> innehållande element, som i sin tur innehåller allt övrigt i dokumentet.</p> <p>Så vad göra? Jo, vi inför ytterligare ett nytt element, med samma namn som märkspråket, alltså <code>html</code>. Detta innehållande element får bara innehålla två element, nämligen vära vänner <code>head</code> och <code>body</code>, och de i sin tur innehåller extrainformation respektive webbsideinnehåll. Ett sådant element som innehåller allt övrigt i dokumentet kallas <strong>HTML-dokumentets rotelement</strong>. Det är vanligt att elementets namn är samma som märkspråket.</p> <p>Känns det hela inte lite väl onödigt krångligt? Jo, kanske, men så är det nu bestämt och det är lika bra vi håller oss till reglerna. I kortform blir strukturen för ett HTML-dokument alltså så här:</p> <div class='ruta kodfragment'> <strong><html></strong> <br> <br> <head> <em>kompletterande information</em> </head> <br> <body> <em>webbsidans innehåll</em> </body> <br> <br><strong></html></strong> </div> <p>och när jag fyller på med HEAD- och BODY-innehållet får vi <strong>ett fullständigt strukturerat HTML-dokument</strong>:</p> <div class='ruta kodfragment'> <strong><html></strong> <br> <br> <strong><head></strong> <br> <title>Hans webbplats</title> <br> <strong></head></strong> <br> <br> <strong><body></strong> <br> <h1>HANS WEBBPLATS</h1> <br> <h2>INFORMATION</h2> <br> <p>Hans webbplats har gjorts av Hans.</p> <br> <hr> <br> <p><a href='/index.html'>Till startsidan</a></p> <br> <strong></body></strong> <br> <br><strong></html></strong> </div> <p>Puh. Är det nu verkligen slut? Inga fler konstigheter? Nej, inga fler konstigheter. Jo, förreesten, en liten konstighet till, men den tar vi senare.</p> </div> <!-- sektion --> <!-- <p class='bild'><img src='../../../../utvecklingsprogram/flash/symboler/knappar/exempel_bio/bild/fla.gif' alt=''></p> menyvalet <span class="menyval"><span class='smallsans'> </span><strong>></strong><span class='smallsans'> </span><span class='smallsans'> </span><strong>></strong><span class='smallsans'> </span></span>, alternativt snabbvalet <span class="tangent">[Ctrl]-[]</span> --> <!-- = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = --> </div> <!-- avsnitt --> </div> <!-- pagecontent --> <p id='sequor'><a href='../head/index.php'>FORTSÄ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å till...</option> <option class='sitequicklinks-rubrik' value='../../../../kursinfo/kursmaterial/index.php'>KURSMATERIAL ONLINE</option> <option value='../../../../serverprogram/index.php'>Program på serversidan</option> <option value='../../../../utvecklingsprogram/index.php'>Program på 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å serversidan</option> <option value='../../../../klienttekniker/index.php'>Tekniker på klientsidan</option> <option value='../../../../webbsidor/index.php'>Komponenter i webbsidor</option> <option class='sitequicklinks-rubrik' value='../../../../oh/index.php'>FÖRELÄ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ö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%2Finledning%2Fdokumentstruktur%2Findex.php&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%2Finledning%2Fdokumentstruktur%2Findex.php&warning=0&profile=css21&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%2Finledning%2Fdokumentstruktur%2Findex.php&hide_type=all&depth=&check=Check'>länkar</a></li> <li><a href='http://www.delorie.com/web/ses.cgi?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fhtml%2Finledning%2Fdokumentstruktur%2Findex.php'>sökrobot</a></li> <li><a href='http://juicystudio.com/services/readability.php?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fhtml%2Finledning%2Fdokumentstruktur%2Findex.php#readresults'>läsbarhet</a></li> <li><a href='javascript:cssCompatibilityMode()'>css-lä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%2Finledning%2Fdokumentstruktur%2Findex.php&submit=Submit&http=1.1&gzip=yes&type=GET&ua='>get-huvud</a></li> <li><a href='http://web-sniffer.net?url=http%3A%2F%2Finternet.physto.se%2Fklienttekniker%2Fhtml%2Finledning%2Fdokumentstruktur%2Findex.php&submit=Submit&http=1.1&gzip=yes&type=POST&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/inledning/dokumentstruktur/index.php'><åter></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&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ö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>© 1995-2010 <a href='http://www.physto.se/~hvzm/'>Hans Mühlen</a></p> <p>Kontaktadress: hvzm<span class='snabela'> </span>physto.se</p> <p>Kurserna ges av <a href='http://www.physto.se/'>Fysikum</a> vid <a href='http://www.su.se/'>Stockholms universitet</a>.</p> <p><a href='../../../../cookies/index.php'>Vi använder cookies</a>.</p> </div> <div id='select-style' class='flik'> <dl> <dt class='stilval-rubrik'>välj stilmall:</dt> <dd><ul> <li class='stilval-item'><abbr title='enkel'>U</abbr></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?stilval=meny" title='välj stil: vänsterspalt'>M</a></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?stilval=boxed" title='välj stil: blurb-in-box'>B</a></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?stilval=print" title='välj stil: utskrivbar version'>P</a></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?stilval=text" title='välj stil: ren text'>X</a></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?stilval=nocss" title='välj stil: utan stilmall, webbläsarens defaultstil'>¬</a></li> </ul></dd> </dl> </div> <!-- select-style --> <div id='select-font' class='flik'> <dl> <dt class='stilval-rubrik'>välj typsnitt:</dt> <dd><ul> <li class='stilval-item'><abbr title='trebuchet (sansserif)'>r</abbr></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?fontval=verdana" title='välj typsnitt: verdana (sansserif)'><em>v</em></a></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?fontval=tahoma" title='välj typsnitt: tahoma (sansserif)'><em>a</em></a></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?fontval=impact" title='välj typsnitt: impact (sansserif)'><em>i</em></a></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?fontval=georgia" title='välj typsnitt: georgia (serif)'><em>g</em></a></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?fontval=times" title='välj typsnitt: times (serif)'><em>t</em></a></li> <li class='stilval-item'><a href="/klienttekniker/html/inledning/dokumentstruktur/index.php?fontval=courier" title='välj typsnitt: courier (monospace)'><em>c</em></a></li> </ul></dd> </dl> </div> <!-- select-font --> <p id='updated'>Senast uppdaterad 13 april 2009</p> <hr class='hidden'> <div class='hidden'> <div class='vcard'> <span class='fn'>Hans Mü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'> </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ä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'>översikt</a>]</p> </div> <!-- orientering-oversikt --> <div id='orientering-utskrivbar' class='flik'> <p>[<a href='/klienttekniker/html/inledning/dokumentstruktur/index.php?p=1'>utskrivbar</a>]</p> </div> <!-- orientering-utskrivbar --> <div id='orientering-prevnext' class='flik'> <p><a href='../mer_lankar/index.php' class='prevnext-prev'>föregående</a> <span class='prevnext-sektion'>avsnitt 1.18</span> <a href='../head/index.php' class='prevnext-next'>nästa</a></p> </div> <!-- orientering-prevnext --> </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>