Table of contents

    HTML (ang. HyperText Markup Language) to hipertekstowy język znaczników służący do tworzenia stron internetowych. Aktualnie używaną wersją języka HTML jest W3C HTML5. Używa się do do tworzenia dokumentów hipertekstowych i struktury informacji na stronie.

    W skrócie, HTML jest podstawowym narzędziem do tworzenia struktury, prezentacji i interaktywności stron internetowych, umożliwiając twórcom dostarczenie treści i informacji w przystępny sposób dla użytkowników wyszukiwarek internetowych. HTML jest standardowym językiem znaczników, który obsługiwany jest przez większość współczesnych przeglądarek internetowych, takich jak Google Chrome.

    Co to jest HTML? HTML co to? | Up&More

    Jak wygląda język HTML?

    Podstawowy komponent języka HTML posiada znaczniki otwierające np. <h1> i zamykające </h1>. Niektóre znaczniki mogą posiadać atrybuty, które lepiej opisują typ elementu. Do tworzenia stron internetowych w tym języku należy nadać deklaracje typu dokumentu. Musi być on określony przed rozpoczęciem budowy strony internetowej.

    Co wchodzi w skład HTML?

    Język znaczników HTML składa się z:

    • skrypty (np. JavaScript),
    • dane arkuszy stylów (np. CSS),
    • jednostki miary długości – do określania szerokości, długości np. px czy %,
    • adresy URI – do odwoływania się do innych zasobów z przeglądarki,
    • identyfikatory – to nazwy własne, jakie otrzymują znaczniki HTML do identyfikacji.

    Przykład kodu HTML

    Przykładowy kod HTML tworzący podstawową stronę z nagłówkiem, paragrafem i obrazkiem.

    <!DOCTYPE html>

 <html>

  <head>

   <title>Przykładowa strona</title>

  </head>

 <body>

  <h1>Witaj na mojej stronie - nagłówek</h1>

  <p>To jest przykładowy paragraf testu</p>

  <img src="obrazek.jpg" alt="Przykładowa grafika">

 </body>

 </html>

    CSS, JavaScript i HTML

    HTML służy do tworzenia stron internetowych, jednak z samym kodem HTML nie stworzymy dobrej strony. HTML pozwala nam nadać pewną strukturę informacji zawartych na stronie, a CSS pozwala nam formatować elementy HTML, aby ujednolicić treść strony. CSS (Cascading Style Sheets) to kaskadowe arkusze stylów, które możemy wykorzystać do zmiany kolorów, czcionek, marginesów, tła i innych właściwości wizualnych elementów HTML.

    JavaScript to język skryptowy, który dodaje interaktywność i dynamiczne funkcje do kodu HTML. Działa bezpośrednio w przeglądarce internetowej i pozwala na manipulację elementami HTML, obsługę zdarzeń, interakcję z użytkownikiem, wysyłanie żądań do serwera i wiele więcej. JavaScript można wykorzystać do dodawania efektów, walidacji formularzy, animacji, zmiany treści na stronie i tworzenia zaawansowanych funkcji interaktywnych.

    Co można zrobić w HTML?

    Przy użyciu HTML można stworzyć całą strukturę stron internetowych. tworzyć różne elementy, takie jak:

    • nagłówki,
    • akapity,
    • listy,
    • tabele,
    • formularze,
    • obrazy,
    • pogrubienie tekstu,
    • hiperłącza,
    • definiować inny kolor tekstu, itd.

    Dlaczego HTML jest ważny w SEO?

    Prawidłowe użycie i optymalizacja kodu HTML w kontekście SEO może przyczynić się do lepszej widoczności strony w wynikach wyszukiwania, co z kolei może zwiększyć ruch organiczny i osiągnięcie celów biznesowych.

    Jakie elementy HTML wpływają na SEO?

    • Szkielet HTML strony internetowej – struktura HTML strony pozwala ułożyć hierarchię, według której zarządzanie treściami na stronie jest bardziej zrozumiałe dla robotów wyszukiwarek. Prawidłowa struktura kodu przyczynia się do lepszego indeksowania i wyświetlania strony w wynikach wyszukiwania.
    • Meta tagi – kod HTML pozwala na dodanie dodanie do strony internetowej tagów takich jak tytuł domeny (meta title), którego poprawna optymalizacja może przekierować użytkownika z wyszukiwarki na naszą stronę.
    • Znaczniki i ich atrybuty – do ważnych elementów języka HTML dla pozycjonowania możemy wyróżnić atrybut ALT. Jego obecność w kodzie obrazka pozwala zaindeksować grafiki znajdujące się na stronie.
    • Struktura URL – HTML pozwala na tworzenie przyjaznych dla SEO adresów URL, które są zrozumiałe dla zarówno użytkowników, jak i wyszukiwarek.
    • Treść strony (content) – w tworzeniu stron internetowych i SEO ogromną wagę odgrywają treści. Dzięki HTML wysokiej jakości tekst może pojawić się na stronie, a w nim słowa kluczowe, po których znajdą nas klienci w internecie.

    Let's talk!

    Kamila Dębska
    Kamila Dębska

    She has been in marketing for 3 years. She feels most confident in the area of SEO and UX. At Up&More, as an SEO Specialist, she is in charge of increasing the visibility of our clients.