Idag ska vi titta på hur man skriver:

Färger

När vi ska tala om vilken färg vi vill ha kan vi i många falla använda fördefinierade namn, som white, red, green, aqua, darkorange, steelblue.
W3Schools lista med namn på färger.
Men som du såg i listan så finns det lite mer kryptiska beskrivningar som #ff0000. Detta är den hexadecimala(basen 16) beskrivningen av röd. Man anger hur mycket som ska blandas av färgerna Röd-Grön-Blå (RGB-kod).
Egentligen anger man tal mellan 0 och 255, men datorn pratar bara ettor och nollor så för den är det hexadecimala systemet mycket effektivare, därför får vi lära oss att ha en liten hum om vad de olika delarna betyder. Efter #-tecknet så visar de två första positionerna hur mycket rött det ska vara, sen nästa två positionerna visar grönt och de sista två positionerna blått.
Varje position kan innehålla ett tal mellan 0-15, men för att det bara ska ta en position översätts det till talen 0-9 och bokstäverna a-f (och som då betyder a=10, b=11, ..., f=15).
Av de två positionerna som representerar varje färg, så är första positionen är värd 16 och den andra 1, jämfört vårt decimalsystem så skulle den första positionen vara värd 10 och den andra 1. Ovan betyder då ff att vi ska ha f=15 gånger 16 och f=15 gånger 1, dvs 15*16+15*1=255.
Som sagt ni behöver inte förstå detta till 100% men ni ska förstå om det är mycket eller litet av de tre ingående färgerna.
Det hjälper säkert till att titta på följande uppställning:
www.webdesignskolan.se välj HTML grunder -> färgkoder- Hexadecimala färger

Textlayout (detta lär vi oss för att förstå andras webbsidor och använder idag för att senare lära oss något mycket bättre)

FÄRGERNA TAR ÖVER

Med flera färger blir det lite mera fart i webbsidan. Om du dessutom kan byta teckensnitt, precis som i Word, blir det ännu lite roligare.

Teckensnitt på bild Teckensnittet Courier New till exempel. Eller Comic Sans MS. Eller vilket annat klacklöst (utan serifer) teckensnitt som än finns på surfarens dator!
T ex Verdana är bra!

Större och större och större och större....

font-taggen har 3 egenskaper:

  1. face -> typsnitt
  2. size -> storlek(fördefinierade)
  3. color - färg

Länk som startar standardmejlprogrammet på datorn

Mejla till Musse Pigg

Specialtecken

Den här webbsidan är      © 2008 Värmdö Gymnasium!

W3Schools lista på specialtecken.

Högerklickar du på sidan, så kan du välja att få se själva koden som skapar denna sida.

Valid XHTML 1.0 Transitional