LUENTO 1 perustägit

HTML Tägit:

<!DOCTYPE HTML>
dokumenttityyppi html5
html
dokumentti kokonaisuudessaan
head
sivun otsakeosa
title
ulkoinen otsikko
meta
metadata (esim merkiston koodaus: charset="utf-8")
body
dokumentin runko
ul
numeroimaton lista
li
listan alkio
a
linkki
div
lohko

css tyylit: laatikkomalli:

LUENTO 2 tekstin rakenne ja ulkoasu

HTML Tägit:

p
tekstin kappale
h1-h6
tekstin otsikkotasot
span
tekstiä ryhmittävä elementti
strong
tekstin voimakas korostus
em
tekstin korostus

css tyylit: tekstin tyylit:

LUENTO 3 kuvat ja linkit

HTML Tägit:

img
kuva html dokumentissa
a
linkki

css tyylit: taustakuva tyylit:

pseudovalitsimet:

Harjoitukset PDF

LUENTO 4 css taitto

HTML Tägit:

div
lohko

css:

Css taitto harjoitus (pdf)

Linkkejä 1

Linkkejä 2

Linkkejä 3

Linkkejä 4

extra linkkejä