4. Poprawienie kodu HTML wizytówki dyrektora
Te zagadnienia dotyczą efektów kształcenia E. 14.1.1, E. 14.1.2, E. 14.1.9. Materiał niezbędny do wykonania tego zadania znajduje się w rozdziałach 1.-7. podręcznika Witryny internetowe Wydawnictw Szkolnych i Pedagogicznych (Warszawa 2013).
Informacje o sposobie formatowania dokumentu w języku HTML są zapisywane za pomocą znaczników. Znacznik jest to specjalny tekst umieszczony w nawiasach ostrych (< >). Znaczników nie widać na ekranie, widoczne są tylko efekty ich działania. Istnieją znaczniki otwierające (np.: <b>) oraz zamykające (np.: </b>). Znacznik zamykający rozpoczyna się ukośnikiem i ma taką samą nazwę jak otwierający. Między znacznikami otwierającym i zamykającym może znajdować się tekst, który ma być poddany formatowaniu. Znacznik otwierający musi znajdować się zawsze przed znacznikiem zamykającym. Prawie każdy znacznik otwierający (poza nielicznymi wyjątkami) należy zamknąć za pomocą odpowiedniego znacznika zamykającego. W przypadku błędów w składni strona nie zostanie wyświetlona lub będzie wyświetlona w sposób niewłaściwy.
Kod źródłowy wizytówki dyrektora edytowany w programie Notepad++ został pokazany na rys. 1.29.
Kod źródłowy wizytówki dyrektora edytowany w programie Notepad++
W kodzie źródłowym dokonano następujących poprawek:
w linii 1 zmieniono język z EN na PL - pozwoli to na poprawne wyświetlanie polskich znaków;
w linii 4 poprawiono literówkę <heed> zastąpiono <head>; w linii 6 usunięto zbędny średnik oraz dopisano sposób kodowania „utf-8”; w linii 9 poprawiono znacznik zamykający </tytuł>; w linii 15 dodano brakujący znacznik zamykający pierwszą komórkę tabeli; w linii 17 dodano brakujący znacznik zamykający tabelę;
Kod źródłowy wizytówki dyrektora po dokonaniu poprawek w' programie Notepad++ jest pokazany na rys. 1.29.
: