HTML

Question 1

Hvordan bør man egentlig starte en webside?

Answer 1

!DOCTYPE html

Question 2

Hvordan bør man egentlig starte en webside?

Question 3

Hva betyr “./index.html” i en link?

Answer 3

Peker til den relative pathen i samme folder fra websiden du er på

Question 4

hvordan linker vi til samme side?

Answer 4

div id=BLABLA. a href=#BLABLA

Question 5

hvor mange indenteringer anbefales av W3C-standarden?

Answer 5

to per linje

Question 6

hva er formålet med head-taggen?

Answer 6

Metadata

Question 7

Hva vil det si at HTML er et permissivt språk?

Answer 7

at siden viser seg selv om det er feil i koden

Question 8

hvor kan du validere HTML-dokumenter som er malformet?

Answer 8

w3c validation service

Question 9

hva gjør scope-attributtet?

Answer 9

Spesifiserer om en table heading (th) er enten for en rad eller for en kolonne (row eller col)

Question 10

hvordan lage table border=x med CSS?

Answer 10

table, td {
border: 1px solid black;
}

Question 11

la oss si at du skal lage en tabell som har en kolonne som går på tvers av flere kolonner. Hva gjør du?

Answer 11

td colspan=X

Question 12

La oss si at du skal lage en planleggingskalender med table-taggen. Hvordan skal du først vise dag på tvers av flere tidspunkter?

Answer 12

td rowspan=x, så Monday som innhold. Tuesday, etc..

Question 13

hva skal inn i tbody?

Answer 13

alt unntatt headinger for tabellen

Question 14

hvilken tagg bør headeren legges i for en tabell?

Answer 14

thead

Question 15

hvordan lager man f.eks. en grand total row i tabellen?

Answer 15

tfoot-taggen

Question 16

gi et eksempel på en CSS hvor du styler table, th og td

Answer 16

table, th, td {
  border: 1px solid black;
  font-family: Arial, sans-serif;
  text-align: center;
}

Question 17

hva gjør nav-taggen?

Answer 17

definerer et sett med navigasjonslinker og tabeller

Question 18

hvilke elementer definerer navigasjonsstrukturen?

Answer 18

main, header, footer, nav

Question 19

hva er formålet med main-taggen?

Answer 19

Å innkapsle hovedinnholdet, og separere det fra footeren og headeren

Question 20

hva gjør section-taggen?

Answer 20

defines elements in a document, such as chapters, headings, or any other area of the document with the same theme.

Question 21

hva gjør article-taggen?

Answer 21

Definerer en del av innholdet som utgjør mening alene. Kan f.eks. ha en artikkel. En person med begrenset skjermleser, kan se etter det som er definert under article-taggen.

Question 22

gi et eksempel på section og article sammen

Answer 22

section: Dette er en tittel

- - article: DEtte er en tekst under tittelen

Question 23

hva gjør aside-taggen?

Answer 23

element is used to mark additional information that can enhance another element but isn’t required in order to understand the main content. This element can be used alongside other elements such as article or section.

Question 24

Hvor kan aside-taggen brukes?

Answer 24

referanseliste, fotnoter, kommentarer, tilleggsinfo

Question 25

hvordan fungerer aside sammen med article-taggen?

Answer 25

Aside har det innholdet som ikke er viktig i artikkelen

Question 26

hva er poenget med figure-taggen?

Answer 26

Å tagge media, f.eks. bilder eller videoer

Question 27

hvilken tagg bruker vi for å beskrive media i figure-taggen?

Answer 27

figcaption

Question 28

gi et eksempel på bruk av figure og figcaption

Answer 28

| This picture shows characters from Overwatch.

Question 29

hvordan får du inn lyd i HTML-dokumentet?

Answer 29

med audio-taggen

Question 30

gi et eksempel på bruk av audio-taggen

Question 31

hvoran ser audio-taggen ut hvis vi vil ha kontrollknaper og autoplay?

Answer 31

audio autoplay controls

Question 32

hvilke tre attributter har du for video-taggen?

Answer 32

loop, autoplay og controls

Question 33

hvordan legger du inn default tekst hvis video ikke vises?

Answer 33

mellom video og /video legger du den alternative teksten

Question 34

gi et eksempel på en semantisk og en ikke-semantisk tagg

Answer 34

div-taggen er ikke semantisk. Den forteller ikke hva innholdet egentlig er. Article er semantisk

Question 35

Hva er semantisk HTML?

Answer 35

Semantisk HTML er idéen om at hver HTML-tagg bør fortelle hva meningsinnholdet er, ikke bare hvordan det er strukturert

Question 36

gi eksempler på semantiske HTML-tagger

Answer 36

header, nav, footer, section, aside, section, article, figure, figcaption, video, audio

Question 37

hva er fordelene ved semantisk HTML?

Answer 37

Lettere for maskiner å lese av innholdet, og lettere for det menneskelige øyet å se hva innholdet egentlig består av.

Question 38

Hva er hovedtanken bak article-taggen?

Answer 38

At hver enkelt article kan plukkes ut av websiden, og brukes et helt eget sted.

Question 39

hva er forskjellen på section og article?

Answer 39

section trenger ikke å utgjøre mening hvis man plukker den ut og legger den inn et annet sted.

Question 40

Hva går noen av accessibility-tipsene ut på?

Answer 40

spesifisere språket i koden, skjule deler av innholdet, bruke alt-attributter i img, bruk native html (ikke bygg fra div). f.eks. button istedenfor div. Del opp innholdet med h-tagger