HTML5 tutorial 7 – Knyt CSS til HTML
I dette afsnit af min HTML5 tutorial kigger vi nærmere på hvordan du kan knytte CSS til dine HTML tags.
Du er godt igang med at lære HTML. Der findes en hel del muligheder for at designe din hjemmeside med HTML, men skal du for alvor have et godt design, skal du bruge sproget CSS. Jeg vil ikke komme så meget ind på CSS i denne tutorial, men vil her fortælle hvordan du kan knytte CSS til dine HTML tags.
Hvis du blot skal have justeret udseendet af et enkelt tag til, kan du bruge style-attributten. Dette har vi faktisk allerede gjort tilbage i denne tutorial, hvor vi satte baggrundsfarven med et CSS tag.
<body style="background-color:#000000;">
Du angiver simpelthen bare style=”” direkte i tagget og indtaster heri så den CSS kode som skal gælde for det HTML tag.
Du kan også angive CSS kode i toppen af din HTML side under <head> tagget. Her bruger du <style> tagget.
<style type="text/css">
h1 {font-size: 30px; font-family: arial;}
h2 {font-size: 15px; font-family: courier;}
p {font-size: 8px; font-family: "times new roman";}
</style>
Endelig kan du også under <head> tagget angive en reference til en CSS fil direkte.
<link rel="stylesheet" type="text/css" href="theme.css">
Dette er omtrent de tre måder hvormed du kan tilføje CSS til dit HTML dokument. For mere info om CSS, vil jeg henvise til tutorials om dette sprog.
I næste afsnit skal vi se nærmere på de nye tags i HTML5.
