🌐

Podstawy Programowania Stron Internetowych

Kompendium wiedzy: HTML, CSS, JavaScript i nowoczesne technologie webowe

HTML5 CSS3 JavaScript WordPress

🖼️ Wizualne elementy stron internetowych

💻 Praca z kodem HTML/CSS/JS

🎨 Projektowanie interfejsów użytkownika

Animowany GIF — przykład

↑ Animowany GIF — podstawowy element multimedialny strony

▶️ Wideo — HTML w praktyce

Wideo jest kluczowym elementem nowoczesnych stron internetowych. Poniżej fragment kursu HTML5 z platformy YouTube.

Źródło: YouTube — kurs HTML dla początkujących

Aa Typografia i style — HTML/CSS

H1 — Nagłówek pierwszego poziomu

H2 — Nagłówek drugiego poziomu

H3 — Nagłówek trzeciego poziomu

H4 — Nagłówek czwartego poziomu

Lead paragraph — wstępny akapit wyróżniony większą czcionką, przyciągający uwagę czytelnika.

Zwykły akapit z pogrubionym tekstem, pochylonym tekstem, zaznaczonym fragmentem, przekreślonym tekstem oraz podkreślonym tekstem.

„Każda strona internetowa składa się z trzech warstw: treści (HTML), wyglądu (CSS) i interakcji (JavaScript). Opanowanie tych trzech technologii to fundament web developmentu.”

HTML

<!-- Przykład struktury strony HTML5 -->
<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <title>Moja strona</title>
</head>
<body>
  <h1>Witaj na mojej stronie!</h1>
  <p>Tu jest treść...</p>
</body>
</html>

📊 Tabela sortowalna — technologie webowe

Kliknij nagłówek kolumny, aby posortować. Użyj wyszukiwarki, aby filtrować.

Technologia ⇅	Typ ⇅	Rok ⇅	Popularność % ⇅	Trudność ⇅
HTML5	Markup	2014	98	Łatwy
CSS3	Styling	2011	97	Łatwy
JavaScript	Scripting	1995	98	Średni
React	Framework	2013	82	Średni
Bootstrap	CSS Framework	2011	76	Łatwy
WordPress	CMS	2003	64	Łatwy
PHP	Backend	1994	77	Średni
Node.js	Runtime	2009	66	Średni

Wyświetlono 8 wierszy