I dag vil jeg gerne forklarer jer en lille ting om hvordan du kan ændre baggrundsfarven via css.
Jeg har valgt at skrive hele koden ned og så vil jeg ellers gennemgå den bid for bid:
<html>
<head><style type=”text/css”>
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
</style></head>
<body>
<h1>This is header 1</h1>
<h2>This is header 2</h2>
<p>This is a paragraph</p></body>
</html>
<html> og <head> er starten på dokumentet som jo selvfølgelig kræver et <html> start tag og et <head> start tag.
Hvis vi bevæger os lidt længere ned vil du hurtigt bemærke at der er et <style> tag og det er her CSS kodningen begynder.
- h1 tagget er html betegnelsen for overskrift 1 hvilket er den største overskrift.
Du kan selv forsøge at lege lidt med forskellige attributer som f.eks h2, h3, h4 etc. etc
. - Body background er selve sidens baggrund og så du kan se er teksten skrevet på engelsk.
Yellow er engelsk og betyder gul men det behøver jeg selvfølgelig ikke at fortælle dig.
Du kan til enhver tid lege med denne funktion, prøv selv at skifte yellow ud med din ynglingsfarve.
Når vi nu slutter style tagget med et </style> vil vi senere i vores body afsnit af html koden kunne bruge den design indstilling vi har lavet igen og igen.
Hver gang vi skal skrive en overskrift i vores dokument starter vi med et <h1> og slutter med et </h1> tag.
Alt tekst skrevet indenfor <h1> og </h1> vil blive vist i den farve som at vi har valgt i vores style afsnit.
På den måde kan du gengive designet nemt på flere af dine sider.
Tags: artikel, css, design, Gratis, h1, h2, html, hyper, kode, kodning, language, markup, nemt, overskrift, stil, style, tag, tags, text, tips, tricks, tutorial, tutorials, yellow
