Home Nettsteder og multimedier HTML og CSS koding

HTML og CSS koding

Lær å bruke HTML og CSS for å lage nettsider. HTML er kodespråk som du setter inn innholdet i og forteller nettleseren om hvilke deler av siden som er overskrifter, lister og tabeller. CSS er stilsettspråket du lager siden med, og det forteller nettleseren om farger, skrifttyper, layout og mer.

HTML står for Hyper Text Markup Language.
HTML er ikke et programmeringsspråk, det er et kodespråk. Et kodespråk er et sett med koder. HTML bruker koder for å bestemme nettsidens struktur/innhold. Vi bør ikke prøve og påvirke nettsidens utsende med HTML. Til det bruker vi CSS.

Elevene skal kunne bruke hovedelementene i HTML:

<!DOCTYPE html>
<html>
<head>
    <title>mypage</title>
    <meta charset="UTF-8" />
</head>
<body>
<p> hello</p>
</body>
</html>

Avsnitt, lenker, lister, tabeller, bilder, lyd, video, div-elementer, link opp CSS og skjemaer. –  HTML5 W3Cw3


CSS står for Cascading Style Sheets (på norsk stilsett).
CSS brukes til å bestemme nettsidens utseende. Vi kan gjøre om utseende på de aller fleste HTML-elemeter.

CSS kan skrives i HTML-dokumenter. Da legger vi koden inn under <style>-elementet i <head>– elementet. Men det er best og plassere CSS-koden i et eget dokument (eksternt stilark). Eks.
<head>
<link rel=»stylesheet» type=»text/css» href=»mystyle.css»>
</head>

Elevene skal kunne bruke hovedelementene i CSS:

  • Opprette eksterne stilark
  • Gi utseende til <body>-elementet
    (skrifttype/farge/størrelse og bakgrunnsfarger)
  • Gi utseende til liste/menyer
  • Gi utseende til tabeller og skjemaer
  • Gi utseende til <div>-elementer
  • Flexbox layout

LÆREBOKA:

Andre ressurser:

HTML 

CSS

 Verktøy

SHARE