Taso 10: Uuden ajan elementtimagia

Onnittelut hienosta saavutuksesta! Nyt olet valmis suorittamaan arvostettua Awesome verkkovelhon tutkintoa.
Se alkaa tutustumalla uuden ajan elementteihin.

HTML5:n semanttiset elementit

  1. Tutustu seuraaviin HTML5:n semanttisiin elementteihin: header, nav, article, section, aside ja footer
  2. Luo uusi index.html-sivu uuden ajan harjoitusta varten. (Nimeä uudelleen edellinen tiedosto tai pyyhkäise se tyhjäksi.)
  3. Luo uusi css-tiedosto ja linkitä se uuteen index.html:ään.
  4. Varmista, että uudessa HTML-dokumentissasi ovat peruselementit (html, head, body jne.) paikoillaan ja lisää bodyyn div id=”wrapper”
  5. Lisää wrapperin sisälle seuraavat elementit sopivassa järjestyksessä: header, nav, article, section (x2), aside ja footer
  6. Luo osioiden sisään sopivaa testisisältöä
  7. Hae http://www.lipsum.com -sivulta täytetekstiä isompien tekstialueiden täytteeksi

 

> Level up: 11!