Wypełnianie treścią
W otrzymanej paczce masz materiał potrzebny do zamieszczenia na stronie. Pozostało Ci wstawić odpowiednie znaczniki, na ogół znaczniki akapitów, bo nagłówki już są pozmieniane. W paczce jest plik mstrona.txt. Edytuj ten plik w Notepadzie++. Każdy fragment ma tytuł pisany wielkimi literami. Twoim zadaniem jest skopiować odpowiedni fragment, wkleić do odpowiedniego pliku w wierszu 28 w miejsce Tu jest tekst akapitu.. Ponieważ tekst składa się z kilku akapitów, pozostałe znaczniki musisz wpisać samodzielnie.
26. <div id="tresc">
27. <h1><span class="ha1">Tradycje okresu Bożego Narodzenia</span</h1>
28. <p>Tu jest tekst akapitu.</p>
29. <p class="blk"><img src="graf/belka.gif"></p>
30. </div>
Przykładowo w pliku index.html po wklejeniu treści i uzupełnieniu znaczników będzie to wyglądało tak (W tym opracowaniu jest pierwsze i ostatnie zdanie z każdego akapitu, a zdania środkowe wykropkowane):
26. <div id="tresc">
27. <h1><span class="ha1">Tradycje okresu Bożego Narodzenia</span</h1>
28. <p>Święta Bożego Narodzenia obchodzone są w Polsce od X wieku wraz
z przyjęciem chrześcijaństwa, dawniej określano je jako Gody. Okres ten
obejmuje czas od Wigilii do Trzech Króli, czyli od 24 grudnia
do 6 stycznia.</p>
29.
30. <p>Boże Narodzenie to najważniejsze, zaraz po Wielkanocy, święto w roku. [...]
Z czasem powstał zwyczaj budowania stajenki, by upamiętnić fakt, że Jezus
narodził się w stajni, powstała msza zwana pasterką by upamiętnić nocną wizytę
pasterzy w noc Bożego Narodzenia i wiele innych świątecznych zwyczajów.</p>
31.
32. <p>Także nasze domy są pełne świątecznego klimatu. Zmieniają one swój wygląd,
pojawia się choinka, ozdoby, świąteczne wypieki i prezenty – wszystko po to,
aby podkreślić świąteczny charakter tego bożonarodzeniowego czasu.</p>
33.
34. <p>Czas Bożego Narodzenia, to dni pełne pięknych, starych zwyczajów. [...]
Zapraszam więc do przypomnienia sobie sensu gestów, wykonywanych podczas
świąt.</p>
35.
36. <p>Na naszej stronie zawarliśmy informacje na temat:</p>
37. <p class="blk"><img src="graf/belka.gif"></p>
38. </div>
Dla przejrzystości zostawiałem pusty jeden wiersz, ale dla przeglądarki nie ma to żadnego znaczenia.
W ostatnim zdaniu zrobiliśmy wstęp do wyliczanki, czyli do tzw. listy. My zastosujemy tutaj listę nieuporządkowaną – znacznik <ul>. Wygląd tej listy już wcześniej określiliśmy tworząc klasę .mojalista. Końcowy fragment będzie wyglądał więc tak:
36. <p>Na naszej stronie zawarliśmy informacje na temat:</p>
37. <ul class="mojalista">
38. <li>choinki</li>
39. <li>jasełek</li>
40. <li>kolęd</li>
41. <li>opłatka</li>
42. <li>pasterki</li>
43. <li>wieczerzy wigilijnej</li>
44. <li>wróżb i przesądów</li>
45. <li>tradycji w wybranych krajach Unii</li>
46. </ul>
47. <p class="blk"><img src="graf/belka.gif"></p>
48. </div>
W pliku pasterka.html w ostatnim akapicie jest fragment wiersza Cypriana Kamila Norwida. Nie tworzymy odrębnych akapitów z poszczególnych linijek wiersza. W takim przypadku stosujemy znacznik przejścia do nowej linii <br>. Znacznika tego nie zamykamy. Stosujemy go tam, gdzie zamieszczamy teksty piosenek, wierszy, lub gdy chcemy wstawić tylko pustą linijką bądź chcemy zwiększyć odstęp.
Fragment strony bez oznaczania numerów linijek będzie wyglądał tak:
<p>[...] Dzisiaj jest to już wyłącznie polski zwyczaj, jak przypomina
nam Cyprian Kamil Norwid:<br>
"Jest w moim Kraju zwyczaj, że w dzień wigilijny,<br>
Przy wejściu pierwszej gwiazdy wieczornej na niebie,<br>
Ludzie gniazda wspólnego łamią chleb biblijny,<br>
Najtkliwsze przekazując uczucia w tym chlebie".</p>