, która informuje przeglądarkę, że ma do czynienia z dokumentem HTML5.
Następnie mamy tag , który obejmuje cały dokument. Wewnątrz niego znajdują się dwie główne sekcje:
i . Sekcja zawiera metadane strony, takie jak tytuł (Sekcja
Dodawanie treści do strony: Tekst, obrazy i linki
Teraz, gdy mamy już podstawową strukturę naszej strony HTML, czas na dodanie treści. Zacznijmy od tekstu. W HTML tekst możemy formatować na wiele sposobów. Najprostszym sposobem jest użycie tagu
dla akapitów. Jeśli chcemy wyróżnić tekst, możemy użyć tagów dla pogrubienia lub dla kursywy.
Dodawanie obrazów to kolejny krok w tworzeniu strony html. Używamy do tego tagu , który jest tagiem samozamykającym się. Ważne jest, aby zawsze dodawać atrybut "alt" z opisem obrazu, co jest istotne dla dostępności i SEO. Oto przykład:
.
Linki są nieodłącznym elementem każdej strony internetowej. Do ich tworzenia używamy tagu . Atrybut "href" określa adres URL, do którego link ma prowadzić. Na przykład: Kliknij tutaj. Pamiętaj, że linki mogą prowadzić zarówno do zewnętrznych stron, jak i do innych sekcji w obrębie twojej strony.
Warto również wspomnieć o listach, które są świetnym sposobem na organizację treści. HTML oferuje dwa główne typy list: nieuporządkowane (
- ) i uporządkowane (
- ). Elementy listy definiujemy za pomocą tagu
- . Listy są niezwykle przydatne w tworzeniu strony html, szczególnie gdy chcemy przedstawić informacje w przejrzysty i uporządkowany sposób.
Stylizacja strony: Wprowadzenie do CSS w HTML
CSS (Cascading Style Sheets) to język, który pozwala na stylizację naszej strony HTML. Dzięki CSS możemy kontrolować kolory, czcionki, układ i wiele innych aspektów wyglądu naszej strony. To kluczowy element w tworzeniu strony html, który pozwala przekształcić surowy dokument HTML w atrakcyjną wizualnie stronę internetową.
Istnieją trzy główne sposoby dodawania CSS do naszej strony HTML. Pierwszy to style inline, gdzie style dodajemy bezpośrednio do tagów HTML za pomocą atrybutu "style". Drugi sposób to umieszczenie CSS w sekcji
dokumentu HTML, wewnątrz tagu