Termin wykonania: 24.04.2020 r.
Dzień dobry :-)
Kolejnym zadaniem do wykonania rozpoczynamy podstawowy kurs HTML - hipertekstowego języka znaczników, wykorzystywanego do tworzenia dokumentów hipertekstowych.
HTML umożliwia określenie wyglądu dokumentu w przeglądarce internetowej. Używamy go do tworzenia stron internetowych.
Zadanie 7.
Na początek informacje wprowadzające do pracy z HTML:
HTML nie jest językiem programowania; jest językiem znaczników (ang. markup language). HTML składa się z serii znaczników (tagów), których używa się do zamknięcia, opakowania różnych części treści, tak aby wyglądały i/lub działały w określony sposób. Z pomocą tagów możesz ze słów czy obrazów zrobić linki do innych stron, sprawić by były napisane kursywą, większą czcionką, wytłuścić je itd.
np. <title>Tytuł strony</title>
- Tag otwierający: Znacznik ten zawiera nazwę elementu (w tym wypadku "title") otoczony parą ostrych nawiasów (znak mniejszości i większości na klawiaturze)
- Tag zamykający: Jest w zasadzie taki sam jak tag otwierajacy z wyjątkiem tego, że obowiązkowo musi zawierać znak slash przed nazwą tagu. Oznacza to, że w tym miejscu kończy się dany element. Jeśli w kodzie nie umieścisz znaku końca elementu, co jest częstym błędem poczatkujących twórców stron, może to spowodować nieoczekiwane błędy podczas wyświetlania i działania strony.
- Zawartość: Po prostu treść elementu, w tym wypadku jest to tekst "Tytuł strony"
- Element: Element to całość tej konstrukcji: tag otwierający plus zawartość plus tag zamykajacy.
Poprzez to ćwiczenie poznamy podstawową strukturę dokumentu HTML.
Pracujemy w notatniku, który znajdziemy w akcesoriach systemu.
Cały dokument powinien być objęty parą znaczników <html> </html>. Między nimi powinna się znaleźć para znaczników <head> </head>, która stanowi ramy dla informacji nagłówkowych. Pozostałe informacje powinny być objęte z kolei znacznikami <body> </body>. Wygląda to następująco:
<html>
<head>
informacje nagłówkowe
</head>
<body>
właściwa treść (ciało) dokumentu
</body>
</html>
Czyli struktura naszego dokumentu wygląda następująco:
Pomiędzy <html> </html> zawiera się cały nasz dokument i jest to informacja dla "komputera" o tym jak będziemy się z nim porozumiewać.
Pomiędzy <head> </head> znajduje się nagłówek (głowa), "nazwa" naszej strony, która wyświetli się w pasku tytułowym przeglądarki internetowej.
Pomiędzy <body> </body> umieścimy treść (ciało), która wyświetli się w przeglądarce internetowej jako wszelkie informacje zamieszczone na stronie - jej podstawowa zawartość.
Tak spreparowany szkielet jest już "bezpieczny" i nie niesie ze sobą ryzyka jakichś niespodzianek.
Między znacznikami <head> i </head> powinno się znaleźć polecenie <title> </title>.
<head>
<title>Tytuł strony</title>
</head>
Title nie oznacza wcale śródtytułu (nagłówka) na stronie. Zawarta między tymi znacznikami treść ukaże się w pasku tytułowym przeglądarki, a nie w dokumencie. Na przykład:
<head>
<title>Moja pierwsza strona</title>
</head>
Używamy znaczników występujących w parach, np: <body> </body>, <title> </title>.
Po otwarciu notatnika należy wpisywać znaczniki małymi literami. dokładnie, bez błędów np. "zjadania liter" i w widocznym we wzorze układzie i kolejności.
Ćwiczenie 1.
Wpisz samodzielnie w notatniku następujące znaczniki i treści:
<html>
<head>
<title>Tytuł strony</title>
</head>
<body>
właściwa treść (ciało) dokumentu
</body>
</html>
Utwórz folder "Moje strony". Zapisz w nim utworzony dokument jako "pierwsza 1", koniecznie z rozszerzeniem .html oraz jako typ (Zapisz jako typ:) "Wszystkie pliki".
Taki sposób zapisu pozwoli otworzyć dokument w przeglądarce internetowej (poprzez np. podwójne kliknięcie na zapisanym pliku)
Ćwiczenie 2.
Zmień treść pomiędzy tagami <title> </title> wpisując: Moja pierwsza strona
Zmień treść pomiędzy tagami <body> </body> wpisując kilka dowolnych zdań.
Zapisz w folderze "Moje strony" jako"pierwsza 2" w postaci umożliwiającej przeglądanie dokumentu w przeglądarce internetowej (z rozszerzeniem .html oraz jako typ (Zapisz jako typ:) "Wszystkie pliki").
Wyślij swoją pracę - "pierwsza 2" na moją pocztę: mdkkrzysztof@wp.pl
w terminie do 24.04.2020 r.
W razie pytań i wątpliwości proszę o kontakt na podany powyżej adres. Życzę miłej pracy.
Przypominam o terminie składania deklaracji o kontynuacji zajęć, który mija 20.04.2020 r.
Pozdrawiam, Krzysztof Duda
