INF1040 Oppgavesett 2: Nettsider og XHTML (Kapittel 4) Fasitoppgaver Ingen fasitoppgaver denne gang. Se flervalgsoppgavene under. Flervalgsoppgaver I følgende oppgaver er det oppgitt fem alternativer der nøyaktig ett svar er riktig. 1. Hvilke elementer er påkrevd i et XHTML-dokument? (a) Bare <html>. (b) Bare <body>. (c) Bare <html> og <head>. (d) Bare <html>, <head> og <body>. (e) Både <html>, <head>, <body> og <title>. 2. I hvilken del av teksten for en nettside finner vi <title>-elementet? (a) Foran <head>-elementet. (b) I <head>-elementet. (c) I <body>-elementet. (d) Etter <body>-elementet. (e) I <h1>-elementet. 3. Hva er korrekt XHTML for linjeskift? (a) <br> (b) </br> (c) <br /> (d) <break> (e) </break> 1
4. I tillegg til src (som angir filnavnet), hvilket attributt må alltid angis for bilder? (a) alt (b) height (c) position (d) size (e) width 5. Hvilken av følgende konstruksjoner sørger for at teksten Dette er en kommentar oppfattes som en kommentar og ikke vises frem i nettleseren? (a) <!-- Dette er en kommentar --> (b) <!-- Dette er en kommentar --/> (c) <-- Dette er en kommentar --> (d) <--> Dette er en kommentar </--> (e) // Dette er en kommentar 6. Hvilken av følgende tegnentiteter kan brukes for å kode den norske bokstaven æ? (a) &ae; (b) æ (c) &aeslash; (d) å (e) &aslash; 7. Hvilken av følgende tegnentiteter kan brukes for å kode den norske bokstaven ø? (a) &oe; (b) œ (c) &oering; (d) &oeslash; (e) ø 2
8. Hvilken av følgende tegnentiteter kan brukes for å kode den norske bokstaven å? (a) &aa; (b) &aalig; (c) æ (d) å (e) &aslash; 9. Hvilken av følgende konstruksjoner fører til at bildet bilde.jpg blir en link til siden side.html? (a) <a href="bilde.jpg">side.html</a> (b) <a href="side.html" src="bilde.jpg" alt="bilde"/> (c) <a href="side.html"><img src="bilde.jpg" alt="bilde"/></a> (d) <img href="side.html" src="bilde.jpg" alt="bilde"/> (e) <img src="bilde.jpg" alt="bilde"><a href="side.html"></a></img> 10. Hvilken av følgende konstruksjoner fører til at teksten side.html blir en link til bildet bilde.jpg? (a) <a href="bilde.jpg">side.html</a> (b) <a href="side.html" src="bilde.jpg" alt="bilde"/> (c) <a src ="bilde.jpg" alt="bilde">side.html</a> (d) <img src="bilde.jpg" alt="bilde"><a href="side.html"></a></img> (e) <img src="bilde.jpg" alt="bilde">side.html</img> 11. Hvilken av følgende konstruksjoner fører til at teksten INF1040 blir en link til epost-adressen inf1040@ifi.uio.no? (a) <a href="mailto:inf1040@ifi.uio.no>inf1040</a> (b) <a mailto="inf1040@ifi.uio.no>inf1040</a> (c) <a><mailto href="inf1040@ifi.uio.no/>inf1040</a> (d) <mailto href="inf1040@ifi.uio.no>inf1040</mailto> (e) <mailto><a href="inf1040@ifi.uio.no/>inf1040</mailto> 12. Hva er den viktigste grunnen til å bruke relative linker for å linke sider på eget nettsted? (a) Nettlesere arbeider raskere med relative linker. (b) Nettstedet kan flyttes uten å endre linkene. (c) Relative linker bruker de samme navigasjonsdirektivene som UNIX/Linux, og er derfor lette å forstå. (d) Relative linker er lettere å skrive, man gjør ikke så lett feil. (e) Valideringstjenesten validator.w3.org kan automatisk validere de linkede sidene. 3
Tenk selv -oppgaver 13. Hva brukes title-elementet til, og hvorfor er det viktig å ha det med? 14. Hva er forskjellen på markeringene <p> og <br>? 15. Hva er forskjellen på markeringene <ul> og <ol>? 16. Hva er forskjellen på markeringene <th> og <td>? 17. Hvorfor bør alle undersider på et nettsted ha en link tilbake til hjemmesiden? 18. Hvorfor kan det være hensiktsmessig å åpne fremmede nettsteder i et nytt nettleser-vindu? 19. Hvorfor skal du aldri publisere en e-post-adresse i klartekst (hverken din egen eller andres) på en nettside? 20. Hvorfor bør du alltid ha en alternativ tekst bak et bilde? 21. Hvorfor bør du alltid angi attributtene width og height for et bilde? 22. Hva er hensikten med å bruke thumbnails? Prøv selv -oppgaver 23. Lag en enkel nettside som minimum inneholder en (hoved-)overskrift, litt tekst, et bilde og en link til en annen nettside. (a) Sjekk at nettsiden ser riktig ut i en nettleser. (b) Sjekk at nettsiden validerer ved hjelp av http://validator.w3.org (c) Hva skjer (i nettleseren) hvis du... i.... fjerner </title>? ii.... skriver <hl> i stedet for <h1>? iii.... fjerner den avsluttende " i href-attributtet? iv.... fjerner den innledende " i href-attributtet? v.... fjerner den avsluttende " i alt-teksten til bildet? vi.... fjerner den innledende " i alt-teksten til bildet? NB: Gjør bare en feil om gangen, og korriger denne før du prøver neste feil! Programmeringsoppgaver (for deg som tar/har tatt INF1000) Ingen programmeringsoppgaver denne gang. 4
Fasit til fasitoppgaver og flervalgsoppgaver Hvis du finner feil i fasiten er det fint om du gir beskjed om dette ved å sende en mail til ragnhilk@ifi.uio.no 1. (e) 2. (b) 3. (c) 4. (a) 5. (a) 6. (b) 7. (e) 8. (d) 9. (c) 10. (a) 11. (a) 12. (b) 5