03. HTML

Textformatering

2009-08-21 15:37 #0 av: IdaL

Här läser ni om hur ni formaterar er text i HTML & CSS. Hur man t.ex. kan få fet text, kursiv text, olika teckensnitt färg på texten m.m.

Teckensnitt, storlek och färg

HTMLBild av Ida Lundahl

Väljer man att formatera sina texter med hjälp av HTML använder man sig av <font>-taggar. Jag personligen tycker just textformatering är smidigare att korrigera med hjälp av HTML än CSS (som du kan läsa mer om nedan), men det är antagligen bara en vanesak.

Vad gäller teckensnitt använder man följande kod:
<font face="teckensnittet">Text</font>

Inom "" skriver man då självklart in det teckensnitt man vill ha. De bästa stilarna till just webbplatser är Arial, Arial Black, Times New Roman, Courier New, Verdana, Trebuchet MS, Comic Sans MS, Impact eller Georgia.

Koden för att byta textfärg ser ut såhär:
<font color="#hexkoden">Text</font>

De olika hexkoderna (koderna för webbsäkra färger) kan du hitta här.

Koden för svart text är alltså <font color="#000000">Text</a>. Glöm inte bort att #-tecknet är nödvändigt för att det ska fungera korrekt.

Hur bestämmer man textens storlek då? Det är lika enkelt. Man kan göra på flera sätt, bl.a såhär:
<font size="storlek (anges i 1, 2, 3 osv)">Text</a>

För att koppla ihop alla de tre taggarna vi gått igenom skriver man bara ihop dem såhär, <font face="teckensnittet" color="#hexkoden" size="storlek">Text</font>. Svårare är det inte!

 

CSS

Ska man välja teckensnitt och färg med hjälp av CSS-koder gör man på följande vis.
Skapa ett nytt dokument på ditt webbhotell som du döper till exempelvis text.css. I det dokumentet klistrar du sedan in följande kod:

body {font-family: Textsnittet;}

Sedan ska man inkludera taggen för textfärg också. Då blir det på följande vis:

body {font-family: Textsnittet; color: #hexkoden;}

För att bestämma textstorlek med CSS-koder anger man storleken i pixlar, px.

body {font-family: teckensnitt; font-size: storlekpx; color: #hexkod;}

För att få svart text i textstilen Trebuchet MS, storlek 12px skriver man alltså såhär:

body {font-family: trebuchet ms; font-size: 12px; color: #000000;}

Spara sedan dokumentet text.css och gå in på de sidor du vill att CSS-koderna ska gälla i. Där, inom <head>-taggarna, skriver du in följande kod.

<link rel="stylesheet" href="text.css">
Inkluderar du inte den koden fungerar det ej!

Fetstilt, kursivt och understruket

För att få texten fetstilt skriver man <b>text</b>. B står för bold, som är ett engelskt ord för fet/halvfet.
Vill man ha texten kursiv skriver man <i>text</i>.
För att få en understruken text lägger man <u>-taggar runt texten, dvs <u>text</u>.

_______________________________________________________________

Texten är skriven av Anna Attlid på Hästfoto iFokus, tack så mycket Anna!

Anmäl
2009-08-21 16:34 #1 av: AnneN

Jätte bra artikel Glad

/Mvh Anne
~Sajtvärd på Blandrashundar ~Medarbetare på Support
Hundägare i Norrbotten? Välkommen till oss på Hundhuset!

Anmäl
2009-08-21 23:06 #2 av: Anna

Bra att ni kunde använda den!

Anna, värd på Hästfoto och Webbutveckling

annaattlid.se

Anmäl
2009-08-21 23:13 #3 av: IdaL

#2 Ja, tack så mycket för att vi fick låna den också Glad

Anmäl
2009-08-22 22:17 #4 av: FridaW

Jättebra! Glad

Anmäl

Bli medlem på iFokus

För att kunna delta i diskussionen måste du bli medlem på iFokus. Det går snabbt, enkelt, och kostar ingenting. Medlemskapet ger dig tillgång till över 300 sajter.