2. Vad HTML är och hur det beter sig

[den här sektionen är öppen för utökning. T.ex. kan någon få skriva en sektion om historiken bakom HTML]

2.1 HTML

I grunden bygger alla hemsidor på ren text.
Ren text, d.v.s. utan fetstil, understrykningar, länkar eller bilder. En hemsida byggs sedan upp utifrån informationen i texten, skriven i språket HTML, HyperText Markup Language.

Hypertext - det kommer från grundidén med webben, de s.k. hyperlänkarna som på ett praktiskt sätt länkar ihop dokument.

Markup Language - det kommer från sättet att integrera programkod med vanlig text. Man kan tänka sig att man har en helt oformaterad text som ska till tryck. I texten placerar du ut Post-it-lappar, med meddelanden som "Den här texten ska stå som rubrik" och "Här slutar rubriken".
I html markeras en "Post-it-lapp" ut med < och >, och kallas för en tag. Browsern är din sättare, han tolkar dina taggar och ger det färdiga resultatet.

HTML och dess överföringsprotokoll HTTP (HyperText Transfer Protocol) formade "webben", sättet att använda internet till hemsidor och dyl.
not: Jag har hört att det var en schweizisk forskare på CERN som skapade HTML, nån som kan bekräfta eller dementera detta?

HTML var från början inte avsett för grafik, och är egentligen ganska olämpligt till det. HTML var enbart till för att på ett enkelt sätt formatera text på ett läsligt sätt. Därför kan html-kod bli ganska rörig om du gör en avancerad layout, medans den kan hålla sig mycket prydlig om man mest sysslar med längre texter.

2.2 Frames

Frames, eller "ramar", är ett försök att utöka möjligheterna till layout för hemsidor. I min mening ett ganska misslyckat försök.

Det går ut på att man använder flera stycken olika HTML-dokument till en sida, var och en visas i sin egen "ram" - frame. Använder man frames kan man t.ex. ha kvar samma fil som ligger som menyn till vänster, och laddar olika dokument att visas i huvudframen.

Kortfattat fungerar frames så, att en huvudfil laddas. Den innehåller ingen riktig text som visas på sidan, bara lite kod som skapar en FRAMESET, i denna fil, låt oss kalla den index.html, så står det då kanske att till vänster ska det vara en frame, och i den ska filen left.html laddas, och till höger ska vi ha en stor frame, och där ska main.html laddas.

Inte överdrivet krångligt, men min personliga åsikt är att det oftast blir mycket snyggare om man använder tables.

Riktigt gamla browsers stödjer ej frames, ej heller textbaserade som t.ex. Lynx. Detta är ytterligare en anledning att hålla sig borta från frames.

2.3 Tables

Tables är inte, "bord", utan tabeller. Tabellerna i HTML kan användas på många fantasifulla sätt, dels för att göra vanliga raka tabeller över t.ex. resultat, dels kan de döljas och få stå för hela layouten på en sida.

Flera tabeller kan ligga inuti varandra (fyra-fem stycken bör fungera överallt, mer är mest korkat), och på så sätt är det ofta praktiskt att låta en tabell distribuera menyer, bilder, dekorationer och texten över sidan, och inom de olika cellerna i tabellen går det fortfarande att använda nya tabeller utan problem.

2.4 Java

Java är ett programspråk, uppfunnet av Sun Microsystems. Det hade som målsättning redan från början att kunna köras på alla plattformar, i alla operativsystem, och lämpar sig därför mycket bra till att åstadkomma saker på hemsidor.

Java går att köra oberoende av en browser, men vanligt är också att det används för att göra lite mer intelligenta applikationer på sidor. Någon kanske demonstrera en simulation av en biologisk population, låta sina anställda arbeta mot företagets server eller dyl. Sen finns ett otyg då folk använder Java bara för att göra något de tycker är snyggt på sin personliga sida. Personligen tycker jag mycket illa om sånt, då det ofta laggar ned datorn rejält, och troligen inte ens är snyggt...vad jag vet så klarar sig design och layout oftast mycket bra utan Java. Däremot kan JavaScripts vara praktiska.

2.5 JavaScript

JavaScript är inte alls samma sak som en Java-applet. JavaScripts är mycket lättare saker, som körs utan att lagga ned browsern nämnvärt, men också har begränsningar som inte Java har, JavaScript bör ses som en utökning av HTML för att göra den en aning mer dynamisk.

Ett JavaScript läggs ofta i början av HTML-dokumentet (alt. infogas automatisk från en .js-fil) och aktiveras sedan vid en viss händelse.
Vad jag använt JavaScripts till är att växla lite bilder när musen förs över en länk. Scriptet anropas då från en OnMouseOver i länken. Det kan ge en snygg effekt, och tar varken mycket datorkraft eller bandbredd om det görs på ett snyggt sätt.

2.6 Stylesheets

Stylesheets är ett relativt nytt påfund, tillhörande s.k. DHTML. Stylesheets är en slags expansion av HTML, och kan t.ex. användas till att enligt en mall smidigt formatera text, och även att exakt kunna placera ut bilder och text på en sida.

Jag själv håller mig borta från stylesheets så mycket jag kan, då inga gamla browsers stödjer det, och jag tycker att jag utan alldeles för stor ansträngning kan åstadkomma samma saker med tables och lite planering. Stylesheets förenklar förvisso ändringar i hemsidorna, men har man bara planerat innan man byggde sidan ska det inte vara ett stort problem, dessutom kan ju då fler se sidan som den bör se ut.

Sannolikt är att jag väntar åtminstone ett år att lära mig Stylesheets, då är andelen browsers som stödjer det större, eller så kanske ett nytt språk har kommit ut istället för HTML.

2.7 SSI - Server-side includes

Ett relativt praktiskt sätt att få en sida intelligentare är att använda SSI's. Inuti HTML-koden finns ett stycke utkommenterat. Stycket innehåller en #exec (tror jag det var), som kör önskat program. Programmet kan vara vadsomhelst, bara det ger utdata som kan infogas på sidan. T.ex. används det på WLUG's hemsida, under vår logo, där finns en SSI som kör programmet fortune. Resultatet blir bara att det utkommenterade stycket ersätts av programmets utdata, och användaren kan bara ana sig till vad som använts.
SSI's kan självklart användas till bättre saker, köra perl-script, köra saker som läser ur databaser (WLUG's länkdatabas fungerar på det sättet) o.s.v...
not: Martin, vill du skriva en del om sånt här?

2.8 cgi

CGI-program må vara vilket program som helst. Inte ovanligt är scripts av olika slag...
cgi liknar SSI's mycket (är det samma sak?), med skillnaden att ett cgi-script sköter tillverkandet av hela sidan. Hotmail-system, webshopar och dylika saker är exempel på platser där cgi-program används flitigt för att hålla ordning på saker.

Oftast får man inte köra saker hur som helst hos webhotellen, och både SSI's och cgi-saker faller nog på det...

2.9 Meta-taggen

Meta-taggen är en sak som jag tror egentligen inte hör till HTML. Vad jag har uppfattat så går det skriva lite vadsomhelst i den, och t.ex. vill AltaVista att man ska använda den för att styra hur ens sida ska indexeras, att man skriver sidtitel, beskrivning och nyckelord i en Meta-tag. Ganska jobbigt att onödigt att lära sig utantill, läs om det på AltaVista's sida.