Skillnad mellan versioner av "Övningar 6 (Webb 1)"

Från Mathonline
Hoppa till: navigering, sök
m
m
 
(18 mellanliggande versioner av samma användare visas inte)
Rad 4: Rad 4:
 
{{Not selected tab|[[Lektion 6 (Webb 1)|Agenda]]}}
 
{{Not selected tab|[[Lektion 6 (Webb 1)|Agenda]]}}
 
{{Not selected tab|[[Kap 2 Grundbegrepp i webbutveckling|Genomgång 6]]}}
 
{{Not selected tab|[[Kap 2 Grundbegrepp i webbutveckling|Genomgång 6]]}}
{{Selected tab|[[Övningar 6 (Webb 1)|Övningar 6]]}}
+
{{Selected tab|[[Övningar 6 (Webb 1)|<span style="font-weight:lighter">Övningar 6</span>]]}}
 
{{Not selected tab|[https://sharedfiles.mathonline.se/Webb_1_innehall_str.pdf Innehåll & struktur]}}
 
{{Not selected tab|[https://sharedfiles.mathonline.se/Webb_1_innehall_str.pdf Innehåll & struktur]}}
 
{{Not selected tab|[[Lektion 7 (Webb 1)|Nästa lektion&nbsp;&nbsp;>> ]]}}
 
{{Not selected tab|[[Lektion 7 (Webb 1)|Nästa lektion&nbsp;&nbsp;>> ]]}}
Rad 14: Rad 14:
 
<div class="ovnE">
 
<div class="ovnE">
 
<big>
 
<big>
* &nbsp; Läs texten <div class="smallBox">[https://sharedfiles.mathonline.se/2_1_Lankar.pdf <b><span style="color:blue">Länkar</span></b>]</div>
+
* &nbsp; Läs texten [https://sharedfiles.mathonline.se/2_1_Lankar.pdf <b><span style="color:blue">Länkar</span></b>].
  
* &nbsp; Mata in scriptet [https://sharedfiles.mathonline.se/2_1_Lankar.pdf <b><span style="color:blue">Links</span></b>] i en editor. Spara koden i filen <b><span style="color:blue">Links.html</span></b> och kör den i din webbläsare.
+
* &nbsp; Besvara frågorna nedan. Skriv dina svar i ett textdokument.
  
* &nbsp; Mata in scriptet [https://sharedfiles.mathonline.se/2_1_Lankar.pdf <b><span style="color:blue">Contact</span></b>] i en editor. Spara koden i filen <b><span style="color:blue">Contact.html</span></b> och kör den i din webbläsare.
+
* &nbsp; Diskutera gärna frågorna gruppvis. Ingen inlämning krävs.
  
* &nbsp; Besvara frågorna nedan. Skriv dina svar i ett textdokument. Ingen inlämning krävs.
+
* &nbsp; Svar till frågorna kan hittas i texten ovan.
  
* &nbsp; Diskutera gärna frågorna gruppvis. Svar till frågorna kan hittas i texten ovan.
+
* &nbsp; Andra källor kan användas, även AI.
  
* &nbsp; Fortsätt med övn <b>2.1-2.2</b> längre ned (ur [https://sharedfiles.mathonline.se/Boken_Webbutv_1.pdf <b><span style="color:blue">kursboken</span></b>], Övningar till kap 2, sid 37).
+
* &nbsp; <div class="smallBox">Öppna [https://www.w3schools.com/html/tryit.asp?filename=tryhtml_editor <b><span style="color:blue">online html-interpretatorn</span></b>].</div>
 +
 
 +
* &nbsp; Mata in koderna [https://sharedfiles.mathonline.se/2_1_Lankar.pdf <b><span style="color:blue">Links</span></b>] och [https://sharedfiles.mathonline.se/2_1_Lankar.pdf <b><span style="color:blue">Contact</span></b>] i det vänstra fönstret av online html-interpretatorn.
 +
 
 +
* &nbsp; Kör Run. Se resultatet i det högra fönstret av online html-interpretatorn.
 +
 
 +
* &nbsp; Fortsätt med att lösa övn <b>1.4-1.7</b> längre ned (ur [https://sharedfiles.mathonline.se/Boken_Webbutv_1.pdf <b><span style="color:blue">kursboken</span></b>], Övningar till kap 1, sid 24).
 
</big>
 
</big>
 
</div>
 
</div>
  
  
<div class="ovnC">
+
= <b><span style="color:#931136">Frågor</span></b> =
 +
<div class="ovnC">  
 
<big>
 
<big>
2.1 &nbsp; Vad åstadkommer elementtyperna p, b och a i HTML?
+
2.1 &nbsp; Med vilket HTML-element kan man skapa länkar i sitt dokument?
  
2.2 &nbsp; Vad gör attributet href i ett ankare?
+
2.2 &nbsp; Vad åstadkommer elementtyperna p, b och a i HTML?
  
2.3 &nbsp; Ge tre exempel på attributvärde till attributnamnet href.
+
2.3 &nbsp; Är ankaret ett tomt HTML-element?
  
2.4 &nbsp; Hur inleds ett attributvärde till en webbadress?
+
2.4 &nbsp; Vad är ett attribut och var någonstans placeras det i HTML-kod?
  
2.5 &nbsp; Hur inleds ett attributvärde till en mailadress?
+
2.5 &nbsp; Vad gör attributet href i ett ankare?
  
2.6 &nbsp; Skriv ett exempel på HTML-elementet ankare.
+
2.6 &nbsp; Vilket är det viktigaste attributet av HTML-elementet ankare?
  
2.7 &nbsp; Varför heter HTML-elementtypen a "ankare"?
+
2.7 &nbsp; Ge tre exempel på attributvärde till attributnamnet href.
  
2.8 &nbsp; Vilka bildformat är de mest vanliga på webben?
+
2.8 &nbsp; Hur inleds ett attributvärde till en webbadress?
  
2.9 &nbsp; Varför är img-elementet i HTML tomt?
+
2.9 &nbsp; Hur inleds ett attributvärde till en mailadress?
  
2.10 &nbsp; Vilka är de mest använda attribut till img-elementet?
+
2.10 &nbsp; Vad är förklaringen till beteckningen ankare för HTML-elementet a?
  
2.11 &nbsp; Vilket attributvärde borde attributet src i img ha?
+
2.11 &nbsp; Vilken egenskap får texten i dokumentet som skrivs i ett ankare?
  
2.12 &nbsp; Hur anger man bildstorleken i img-elementet?
+
2.12 &nbsp; Kan man även ange namnet en bildfil som innehåll i ett ankare?
 
+
2.13 &nbsp; Koda några exempel img-elementet.
+
 
+
2.14 &nbsp; Vad händer om man inte specificerar bildstorleken i img-elementet?
+
 
</big>
 
</big>
 
</div>
 
</div>
  
  
<div class="ovnA">
+
= <b><span style="color:#931136">Övningar 1.4-1.7</span></b> =
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Ovn_2_1_2_W.jpg]]</div>
+
<div class="ovnE">  
 +
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Ovn4 Webb1.jpg]]</div>
 
</div>
 
</div>
 +
 +
 +
<br>
  
  
Rad 76: Rad 83:
  
  
[[Matte:Copyrights|Copyright]] © 2024 <b><span style="color:blue">Lieta AB</span></b>. All Rights Reserved.
+
[[Matte:Copyrights|Copyright]] © 2026 <b><span style="color:blue">Lieta AB</span></b>. All Rights Reserved.

Nuvarande version från 29 augusti 2026 kl. 15.22

       Agenda          Genomgång 6          Övningar 6          Innehåll & struktur          Nästa lektion  >>      


Dagens övningar

  •   Besvara frågorna nedan. Skriv dina svar i ett textdokument.
  •   Diskutera gärna frågorna gruppvis. Ingen inlämning krävs.
  •   Svar till frågorna kan hittas i texten ovan.
  •   Andra källor kan användas, även AI.
  •   Mata in koderna Links och Contact i det vänstra fönstret av online html-interpretatorn.
  •   Kör Run. Se resultatet i det högra fönstret av online html-interpretatorn.
  •   Fortsätt med att lösa övn 1.4-1.7 längre ned (ur kursboken, Övningar till kap 1, sid 24).


Frågor

2.1   Med vilket HTML-element kan man skapa länkar i sitt dokument?

2.2   Vad åstadkommer elementtyperna p, b och a i HTML?

2.3   Är ankaret ett tomt HTML-element?

2.4   Vad är ett attribut och var någonstans placeras det i HTML-kod?

2.5   Vad gör attributet href i ett ankare?

2.6   Vilket är det viktigaste attributet av HTML-elementet ankare?

2.7   Ge tre exempel på attributvärde till attributnamnet href.

2.8   Hur inleds ett attributvärde till en webbadress?

2.9   Hur inleds ett attributvärde till en mailadress?

2.10   Vad är förklaringen till beteckningen ankare för HTML-elementet a?

2.11   Vilken egenskap får texten i dokumentet som skrivs i ett ankare?

2.12   Kan man även ange namnet på en bildfil som innehåll i ett ankare?


Övningar 1.4-1.7

Ovn4 Webb1.jpg








Copyright © 2026 Lieta AB. All Rights Reserved.