1 Tworzenie stron internetowychPodstawy HTML „Ucz się, jak gdybyś miał żyć wiecznie, żyj – jak gdybyś miał umrzeć jutro” Św. Izydor z Sewilli Tomasz Piłka

2 HTML – historycznie HTML (Hypertext Markup Language) to język znacznikowy służący do pisania stron WWW. Przyjmuje się, że został opracowany przez Tima Bernersa-Lee w roku 1990, Prawdopodobnie najstarszy dokument HTML dostępny w Internecie został utworzony 13 listopada 1990 roku. Tim Berners-Lee twórca koncepcji  WWW (WorldWideWeb) Komputer NeXT, na którym pracował pierwszy serwer WWW (dziś znajduje się on w muzeum CERN w Meyrin).

3 HTML HTML umożliwia zapis treści dokumentu i równocześnie opis jego układu graficznego. Dokument HTML to plik tekstowy, z ewentualnymi załącznikami, w którym znajduje się tekstowa treść przeplatana z rozkazami formatującymi, zapisanymi w formie tzw. znaczników (tags). Każdy znacznik HTML przyjmuje postać słowa kluczowego otoczonego ostrymi nawiasami (znakami "<" i ">").

4 HTML Większość znaczników HTML występuje w parach, na które składają się znacznik otwierający i znacznik zamykający. Znacznik zamykający różni się od otwierającego wyłącznie znakiem ukośnika poprzedzającym słowo kluczowe. Znaczniki HTML mogą posiadać atrybuty sterujące, które wpływają na ich funkcjonowanie. Atrybuty te są umieszczane wewnątrz znacznika, za słowem kluczowym. Język HTML dopuszcza też możliwość stosowania komentarzy, będących blokami tekstu ignorowanymi przez programy klientów HTTP (przeglądarki). Komentarze otacza się znakami "".

5 Struktura dokumentu HTMLTyp dokumentu Niewidoczna Zawartość pliku Widoczna Zawartość pliku

6 Elementy nagłówka

7 Elementy - tło dokumentuObraz jako tło Kolor tła "kolor" może być podany „imiennie” (np. red, green, black, white) lub za pomocą wartości heksadecymalnych (szesnastkowych) w systemie RGB

8 Kolory w HTML-u Każda przeglądarka stron WWW pozwala uzyskać na ekranie jednocześnie 256 różnych kolorów, jednak tylko 216 z nich poprawnie wyświetlają wszystkie przeglądarki internetowe. Dowolny kolor składa się z trzech barw podstawowych: czerwonej, zielonej i niebieskiej (red, green, blue - czyli RGB). Do dyspozycji mamy 256 odcieni każdego z tych kolorów i poprzez ich mieszanie otrzymujemy dowolny inny kolor. Kolor RGB zapisywany jest w postaci #RRGGBB gdzie RR to zapisany szesnastkowo (heksadecymalnie) kolor czerwony (red), GG to kolor zielony (green), a BB to kolor niebieski (blue). Oznacza to, że każdy kolor może przyjmować wartości od 00 do FF.

9 Kolory w HTML-u Można też używać nazw kolorów.Podstawowe 16 określeń pochodzi od nazw kolorów, które można było uzyskać na komputerach z kartą graficzną VGA (komputery pokazywały kiedyś tylko 16 kolorów): white (kolor biały - #FFFFFF), black (kolor czarny - #000000), green, blue, fuchsia, yellow, lime, olive, purple, teal, silver, red, navy, maroon, gray, aqua. Ostatecznie zwiększono jednak liczbę dostępnych nazw kolorów do 140.

10 Elementy - pozioma liniaLinię poziomą wstawiamy za pomocą polecenia

11 Formatowanie tekstu - wierszPolecenie
przenosi tekst o jeden wiersz w dół (w ramach akapitu): To jest pierwszy wiersz
To jest drugi wiersz
To jest trzeci wiersz
To jest czwarty wiersz
Napisanie kilku kolejnych
pozwala poszerzyć pionowy odstęp między elementami (przez wstawianie pustych wierszy):

12 Formatowanie tekstu - akapityAby rozdzielić akapity, należy się posłużyć poleceniem

:

To jest treść pierwszego akapitu

13 Formatowanie tekstu - nagłówki cyfra n oznacza stopień nagłówka (mamy ich 6). Polecenie wprowadzające nagłówek stopnia pierwszego może wyglądać następująco:

nagłówek pierwszego poziomu

14 Formatowanie tekstu - czcionka tekst pogrubiony   tekst pochylony   tekst podkreślony   tekst przekreślony   tekst maszynowy ^{indeks górny} _{indeks dolny} tekst migający

15 Formatowanie tekstu - czcionkaKrój czcioki: tekst Na przykład: Time Arial Courier Kolor czcionki: tekst

16 Formatowanie tekstu - czcionkaWielkość czcionki. wartość absolutna: Tekst Możemy stosować czcionkę o wielkości od 1 do (x = 1...7). Im większa wartość, tym większa czcionka w przeglądarce. wartość relatywna (względna)- wielkość zmiany. Czcionka standardowa ma wielkość 3, możemy dodać do niej co najwyżej 4 jednostki lub odjąć co najwyżej 2. Tekst Tekst

17 Listy (wykazy) wypunktowanekod efekt wykonania

• Pierwszy punkt
• Drugi punkt
• Trzeci punkt