Laik i tworzenie stron WWW cz. 1

Dostawałem wiele maili z prośbami o wytłumaczenie z czym się je HTML, CSS, PHP dlatego też postanowiłem zacząć pisać o tym bloga.

W dzisiejszym świecie mamy wiele framework'ów, które umożliwiają nam tworzenie "zaawansowanych" stron WWW, ale nie zawsze możemy dostosować stronę do swoich potrzeb w sposób taki jak sobie wyobrażamy, dlatego też ja osobiście preferuję ręczne pisanie / tworzenie stron internetowych.

Zacznijmy od podstaw...

Czym jest HTML?

Najprościej mówiąc jest to język wielu znaczników wykorzystywanych to tworzenia stron WWW. Język ten pozwala opisać nam strukturę informacji, które będą zawarte w wewnątrz naszej strony.

W składni HTML wykorzystuje się pary znaczników umieszczone w nawiasach ostrokątnych, np.  lub

i

HTML pozwala również na osadzanie ciągów instrukcji języków skryptowych, umieszczonych pomiędzy znacznikami

Należy pamiętać, że język HTML, będąc językiem znaczników nie jest uznawany za język programowania.

Ważną cechą HTML-a, która przyczyniła się do popularności systemu WWW oraz Internetu, jest niezależność od systemu operacyjnego i wykorzystywanego sprzętu komputerowego.

Oczywiście, żeby nie było tak pięknie HTML jak każdy z języków do tworzenia stron internetowych i nie tylko ewoluował. Obecnie używamy najczęściej HTML 5.

Komponenty języka HTML

Język HTML składa się z kilku kluczowych komponentów:

• znaczników (i ich atrybutów),
• typów danych,
• referencji znakowych,
• odwołań w postaci encji,
• [item[deklaracji typu dokumentu.

Deklaracja typu dokumentu

Aby uaktywnić definicję typu dokumentu (DTD) do celów poprawnej walidacji utworzonej strony, a także w celu uniknięcia działania przeglądarek w trybie quirks, dokument powinien rozpoczynać się deklaracją typu dokumentu (nieformalnie DOCTYPE). DTD, do którego odwołuje się sekcja DOCTYPE, zawiera gramatykę i zasady wykorzystywania znaczników w dokumencie podporządkowanemu określonemu DTD. Większość graficznych przeglądarek korzysta z sekcji DOCTYPE, a także innych dodatkowych informacji, warunkując tryb renderowania danej strony. np.:

Są to czyste podstawy, w następnym wpisie opiszę dokładniej komendy, atrybuty, znaczniki itd.