HTML
Vi skapar webbsidor genom att använda sidbeskrivningsspråket HTML (HyperText Markup Language). HTML–koden talar om för webbläsaren hur utseende och innehåll ska presenteras. Olika webläsare tolkar HTML–koden på olika sätt och dina websidor kan därför se olika ut på olika datorer. Därför är det viktigt att titta på sidorna i de vanligaste webbläsarna så det ser bra ut i dessa. HTML är urprungligen avsett att endast visa text helt utan formatering och inte för att visa bilder eller skapa någon annan layout. För att effektivare formatera webbsidornas innehåll och utseende används idag stilmallar (CSS) .
Det finns en organisation som skapar standarder för hur bl a HTML–kod ska skrivas och användas, den heter W3C (World Wide Web Consortium).
XHTML
XHTML 1.0 (EXtensible Hyper Text Markup Language) är den standard som tar vid där HTML 4.01 slutar. XHTML är striktare och renare än HTML. Man beskriver HTML–koden som en XML applikation. XHTML är egentligen flera olika dokumenttyper och moduler som vidareutvecklar HTML 4.
Alla nyare webbläsare förstår xhtml och det är en fördel om man i början talar om vilken standard man följt, då blir webbläsaren snabbare och slipper tolka koden i "quirks mode". Därför ska xhtml 1.0–dokument inledas med någon av följande "doctype":
<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1–strict.dtd">
<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1–transitional.dtd">
<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1–frameset.dtd">
och sen utökar vi start–htmltaggen <html> till <html xmlns="http://www.w3.org/1999/xhtml">
Då ser startkoden för ett XHTML 1.0–dokumentet ut på följande sätt:
<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1–transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Det som hamnar i fönsterlisten</title></head> <body><p>All text som syns på sidan...</p></body> </html>
CSS–Stilmallar
CSS – (Cascading Style Sheets) är stilmallar som vi använder för att ge design till webbsidor när det gäller färg, textutseende, bilder, länkar mm. En enda CSS–mall kan styra många olika webbsidor och det är då enkelt att ändra designen på alla sidor genom att ändra i en CSS–mall. CSS gör det möjligt att skapa vissa formateringar och effekter som inte fanns i HTML. En av fördelarna med CSS är att flera mallar kan användas och de har då olika prioritet inbördes så att en "huvudmall" med de övergripande formateringarna kan ersättas på en lägre nivå av en "lokal mall" som då gäller med högre prioritet före huvudmallen. All design/formatering bör ske i externa stilmallar. Man bör sträva mot att separera innehåll och struktur i sina webbsidor.Det gör att mängden kod i själva webbsidan minskar avsevärt och sidorna laddas snabbare i webbläsaren. Då samma stilmall används för flera webbsidor behöver inte webbläsaren läsa in stilmallen på nytt varje gång en ny webbsida anropas.
CSS finns specificerat i olika "nivåer":
CSS1 (1996) innehåller information om relativt enkel formatering som bakgrundsfärger, bakgrundsbilder, teckensnitt och justering av text.
CSS2 (1998) går ett steg längre och ger möjlighet att formge hela dokument med positionerade rektangulära områden (boxar) som tidigare bara varit möjligt med tabeller (tables).
Här hittar du all info du behöver i dagens pass.
Webdesignskolan, del: CSS – grunder
webdesignskolan (komplett version, skollicens – inloggning)
webdesignskolan på Internet