Facit/Förklaring

Steg 1

<h1></h1> är en rubrik-tagg (Heading storlek 1). Text som står innanför dessa taggar blir fet och stor, och det blir också automatiskt ett nytt stycke för innehållet som kommer efter. Det finns sex rubrikstorlekar <h1> till <h6>

<center></center> allt innehåll mellan dessa taggar blir centrerat i sidled.

<br> gör ny rad (break). Till skillnad från <P> blir det ingen tom rads mellanrum.

<title></title> Det som skrivs innanför dessa taggar syns på fliken i webbläsaren.

Storlek på bild - I taggen <img> finns attributet width. Detta bestämmer hur bred bilden ska vara i bildpunkter. Skriver man inget här blir bilden så bred som den är i original. (Man kan också lägga till attributet height för att bestämma hur hög bilden ska vara.)

Steg 2

<p align=right> Med hjälp av attributet align i taggen <p> kan man bestämma var text/bild ska hamna i sidled. align=right gör att texten ställer sig till höger.
<a> </a> En text eller en bild som hamnar mellan taggarna <a></a> blir klickbar. med hjälp av attributet href kan man skriva in den adress dit länken ska gå - i det här fallet <a href="https://www.pixabay.com">Här är texten som blir klickbar</a>
I taggen <body> har attributet bgcolor (background color) tillkommit. Genom att skriva namnet på en färg på engelska kan man ändra backgrunden - eller genom att skriva in färkoden (hexadecimal) - exempelvis <body bgcolor=#ffffff> ger vit bakgrund.
För att ändra bild på sidan - byt ut den adress som står i taggen <img...> efter attributet src I det här fallet <img src="http://selah.sg/wp-content/uploads/2016/04/Spring-3-1080x675.jpg">. Se till att adressen hamnar innanför citationstecken " ".

Steg 3

Byt ut adresserna i de två länktaggarna <a> som omsluter texten "bild 1" och "bild 2". Webbadressen som står efter src= ska bytas ut mot de du kopierat från en annan bild (klicka höger på bilden och välj "kopiera bildadress").
Här (övning 3b) är ett exempel på hur du skulle kunna göra (kopiera texten/koden och klistra in den istället för koden på webbsidan htmledit.squarefree.com).

Steg 4 - överkurs

När en av knapparna klickas känner "onclick" av detta och ropar på funktionen changeBackground. När funktionen anropas skickas en färg med (inom parentes). I funktionen, högst upp i koden, fylls innehållet i variabeln/lådan "color" med färgens namn. Funktionens enda kodrad (document.body.style.background = color;) byter ut "bakgrundsstilen på dokumentets kropp", för att tala svenska, med innehållet i color (färgen som skickats med).
Här (övning 4b) är ett exempel på hur du skulle kunna göra (kopiera texten/koden och klistra in den istället för koden på webbsidan htmledit.squarefree.com).

Report abuse