• Slik ser det ut:

• I prosjektet ditt har du to filer: index.html, som er der teksten og bileta ligg, og style.css, som gjev instruksjonane om utsjånad.

• Publiser nettsida di: trykk på "save", også trykk på "share", deretter på "publish". Ein boks blir opna. Trykk igjen på "publish". Ho er no på nett!

• Trykk på lenkja til nettsida di, site URL. Og opne den i ei ny fane. Kvar gong du forandrer koden i Trinket, kan du besøkja nettsida di og trykkja på ctrl + R for å oppdatera det som du ser.

• Lag ein introduksjon til nettsida. I <header>-boksen kan du skrive eit kort innlegg som oppsummerer nettsida di. I mitt eksempel:

• No som me har ein header med tekst kan me gå vidare og velja tekst og bilde til main. Me vil laga ei nettside med fleire boksar, med tekst eller bilete i kvar boks, slik som her:

Me kan laga ein boks ved å bruka tag div i HTML. Slik gjer du: <div class="classNamn">Boks-innhald </div>. Og du kan skrive inn overskrift og tekst med <h2> og <p>:

• Legg til meir tekstboks (og skriv inn din eigen tekst):

I mitt eksempel ser nettsida slik ut:

• Slik kan du legga til ei lenkje:

Med href for å gje lenkja og target="blank"for å opna lenkja i ei ny fane. Lenkja kan du skrive i ein tekst-boks, under <p> teksten. Slik kan det sjå ut:

• Legg til eit bilde-boks. Finn eit bilde på internet og kopier adressa til bildet. Lim inn adressa.

Det er best å skrive informasjon om bildet i tillegg, det gjer du slik:

<img src="nettadresse" alt="info om bildet">

• Under main, legg til footer med bilde-godskriving:

• La oss velja fonten til nettsida under linjene for bakgrunn:

• No kan me endra designet til header ved å velja utsjånad til teksten og ved å gje litt luft rundt boksen:

• Understrek tittelen:

• Legg til farge, vel størrelse, vel avtstand mellom tekst boksene:

• Legg til stil på lenkja:

• Rediger storleik og posisjonen til bildet og bildeboksen:

• Til slutt: Legg stil på footer-boksen: