IT1 øveprøver HTML og CSS

Oppgave 1

B er riktig. For at et HTML-dokument skal vises som en nettside, må den åpnes i nettleseren.

Oppgave 2

D er riktig. <h1> Velkommen til min nettside! </h1> er et HTML-element. HTML

Oppgave 3

Rekkefølge D er riktig.

<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>

Oppgave 4

På grunn av skriftstørrelsene så er sannsynligvis alternativ C riktig. Dette er i hvert fall gyldig HTML-kode.

<!DOCTYPE html>
<html lang="no">
    <head> 
        <meta charset="UTF-8">
        <title> Min hjemmeside </title>
    </head>
    <body>
        <h1> Velkommen til min hjemmeside! </h1>
        <p> Her vil det komme mer innhold! </p>
    </body>
</html>

Oppgave 5

A er definitivt ikke en del av nettsiden, da vi ikke ser disse fargene i listeelementene.

Øveprøve kapittel 3

Oppgave 1

Nettstedet skal være mulig å kopiere er ikke et prinsipp i universell utforming. Alternativ C er feil. Universell utforming av nettsider

Oppgave 2

Dette er en fryktelig dårlig utformet oppgave. Her mener jeg at C er mest feil fordi:

Oppgave 3

Igjen – dette er en elendig oppgave. Standard skriftstørrelse er 16px dersom ikke annet er angitt i nettleseren eller i html-selektoren i CSS. Når vi setter font-size:200%; så vil vi derfor vanligvis øke skriftstørrelsen til 32px. Alternativ D er riktig.
Enheter og størrelser i CSS#Tekststørrelse

Oppgave 4

Igjen – dette er en elendig oppgave. Relativ em er bredden av bokstaven m ved standard skriftstørrelse, altså den som er angitt i html-selektoren. Vanligvis er dette 16px, og derfor er alternativ B riktig.
Enheter og størrelser i CSS#rem

Oppgave 5

B er feil. Disse størrelsene er kun avhengige av størrelsen på nettleservinduet.
Enheter og størrelser i CSS#vh

Oppgave 6

Jeg tolker oppgaven som at jeg selv kan velge layout på periodesystemet. Jeg velger et horisontalt system med flexbox og setter en minimums-bredde slik at periodesystemet går over flere rader dersom vi ser på det i en smal nettleser. Her er det selvsagt svært mange løsninger som vil gi full uttelling. (Og ja, jeg vet at dere ikke har lært repeat(auto-fit, størrelse) som jeg brukte her)

See the Pen IT1 øveprøve Flex løsning by stalegjelsten (@stalegjelsten) on CodePen.