Annons:
Etikett03-html
Läst 3522 ggr
IdaL
8/21/09, 3:37 PM

Textformatering

Bild 1. Klicka för att öppna i full storlek.

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 -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:
Text

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:
Text

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

Koden för svart text är alltså Text. 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:
Text

För att koppla ihop alla de tre taggarna vi gått igenom skriver man bara ihop dem såhär, Text. 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 -taggarna, skriver du in följande kod.


Inkluderar du inte den koden fungerar det ej!

Fetstilt, kursivt och understruket

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

_______________________________________________________________

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

Annons:
AnneN
8/21/09, 4:34 PM
#1

Jätte bra artikel Glad

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

Anna
8/21/09, 11:06 PM
#2

Bra att ni kunde använda den!

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

annaattlid.se

IdaL
8/21/09, 11:13 PM
#3

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

FridaW
8/22/09, 10:17 PM
#4

Jättebra! Glad

Hälsningar Frida
fridawestergren.com

Upp till toppen
Annons: