En fråga med väldigt många svar beroende på hur du väljer att definiera den. Personligen gissar jag på att majoriteten inte är särskilt intresserade av hur det fungerar med ettor och nollor och därför kommer jag endast skrapa på ytan och förklara vad HTML och CSS används till.
HTML
HTML står för HyperText Markup Language och används för att organisera information över olika format. Idén var från början att man enkelt skulle kunna foga samman relevant information för att användaren lättare skulle få en överblick.
Det har därefter utvecklats och används nu bland annat till att presentera information på internet. I princip är HTML inte mycket mer än en metod för att enkelt konstruera data.
CSS
CSS står för Cascading Style Sheets, vilket betyder ‘stilmall’ på svenska. Det används för att presentera och formge data som vi skapar med hjälp av HTML. Det betyder att en webbsida innehåller samma information oavsett om man har CSS aktiverat eller inte. Skillnaden ligger i hur informationen presenteras.
Uppdelning av HTML och CSS
För ett par år sedan läste jag en beskrivning som än idag sitter kvar och förklarar det hela på ett väldigt enkelt sätt.
- HTML = Innehåll
- CSS = Presentation
Tyvärr har HTML möjligheten att presentera och styla data, vilket man bör undvika av flera orsaker. Den främsta är att CSS gör det väldigt mycket bättre. Den andra orsaken är att sökmotorernas spindlar uppskattar enkel och ren källkod. Formger man data med hjälp av HTML så blir det genast mer information och svårare att få en översikt på hur sidan egentligen är uppbyggd.
Ni som kan lite sedan tidigare, vet förmodligen att man kan centrera information med hjälp av <center>. Det är just den där sortens presentation CSS är till för och därför bör den undvikas.
Exempel:
Är det fortfarande otydligt så blir det förhoppningsvis lättare att förstå med hjälp av dessa exempel.
- En rubrik – HTML
- Storlek på rubriken – CSS
- En tabell – HTML
- Färg på tabellen – CSS
- En enkel bild – HTML
- En bakgrundsbild – CSS
Har ni några frågor, eller om något är otydligt så är det fritt fram att fråga. Om där är något fel i texten så får ni väldigt gärna berätta och förklara hur det egentligen ligger till, så att även jag kan utveckla mina kunskaper.