Atrybut style

Karta pracy 2018/2019

Adres:
http://plotkarka.eu/KP/css-style-attr.html
Autor:
Radosław Kowaluk

Nietypowe wyróżnienia

Czynności wstępne

Utwórz plik css-style-attr.html z podstawową strukturą strony WWW w standardzie HTML5.

<!DOCTYPE html>
<html>
 <head>
  <title>Atrybut style</title>
  <meta charset="utf-8"/>
 </head>
 <body>

 </body>
</html>

Tekst i elementy liniowe1

W elemencie body dodaj kod.

<h1>
Witaj <span style="color: red;">piękny</span> świecie.
</h1>
<h2>
Witaj <b style="color: silver;">piękny</b> świecie.
</h2>

Zapisz zmiany i odśwież podgląd.

Elementy blokowe2

W elemencie body dodaj kod.

<h3 style="color: red;">
Witaj piękny świecie.
</h3>
<div style="color: silver">
<h4>
Witaj piękny świecie.
</h4>
<h5>
Witaj piękny świecie.
</h5>
</div>

Zapisz zmiany i odśwież podgląd.

Wgrywanie plików na serwer

Umieść plik css-style-attr.htmlna serwerze po sprawdzeniu poprawności.

Zadanie

Zastosuj poznane wiadomości w swojej witrynie.

  1. Atrybut style umieszczamy w istniejącym elemencie lub dodajemy grupujący elemenet span w którym umieszczamy formatowanie.
  2. Do zgrupowania elementów blokowych stosujemy znacznik div w którym umieszczamy formatowanie.