馃寪

Wprowadzenie do j臋zyka HTML

May 8, 2025

J臋zyk HTML: Co to jest, do czego s艂u偶y, i jak wygl膮da?

Wprowadzenie

  • HTML to standardowy j臋zyk znacznik贸w u偶ywany do tworzenia stron internetowych.
  • Jest podstaw膮 Internetu, umo偶liwia komunikacj臋 z przegl膮darkami i organizacj臋 tre艣ci na stronach.
  • 94,3% stron internetowych na 艣wiecie u偶ywa HTML.

Czym jest HTML?

  • HTML (HyperText Markup Language) oznacza hipertekstowy j臋zyk znacznik贸w.
  • HyperText: Tekst zawieraj膮cy odniesienia do innych tekst贸w lub stron.
  • Markup: U偶ywane do sterowania wygl膮dem i funkcjonalno艣ci膮 strony.
  • Language: J臋zyk z unikaln膮 sk艂adni膮 i alfabetem.
  • HTML nie jest j臋zykiem programowania - brak logiki programowania, instrukcji warunkowych czy manipulacji danymi.

Historia j臋zyka HTML

  • Stworzony przez Tima Bernersa-Lee w CERN w latach 80.
  • Pierwsza wersja HTML powsta艂a w 1991, a HTML 1.0 w 1993.
  • Obecnie najnowsza wersja to HTML 5.

Do czego s艂u偶y HTML?

  • Tworzenie struktury i uk艂adu stron internetowych.
  • Formatowanie dokument贸w, osadzanie multimedi贸w.
  • Tworzenie nawigacji internetowej i formularzy.
  • Wsp贸艂pracuje z CSS i JavaScript w tworzeniu stron interaktywnych i atrakcyjnych wizualnie.

HTML a CSS i JavaScript

  • HTML dostarcza struktur臋, CSS odpowiada za styl, a JavaScript za interaktywno艣膰.

Struktura HTML

  • HTML sk艂ada si臋 z blok贸w element贸w i tag贸w, kt贸re strukturyzuj膮 tre艣膰.
  • Znaczniki (tagi) definiuj膮, jak przegl膮darka ma wy艣wietli膰 elementy.
  • Podstawowe znaczniki:
    • <body>: Zawiera tre艣膰 widoczn膮 dla u偶ytkownika.
    • <p>: Akapit.
    • <img>: Obraz z atrybutem src.
    • <h1> to <h6>: Nag艂贸wki.
    • <div>: Kontener dla element贸w HTML.
    • <a>: Kotwica lub hiper艂膮cze z href.

Atrybuty HTML

  • Atrybuty dodaj膮 dodatkowe informacje:
    • alt: Tekst alternatywny dla obraz贸w.
    • src: 殴r贸d艂o obrazu.
    • href: Adres URL dla link贸w.
    • class: Klasa elementu w CSS.
    • style: Styl CSS przypisany do elementu.

HTML jest fundamentalnym narz臋dziem w tworzeniu stron internetowych, a jego znajomo艣膰 jest przydatna nie tylko dla programist贸w, ale r贸wnie偶 w marketingu, UX/UI czy SEO.