HTML är kul – Gadgette guidar genom djungeln!

Fetstil, kursivt och understruket. Kanske vill du stryka något eller skriva det i färg? Här kommer Gadgettes lilla HTML-guide.
När du skriver html-taggar ska texten du vill förändra stå mellan de två taggarna, den inledande taggen skrivs mellan klamrarna <> den avslutande taggen har även ett snedsträck </>. Varje html-tagg inleds och avslutas så här och förutom de fina klamrarna och snedsträcket behövs information om vad html-taggen skall göra, exempelvis snedställa texten.
Alla html-taggar ska idag skrivas med små bokstäver för att bli giltig XHTML. I början av HTML-kodens historia var det dock vanligt att HTML-taggarna skrevs med stora bokstäver.
Fetstil
Fetstil – Fetstil heter bold på engelska och har tidigare skrivits med html-taggen <b></b>. B som i bold helt enkelt. På senare tid har dock taggen <b></b> börjat ersättas med taggen <strong></strong> och även om båda taggarna fortfarande gör vad de ska är <strong></strong> taggen vi föreslår att du använder.
Kursivt
Kursivt eller snedställt – Italics är det engelska uttrycket för snedställda eller kursiva fonter. Precis som med fetstil har man tidigare använt html-tagen <i></i> för att åstadkomma lutande text. I dag har dock taggen <em></em> ersatt ursprungstaggen och det är den taggen vi föreslår att du använder. Em kommer från uttrycket emphasized som betyder framhäva.
Understruket
Understruket – Understryka heter ju underline och det måste ju bli ett <u></u> tänker du – och visst är det väl så! Den här taggen har inte fått någon uppgradering och du kan glatt konstatera att det i alla fall finns lite logik i HTML-världen.
Genomstruket
Stryka (stryka) – Att stryka text kan ju vara kul? Eller vad säger du? Den här taggen är också ganska logisk. Du använder nämligen bokstaven S som i ordet strike och kan använda både taggen <s></s> och taggen <strike></strike>. De här kan jag ju inte stryka över, då ser ni ju inget, men ni hajjar va?
Färgat
Färger – Att skriva text med färg kan ju piffa upp, eller hur? Den här html-koden är lite klurigare, så vi tar det från början. Först måste vi berätta vilken textsnutt vi vill färglägga. Det gör vi genom att använda oss av taggen <span></span>.
Om vi skriver <span> runt ett ord men inte gör mer än så kommer ingenting hända. Vi måste därför tala om hur vi vill styla vår textsnutt. Det gör vi med CSS-kod. För att kunna skriva CSS-kod i <span>-taggen lägger vi till style=”" så att det ser ut så här: <span style=”"></span>. Den här koden kommer fortfarande inte göra någon skillnad på din textsnutt, vi har visserligen talat om att vi vill styla, men inte hur.
Hur vi vill styla måste vi berätta inom citat-tecknen i style=”". Det finns massor av möjligheter att styla den här textsnutten, men eftersom vi vill ändra färgen använder vi oss av css-instruktionen color: och avslutas med semikolon ;. Här emellan talar vi om vilken RGB-färg vi vill att texten ska få, RGB-färger är sex tecken (siffror och bokstäver) som inleds med ett staket #. För röd text ser style-koden exempelvis ut så här: style=”color: #ff0033;”.
Span-taggen för röd färg blir då <span style=”color: #ff0033;”></span> – hänger du med?
Det finns massor av RGB-färger att välja bland. När man använder program som Photoshop, Pixelmator eller Gimp anges ofta färgkoderna som RGB-färg och på sidan ColourLovers kan du hitta massor av RGB-färger och paletter som sajtens användare tycker är extra fina.
Kanske går vi igenom fler HTML-taggar framöver, är det någon särskild du vill att vi ska gå igenom?

