Czym jest HTML?
HTML, czyli HyperText Markup Language, stanowi fundament większości stron internetowych. Jest to język znaczników, który definiuje strukturę i organizację treści na stronie. W tym artykule przyjrzymy się podstawowym strukturom HTML, takim jak znaczniki, atrybuty, oraz elementy blokowe i liniowe, a także przedstawimy kilka przykładów użycia w prostych stronach internetowych.
1. Znaczniki HTML
Znaczniki HTML są fundamentalnymi elementami tego języka. Każdy znacznik otwierający ma swoją wersję zamykającą. Na przykład, <p> oznacza rozpoczęcie paragrafu, a </p> oznacza jego zakończenie. Poniżej znajduje się prosty przykład struktury HTML:
<!DOCTYPE html> <html> <head> <title>Moja Pierwsza Strona</title> </head> <body> <h1>Witaj na mojej stronie!</h1> <p>To jest pierwszy paragraf mojej strony.</p> <p>To jest drugi paragraf mojej strony.</p> </body> </html>
W powyższym przykładzie:
<!DOCTYPE html>definiuje, że korzystamy z HTML5.<html>otwiera główny kontener strony.<head>zawiera metadane i informacje o stronie.<title>ustawia tytuł strony wyświetlany w pasku przeglądarki.<body>zawiera główną treść strony.<h1>to nagłówek pierwszego poziomu.<p>to paragraf.
2. Atrybuty HTML
Atrybuty dostarczają dodatkowych informacji o znacznikach. Przykładowo, <a> to znacznik hiperłącza, a href to atrybut określający docelowy adres URL. Przykład:
<a href="https://www.przykladowastrona.com">Odwiedź Przykładową Stronę</a>
3. Elementy Blokowe i Liniowe
Elementy blokowe definiują większe obszary treści i zazwyczaj powodują nowy wiersz. Elementy liniowe zaś mieszczą się w bieżącej linii tekstu. Przykłady elementów blokowych to <div>, <p>, czy <h1>. Elementy liniowe to np. <span> czy <a>.
Przykłady Użycia w Prostych Stronach Internetowych
Przykład 1: Prosta Strona Tekstowa
<!DOCTYPE html> <html> <head> <title>Strona Tekstowa</title> </head> <body> <h1>Witaj na Stronie Tekstowej</h1> <p>To jest przykładowy tekst na mojej stronie.</p> </body> </html>
Przykład 2: Strona z Hiperłączem
<!DOCTYPE html> <html> <head> <title>Strona z Hiperłączem</title> </head> <body> <h1>Witaj na Stronie z Hiperłączem</h1> <p>Odwiedź <a href="https://www.przykladowastrona.com">Przykładową Stronę</a>.</p> </body> </html>
W powyższych przykładach zastosowano podstawowe struktury HTML, obejmujące nagłówki, paragrafy i hiperłącza. Pamiętaj, że HTML to język rozwijający się, więc zawsze warto pozostać na bieżąco z jego najnowszymi standardami i praktykami. Czytaj więcej, eksperymentuj i twórz, aby lepiej zrozumieć, jak korzystać z HTML w tworzeniu stron internetowych.
