HTML:n muotoilua ilman CSS:ää

Tänään opin tekemään listoja: numeroidut listat ja pallerolistat. Lisäksi opin upottamaan pallerolistan numeroidun listan sisään (nesting)

Lista toisen sisällä

Opin myös tekemään ”inline CSS” eli muokkaamaan html:ää ilman erillistä CSS filea. Ihan näppärä taito! Komennot laitetaan aina attribuutiksi eli <p style=” tähän määrittelyt; erottele puolipisteellä jos useita” > Tekstiä normaalisti </p>
color (värejä voi tarkistaa)
font-family (fontit voi tarkistaa)
font-size (koot aina pikseleinä 10px)
background-color
text-align (left / center / right)

Fontin väri, koko, laji

Tekstin paikka

Ja vanhat tutut muotoilut, eli boldaaminen ja kursivointi tehdään tekstin sekaan (ei siis attribuutiksi tagille) käyttäen <strong> pullennettavat sanat </strong> sekä <em> kursivoitava sana </em>

Vastaa

Täytä tietosi alle tai klikkaa kuvaketta kirjautuaksesi sisään:

WordPress.com-logo

Olet kommentoimassa WordPress.com -tilin nimissä. Log Out / Muuta )

Twitter-kuva

Olet kommentoimassa Twitter -tilin nimissä. Log Out / Muuta )

Facebook-kuva

Olet kommentoimassa Facebook -tilin nimissä. Log Out / Muuta )

Google+ photo

Olet kommentoimassa Google+ -tilin nimissä. Log Out / Muuta )

Muodostetaan yhteyttä palveluun %s