#1 Kurs HTML - Informacje wstępne
Witam w moim pierwszym poradniku dotyczącym języka HyperText Markup Language potocznie zwanym HTML, chciałbym pokrótce omówić budowę języka HTML, jakie edytory są preferowane na dane systemy operacyjne oraz jaką pełni funkcje i przede wszystkim czym on jest. Dzięki językowi HTML, możemy napisać strukturę informacji, które będą wyświetlane na Twojej stronie internetowej. W tym języku, możemy dowolnie formatować akapity, hiperłącza, nagłówki, tekst oraz wiele innych, ale mimo wszystko przyjęło się, że bardziej zaawansowanym formatowaniem tekstu, wyglądu Twojej witryny są właśnie Kaskadowe Arkusze Stylów (tzw. CSS). W składni języka HTML, używa się tzw. Nawiasów ostrokątnych, który wygląda tak (< lub >) jednak musimy pamiętać aby znaczniki otworzyć oraz zamknąć (np. <title>Mój pierwszy poradnik z serii HTML</title>) Każdy znacznik musi mieć swój początek, oraz koniec. Myślę, że ten wstęp objaśnił Ci mniej więcej co to takiego HTML i jaką pełni funkcję. Przejdźmy do właściwej części poradnika.
Podstawowa struktura każdej strony WWW, to nic innego jak znaczniki otwierające, jak i zamykające. To jest przykładowy kod:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Tu wpisz opis zawartości strony" />
<meta name="Keywords" content="Tu wpisz wyrazy kluczowe, np. Jasiek, Sklep, Warzywniak, tanio, świetnie" />
<title>Tu wpisz tytuł strony</title>
</head>
<body>
Tu wpisuje się treść strony
</body>
</html>
Objaśnienia powyższego kodu:
Jak zauważyłeś na początku każdego dokumentu HTML, znajduję się znacznik <!DOCTYPEhtml>, a cóż to takiego? To nic innego, jak deklaracja typu dokumentu i powinien być umieszczony jako pierwszy element w dokumencie HTML, w szczególności przed znacznikiem <html>. Ten znacznik informuje przeglądarkę której wersji HTML lub XHTML używa wczytywana właśnie strona.
Następnie widzimy znacznik <html></html>, to nic innego, jak poinformowania naszej przeglądarki w jakim języku jest napisana przez nas strona.
W kolejnym wierszu między znacznikami <head></head> (Tzw. Głowa dokumentu, jest to coś, czego nie widzimy gołym okiem na stronie)widzimy coś nie typowego, znacznik <meta , który może przyjmować różne wartości, takie ja kodowanie znaków jest umieszczone na naszej stronie (Standardowo używamy opcji <meta http-equiv="Content-Type" content="text/html; charset="utf-8" /> czyli nic innego jak polskie kodowanie znaków takie jak "ą", "ę", "ć"), description, w którym umieszczamy treść, jaka ma zostać wyświetlona podczas wyszukiwania naszej witryny w sieci. W kolejnym wierszu mamy do czynienia ze znacznikiem meta name, który odpowiada za słowa kluczowe, np. Jasiek, Sklep, Warzywniak, tanio, świetnie, czyli po wpisaniu w przeglądarce, np. Słowa Jasiek, wyskoczy nam masa stron, które mają właśnie takie słowa kluczowe.
W kolejnym wierszu widzimy znacznik <body><body>, który na angielski znaczy "Ciało" tak też jest właśnie w języku html, znacznik <body> to nic innego jak ciało dokumentu, w którym wyświetlana jest cała zawartość strony, możesz, np. wpisać Hello World!, to automatycznie zostanie zapisane w deklaracji i wyświetli Ci tą zawartość znacznika na stronie.
Jak wiemy (albo i nie) aby stronę w języku HTML zapisać i ją potem odtworzyć w przeglądarce, musimy stworzyć nowy projekt oraz zapisać jako index.html z kodowaniem znaków najlepiej UTF-8.
Polecane edytory tekstowe:
Windows:
Pajączek (Płatny)
WebEdit (Darmowy)
Linux:
BlueFish(Darmowy)
Mac OS X:
Smultron(Darmowy)
BlueFisch(Darmowy)
Dziękuje za obejrzenie mojego poradnika. Copright by .firewall dla CSowicze.pl, wszelkie prawa zastrzeżone. Zakazuję
kopiowania treści tego poradnika.