HTML Flashcards
Hvordan bør man egentlig starte en webside?
!DOCTYPE html
Hvordan bør man egentlig starte en webside?
Hva betyr “./index.html” i en link?
Peker til den relative pathen i samme folder fra websiden du er på
hvordan linker vi til samme side?
div id=BLABLA. a href=#BLABLA
hvor mange indenteringer anbefales av W3C-standarden?
to per linje
hva er formålet med head-taggen?
Metadata
Hva vil det si at HTML er et permissivt språk?
at siden viser seg selv om det er feil i koden
hvor kan du validere HTML-dokumenter som er malformet?
w3c validation service
hva gjør scope-attributtet?
Spesifiserer om en table heading (th) er enten for en rad eller for en kolonne (row eller col)
hvordan lage table border=x med CSS?
table, td {
border: 1px solid black;
}
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?
td colspan=X
La oss si at du skal lage en planleggingskalender med table-taggen. Hvordan skal du først vise dag på tvers av flere tidspunkter?
td rowspan=x, så Monday som innhold. Tuesday, etc..
hva skal inn i tbody?
alt unntatt headinger for tabellen
hvilken tagg bør headeren legges i for en tabell?
thead
hvordan lager man f.eks. en grand total row i tabellen?
tfoot-taggen
gi et eksempel på en CSS hvor du styler table, th og td
table, th, td {
border: 1px solid black;
font-family: Arial, sans-serif;
text-align: center;
}hva gjør nav-taggen?
definerer et sett med navigasjonslinker og tabeller
hvilke elementer definerer navigasjonsstrukturen?
main, header, footer, nav
hva er formålet med main-taggen?
Å innkapsle hovedinnholdet, og separere det fra footeren og headeren
hva gjør section-taggen?
defines elements in a document, such as chapters, headings, or any other area of the document with the same theme.
hva gjør article-taggen?
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.
gi et eksempel på section og article sammen
section: Dette er en tittel
- - article: DEtte er en tekst under tittelen
hva gjør aside-taggen?
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.
Hvor kan aside-taggen brukes?
referanseliste, fotnoter, kommentarer, tilleggsinfo
hvordan fungerer aside sammen med article-taggen?
Aside har det innholdet som ikke er viktig i artikkelen
hva er poenget med figure-taggen?
Å tagge media, f.eks. bilder eller videoer
hvilken tagg bruker vi for å beskrive media i figure-taggen?
figcaption
gi et eksempel på bruk av figure og figcaption
<img></img>
This picture shows characters from Overwatch.
hvordan får du inn lyd i HTML-dokumentet?
med audio-taggen
gi et eksempel på bruk av audio-taggen
hvoran ser audio-taggen ut hvis vi vil ha kontrollknaper og autoplay?
audio autoplay controls
hvilke tre attributter har du for video-taggen?
loop, autoplay og controls
hvordan legger du inn default tekst hvis video ikke vises?
mellom video og /video legger du den alternative teksten
gi et eksempel på en semantisk og en ikke-semantisk tagg
div-taggen er ikke semantisk. Den forteller ikke hva innholdet egentlig er. Article er semantisk
Hva er semantisk HTML?
Semantisk HTML er idéen om at hver HTML-tagg bør fortelle hva meningsinnholdet er, ikke bare hvordan det er strukturert
gi eksempler på semantiske HTML-tagger
header, nav, footer, section, aside, section, article, figure, figcaption, video, audio
hva er fordelene ved semantisk HTML?
Lettere for maskiner å lese av innholdet, og lettere for det menneskelige øyet å se hva innholdet egentlig består av.
Hva er hovedtanken bak article-taggen?
At hver enkelt article kan plukkes ut av websiden, og brukes et helt eget sted.
hva er forskjellen på section og article?
section trenger ikke å utgjøre mening hvis man plukker den ut og legger den inn et annet sted.
Hva går noen av accessibility-tipsene ut på?
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
