Efter gårdagens genomgång av HTML-kod var det nu dags att gå igenom CCS-kod, Cascading Style Sheets. Skillnaden mellan HTML och CSS är att HTML-koden styr innehållet på en webbsida och CSS-koden är stilmallen av själva innehållet (HTML-koden). All CSS-kod kännetecknas med tecknena { runt om respektive CSS-tagg }.
Dagens uppgift var att var att nu skapa en ny fil med CSS-kod i programmet Notepad++ som vi använde oss av under gårdagens lektion då vi skapade en HTML-fil och sedan skulle vi länka in vår CSS-kod i vår HTML-kod.
Här ser du hur en typisk CSS-kod ser ut i Notepad++
Så här går man tillväga;
1. Skapa ett nytt blad i Notepad
2. Skriv in CSS-taggarna som ville användas som stilmall.
3. Döp CSS-filen och spara den på skrivbordet.
4. Sök efter den länk som behövs för att länka CSS till HTML online och ändra filnamnet till det filnamn som sparats ner på skrivbordet. (<link rel="stylesheet" type="text/css" href="filnamnet.css">)
5. Klistra in CSS-länken på den placeringen i HTML-koden som nedan.
HTML-koden;
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="filnamnet.css">
</head>
<body>
<h1>This is a Heading</h1>
Så här blev resultatet online av min kombinerade HTML - och CSS-fil.
Inga kommentarer:
Skicka en kommentar