Informatyka

Podstawy Tworzenia Stron Internetowych

HTML

Informatyka1,312 views·Updated Jun 26, 2026·8 pages

Jak zrobić fajną stronę HTML w Notatniku: Prosty przewodnik

Michał @szyszusiowe_notatki

Add to Google sources

Język HTML jest podstawą tworzenia stron internetowych. Poznanie jego struktury...

1 / 8

of 8

# TWORZENIE STRONY
## INTERNETOWEJ

Podstawowe infromacje na temat HTML

@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?

1. Czym jest

Czego dowiesz się z tej notatki?

Ta część przedstawia główne zagadnienia, które zostaną omówione w notatce. Czytelnik dowie się:

Czym jest język HTML
Jakich programów można użyć do napisania strony internetowej
Jak wygląda podstawowa struktura strony w języku HTML
Jak wykonać własną prostą stronę internetową

Highlight: Notatka zapewnia kompleksowe wprowadzenie do tworzenia stron internetowych, od teorii po praktykę.

of 8

Czym jest język HTML?

Ta sekcja wyjaśnia istotę języka HTML:

HTML (Hypertext Markup Language) to język znaczników używany do tworzenia stron internetowych. Wbrew powszechnemu przekonaniu, HTML nie jest językiem programowania.

Definition: HTML (ang. Hypertext Markup Language) to język znaczników służący do tworzenia struktury i zawartości stron internetowych.

Highlight: Zrozumienie, że HTML jest językiem znaczników, a nie programowania, jest kluczowe dla początkujących twórców stron WWW.

of 8

Jaki program do napisania strony?

Ta część omawia narzędzia do tworzenia stron internetowych:

Prostą stronę można stworzyć nawet w podstawowym notatniku, dostępnym na każdym komputerze. Istnieją jednak bardziej zaawansowane, darmowe programy ułatwiające tworzenie stron WWW.

Najpopularniejsze programy do tworzenia stron internetowych to:

Notepad++
Brackets
Visual Studio Code

Highlight: W kolejnych notatkach będziemy korzystać z programów Notepad++ i Visual Studio Code.

Vocabulary: Program do tworzenia stron internetowych - specjalistyczne oprogramowanie ułatwiające pisanie kodu HTML i tworzenie stron WWW.

of 8

Podstawowe znaczniki języka HTML na stronie internetowej

Ta sekcja przedstawia kluczowe elementy struktury dokumentu HTML:

<!DOCTYPE HTML> lub <html> - deklaracja typu dokumentu
<head> - sekcja nagłówkowa, zawierająca metadane
<title> - tytuł strony
</head> - zamknięcie sekcji nagłówkowej
<body> - główna zawartość strony
</body> - zamknięcie głównej zawartości
</html> - zamknięcie dokumentu HTML

Definition: Struktura dokumentu HTML to podstawowy szkielet strony internetowej, składający się z określonych znaczników definiujących jej poszczególne części.

Highlight: Prawidłowa struktura dokumentu HTML jest kluczowa dla poprawnego wyświetlania strony w przeglądarkach.

of 8

Przykładowa strona internetowa

Ta część prezentuje prosty przykład kodu HTML:

<!DOCTYPE HTML>
<head>
<title> To moja strona </title>
</head>
<body>
<center>
<h1>To jest moja strona :)</h1>
</center>
</body>
</html>

Example: Powyższy kod tworzy prostą stronę z wycentrowanym nagłówkiem "To jest moja strona :)".

Highlight: Aby wyświetlić efekt naszego kodu, plik należy zapisać z rozszerzeniem .html.

of 8

I oto efekt napisanego przez nas kodu

Ta sekcja pokazuje, jak wygląda strona utworzona przy użyciu przykładowego kodu HTML:

Strona wyświetla prosty nagłówek "To jest moja strona :)" wycentrowany na środku ekranu. Tytuł strony widoczny w zakładce przeglądarki to "To moja strona".

Highlight: Nawet prosty kod HTML może stworzyć funkcjonalną stronę internetową.

of 8

Co dalej?

Ta część zapowiada kolejne kroki w nauce tworzenia stron internetowych:

W następnych notatkach zostaną omówione:

Podstawowe znaczniki służące do formatowania strony internetowej
Pogłębienie wiedzy na temat stron internetowych
Aspekty estetyczne tworzenia stron WWW

Highlight: Kontynuacja nauki pozwoli na tworzenie bardziej zaawansowanych i estetycznych stron internetowych.

of 8

Tworzenie strony internetowej - podstawy HTML

Strona HTML to podstawa każdej witryny internetowej. Ta notatka wprowadza w świat tworzenia stron WWW przy użyciu języka HTML, prezentując kluczowe informacje dla początkujących.

Główne punkty:

Definicja języka HTML
Programy do tworzenia stron internetowych
Podstawowa struktura dokumentu HTML
Praktyczny przykład prostej strony

Highlight: HTML to nie język programowania, a język znaczników służący do tworzenia stron internetowych.

We thought you’d never ask...

What is the Knowunity AI companion?

Our AI companion is specifically built for the needs of students. Based on the millions of content pieces we have on the platform we can provide truly meaningful and relevant answers to students. But its not only about answers, the companion is even more about guiding students through their daily learning challenges, with personalised study plans, quizzes or content pieces in the chat and 100% personalisation based on the students skills and developments.

Where can I download the Knowunity app?

You can download the app in the Google Play Store and in the Apple App Store.

Is Knowunity really free of charge?

That's right! Enjoy free access to study content, connect with fellow students, and get instant help – all at your fingertips.

Most popular content in Matematyka

Matematyka

Właściwości funkcji liniowej

Zrozumienie funkcji liniowej: definicja, współczynniki a i b, monotoniczność oraz sposób wyznaczania równania prostej. Dowiedz się, jak określić dziedzinę, zbiór wartości oraz punkty przecięcia z osiami. Idealne dla uczniów przygotowujących się do egzaminów z matematyki.

129,910848

Informatyka

Skróty klawiszowe

83,6425

Język angielski

Nauka i technologia

Poznaj podstawowe terminy związane z nauką i technologią, takie jak Bluetooth, przeglądarka internetowa i kamera wideo, w języku angielskim.

81,0460

Informatyka

Podstawy Pythona

Odkryj podstawowe funkcje Pythona, w tym potęgowanie, deklarowanie zmiennych, wczytywanie danych oraz konwersję typów. Idealne dla początkujących programistów. Zawiera przykłady kodu i wyjaśnienia kluczowych koncepcji.

42,65475

Informatyka

Podstawy C++: Typy i Operatory

Zrozum podstawowe typy danych i operatory w C++. Dowiedz się o zmiennych, operatorach logicznych, relacyjnych oraz instrukcjach warunkowych. Idealne dla początkujących programistów. Typ materiału: Podsumowanie.

88636

Informatyka

Podstawy Grafiki Komputerowej

Zrozumienie grafiki komputerowej: różnice między grafiką wektorową a rastrową, formaty plików (PDF, SVG, EPS, PNG, TIFF, PSD, JPG, BMP, GIF), modele kolorów (RGB, CMYK, HSV) oraz kompresja danych. Idealne dla studentów informatyki i web developmentu.

11,88588

Informatyka

Znaczniki HTML i selektory CSS

Krótki opis wybranych znaczników HTML i selektorów CSS.

11893

Informatyka

Relacyjne Bazy Danych

Zrozumienie relacyjnych baz danych: definicje, typy relacji (jeden do jednego, jeden do wielu, wiele do wielu), klucze podstawowe i obce, oraz modele baz danych. Idealne dla studentów informatyki i osób pragnących zgłębić temat baz danych.

81,05125

Informatyka

C++ Podstawy Programowania

Odkryj kluczowe elementy programowania w C++, w tym zmienne, typy danych (int, float, double), pętle (while, do-while, for), instrukcje warunkowe (if, else, switch) oraz operatory logiczne i arytmetyczne. Idealne dla początkujących programistów, którzy chcą zrozumieć podstawy języka C++ i jego zastosowania.

12,958146

Most popular content

Język polski

Przedwiośnie: Analiza Tematów

Zanurz się w analizę powieści 'Przedwiośnie' Stefana Żeromskiego. Odkryj kluczowe motywy, takie jak dojrzewanie, rewolucja i podróż, oraz ich znaczenie w kontekście niepodległej Polski. Notatka zawiera szczegółowe omówienie bohaterów, narracji oraz symboliki, co czyni ją idealnym materiałem do nauki i przygotowania do egzaminów.

1181,2427,271

Język polski

Analiza Lalki Prusa

Szczegółowa analiza powieści 'Lalka' Bolesława Prusa, obejmująca kompozycję, problematykę, głównych bohaterów oraz kontekst społeczny Warszawy lat 70. i 80. XIX wieku. Zawiera omówienie miłości Wokulskiego do Izabeli Łęckiej, różnorodności narracji oraz otwartości zakończenia. Idealna dla studentów literatury i miłośników polskiej prozy.

4133,9114,302

Język polski

Analiza 'Lalki' Prusa

Szczegółowa analiza powieści 'Lalka' Bolesława Prusa, obejmująca gatunek, czas i miejsce akcji, kluczowych bohaterów, oraz motywy literackie. Zawiera omówienie postaci Stanisława Wokulskiego jako romantyka i pozytywisty oraz realistyczny obraz Warszawy i Paryża. Idealne dla studentów literatury polskiej.

4130,4526,097

Język polski

Wprowadzenie do lektury Zemsta

Sprawdź znajomość czasu i miejsca akcji oraz głównych wątków komedii Aleksandra Fredry.

85,9710

Język polski

Makbet: Analiza Tragedii Szekspira

Odkryj kluczowe cechy dramatu 'Makbet' Williama Szekspira, w tym złamanie zasady decorum, psychologię postaci oraz tematykę zbrodni i ambicji. Zrozum, jak Szekspir przekształca klasyczną tragedię, wprowadzając elementy fantastyki i psychologii. Idealne dla uczniów i studentów literatury. Typ: analiza literacka.

4104,1894,738

Biologia

biologia- ryby klasa 6

Przed odpowiedzią ustnią idealny do powtórki ❤️

64,8014

Język polski

Wesele: Analiza Symboli

Zanurz się w głęboką analizę dramatu 'Wesele' Stanisława Wyspiańskiego. Odkryj kluczowe symbole, takie jak chochoł i złoty róg, oraz ich znaczenie w kontekście polskiego społeczeństwa przełomu XIX i XX wieku. Notatka zawiera omówienie genezy, kompozycji, tematów oraz portretu społecznego, co czyni ją idealnym materiałem do nauki i przygotowań do egzaminów.

1183,6957,869

Biologia

Korzeń- organ podziemny rośliny

prawie wszystko w temacie "korzeń- organ podziemny rośliny "

54,3982

Technika

Karta rowerowa

UwU

45,4003

Can't find what you're looking for? Explore other subjects.

Students love us — and so will you.

4.6/5App Store

4.7/5Google Play

The app is very easy to use and well designed. I have found everything I was looking for so far and have been able to learn a lot from the presentations! I will definitely use the app for a class assignment! And of course it also helps a lot as an inspiration.

Stefan SiOS user

This app is really great. There are so many study notes and help [...]. My problem subject is French, for example, and the app has so many options for help. Thanks to this app, I have improved my French. I would recommend it to anyone.

Samantha KlichAndroid user

Wow, I am really amazed. I just tried the app because I've seen it advertised many times and was absolutely stunned. This app is THE HELP you want for school and above all, it offers so many things, such as workouts and fact sheets, which have been VERY helpful to me personally.

AnnaiOS user

Informatyka

Podstawy Tworzenia Stron Internetowych

HTML

Informatyka1,312 views·Updated Jun 26, 2026·8 pages

Jak zrobić fajną stronę HTML w Notatniku: Prosty przewodnik

Michał @szyszusiowe_notatki

Add to Google sources

Język HTML jest podstawą tworzenia stron internetowych. Poznanie jego struktury i podstawowych znaczników pozwala na stworzenie prostej strony WWW. Do pisania kodu HTML można użyć prostego notatnika lub bardziej zaawansowanych edytorów. Prawidłowa struktura dokumentu HTML zawiera niezbędne elementy takie jak...

of 8

Czego dowiesz się z tej notatki?

Ta część przedstawia główne zagadnienia, które zostaną omówione w notatce. Czytelnik dowie się:

Czym jest język HTML
Jakich programów można użyć do napisania strony internetowej
Jak wygląda podstawowa struktura strony w języku HTML
Jak wykonać własną prostą stronę internetową

Highlight: Notatka zapewnia kompleksowe wprowadzenie do tworzenia stron internetowych, od teorii po praktykę.

of 8

Czym jest język HTML?

Ta sekcja wyjaśnia istotę języka HTML:

HTML (Hypertext Markup Language) to język znaczników używany do tworzenia stron internetowych. Wbrew powszechnemu przekonaniu, HTML nie jest językiem programowania.

Definition: HTML (ang. Hypertext Markup Language) to język znaczników służący do tworzenia struktury i zawartości stron internetowych.

Highlight: Zrozumienie, że HTML jest językiem znaczników, a nie programowania, jest kluczowe dla początkujących twórców stron WWW.

of 8

Jaki program do napisania strony?

Ta część omawia narzędzia do tworzenia stron internetowych:

Prostą stronę można stworzyć nawet w podstawowym notatniku, dostępnym na każdym komputerze. Istnieją jednak bardziej zaawansowane, darmowe programy ułatwiające tworzenie stron WWW.

Najpopularniejsze programy do tworzenia stron internetowych to:

Notepad++
Brackets
Visual Studio Code

Highlight: W kolejnych notatkach będziemy korzystać z programów Notepad++ i Visual Studio Code.

Vocabulary: Program do tworzenia stron internetowych - specjalistyczne oprogramowanie ułatwiające pisanie kodu HTML i tworzenie stron WWW.

of 8

Podstawowe znaczniki języka HTML na stronie internetowej

Ta sekcja przedstawia kluczowe elementy struktury dokumentu HTML:

<!DOCTYPE HTML> lub <html> - deklaracja typu dokumentu
<head> - sekcja nagłówkowa, zawierająca metadane
<title> - tytuł strony
</head> - zamknięcie sekcji nagłówkowej
<body> - główna zawartość strony
</body> - zamknięcie głównej zawartości
</html> - zamknięcie dokumentu HTML

Definition: Struktura dokumentu HTML to podstawowy szkielet strony internetowej, składający się z określonych znaczników definiujących jej poszczególne części.

Highlight: Prawidłowa struktura dokumentu HTML jest kluczowa dla poprawnego wyświetlania strony w przeglądarkach.

of 8

Przykładowa strona internetowa

Ta część prezentuje prosty przykład kodu HTML:

<!DOCTYPE HTML>
<head>
<title> To moja strona </title>
</head>
<body>
<center>
<h1>To jest moja strona :)</h1>
</center>
</body>
</html>

Example: Powyższy kod tworzy prostą stronę z wycentrowanym nagłówkiem "To jest moja strona :)".

Highlight: Aby wyświetlić efekt naszego kodu, plik należy zapisać z rozszerzeniem .html.

of 8

I oto efekt napisanego przez nas kodu

Ta sekcja pokazuje, jak wygląda strona utworzona przy użyciu przykładowego kodu HTML:

Strona wyświetla prosty nagłówek "To jest moja strona :)" wycentrowany na środku ekranu. Tytuł strony widoczny w zakładce przeglądarki to "To moja strona".

Highlight: Nawet prosty kod HTML może stworzyć funkcjonalną stronę internetową.

of 8

Co dalej?

Ta część zapowiada kolejne kroki w nauce tworzenia stron internetowych:

W następnych notatkach zostaną omówione:

Podstawowe znaczniki służące do formatowania strony internetowej
Pogłębienie wiedzy na temat stron internetowych
Aspekty estetyczne tworzenia stron WWW

Highlight: Kontynuacja nauki pozwoli na tworzenie bardziej zaawansowanych i estetycznych stron internetowych.

of 8

Tworzenie strony internetowej - podstawy HTML

Strona HTML to podstawa każdej witryny internetowej. Ta notatka wprowadza w świat tworzenia stron WWW przy użyciu języka HTML, prezentując kluczowe informacje dla początkujących.

Główne punkty:

Definicja języka HTML
Programy do tworzenia stron internetowych
Podstawowa struktura dokumentu HTML
Praktyczny przykład prostej strony

Highlight: HTML to nie język programowania, a język znaczników służący do tworzenia stron internetowych.