Skillnad mellan versioner av "Övningar 7 (Webb 1)"
Taifun (Diskussion | bidrag) m |
Taifun (Diskussion | bidrag) m |
||
| (8 mellanliggande versioner av samma användare visas inte) | |||
| Rad 1: | Rad 1: | ||
__NOTOC__ | __NOTOC__ | ||
{| border="0" cellspacing="0" cellpadding="0" height="30" width="100%" | {| border="0" cellspacing="0" cellpadding="0" height="30" width="100%" | ||
| − | | style="border- | + | | style="border-botthttps://mathonline.se/index.php?title=Diskussion:%C3%96vningar_7_(Webb_1)&action=edit&redlink=1om:1px solid #797979" width="5px" | |
{{Not selected tab|[[Lektion 7 (Webb 1)|Agenda]]}} | {{Not selected tab|[[Lektion 7 (Webb 1)|Agenda]]}} | ||
{{Not selected tab|[[Kap 2 Grundbegrepp i webbutveckling (forts.)|Genomgång 7]]}} | {{Not selected tab|[[Kap 2 Grundbegrepp i webbutveckling (forts.)|Genomgång 7]]}} | ||
{{Selected tab|[[Övningar 7 (Webb 1)|<span style="font-weight:lighter">Övningar 7</span>]]}} | {{Selected tab|[[Övningar 7 (Webb 1)|<span style="font-weight:lighter">Övningar 7</span>]]}} | ||
| − | {{Not selected tab|[https://sharedfiles.mathonline.se/Planering_Webb_1.pdf | + | {{Not selected tab|[https://sharedfiles.mathonline.se/Planering_Webb_1.pdf Planering]}} |
<!-- {{Not selected tab|[[Innehåll_Webbutveckling_1|Innehåll & struktur]]}} --> | <!-- {{Not selected tab|[[Innehåll_Webbutveckling_1|Innehåll & struktur]]}} --> | ||
{{Not selected tab|[[Lektion 8 (Webb 1)|Nästa lektion >> ]]}} | {{Not selected tab|[[Lektion 8 (Webb 1)|Nästa lektion >> ]]}} | ||
| Rad 15: | Rad 15: | ||
<div class="ovnE"> | <div class="ovnE"> | ||
<big> | <big> | ||
| − | * | + | * Öppna en mapp och döp den till <b>Picture</b>. |
| − | * | + | * Skapa en fil i mappen <b>Picture</b> och döp den till Picture.html. |
| − | * Kör | + | * Mata in scriptet [https://sharedfiles.mathonline.se/2_2_Bilder.pdf <b><span style="color:blue">Picture</span></b>] i filen Picture.html. |
| + | |||
| + | * Placera två bilder i mappen <b>Picture</b>, för att visa dem på webbsidan. | ||
| + | |||
| + | * Placerar man bilderna i en annan mapp, måste sökvägen anges i html-scriptet. | ||
| + | |||
| + | * Kör scriptet Picture.html i din lokala webbläsare. | ||
| + | |||
| + | * Använd ej online HTML-interpretatorn, eftersom då kan bilderna inte lokaliseras. | ||
* Besvara frågorna nedan. Skriv dina svar i ett textdokument. Ingen inlämning krävs. | * Besvara frågorna nedan. Skriv dina svar i ett textdokument. Ingen inlämning krävs. | ||
Nuvarande version från 4 september 2026 kl. 14.08
| Agenda | Genomgång 7 | Övningar 7 | Planering | Nästa lektion >> |
Dagens övningar
- Öppna en mapp och döp den till Picture.
- Skapa en fil i mappen Picture och döp den till Picture.html.
- Mata in scriptet Picture i filen Picture.html.
- Placera två bilder i mappen Picture, för att visa dem på webbsidan.
- Placerar man bilderna i en annan mapp, måste sökvägen anges i html-scriptet.
- Kör scriptet Picture.html i din lokala webbläsare.
- Använd ej online HTML-interpretatorn, eftersom då kan bilderna inte lokaliseras.
- Besvara frågorna nedan. Skriv dina svar i ett textdokument. Ingen inlämning krävs.
- Diskutera gärna frågorna gruppvis. Svar till frågorna kan hittas i texten .
- Fortsätt med att lösa övn 2.1 - 2.3 längre ned (ur kursboken, Övningar till kap 2, sid 46).
2.13 Vilka bildformat är de mest vanliga på webben?
2.14 Vilka är de vanligaste bildformat i ett HTML-script?
2.15 Till vilket HTML-element hör attributen height och width?
2.16 Vad gör img-elementet i HTML?
2.17 Vilket är det viktigaste attributet av HTML-elementet img?
2.18 Hur bestämmer man värdena till attributen height och width?
2.19 Vad gör attributet alt i img-elementet?
2.20 Var någonstans måste du lagra dina bilder när du vill hämta dem med img?
2.21 Vilka är de mest använda attribut till img-elementet?
2.22 Hur anger man bildstorleken i img-elementet?
2.23 Koda några exempel på img-elementet.
2.24 På vilken mapp pekar img-elementets attribut src primärt?
2.25 Vad exakt händer när man nästlar ett img-element i ett ankare?
2.26 Är img-elementet tomt? Om ja, varför? Om nej, vad är dess innehåll?
2.27 Ange två varianter att avsluta img-elementet.
2.28 Vad händer om man inte specificerar bildstorleken i img-elementet?
2.29 Formulera med egna ord regeln för att avsluta tomma element.
2.30 Ange några exempel på tomma element.
Copyright © 2024 Lieta AB. All Rights Reserved.
