Przedmioty

Przedmioty

Więcej

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

Zobacz

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

Michał

@szyszusiowe_notatki

·

8 Obserwujących

Obserwuj

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 DOCTYPE, head i body.

21.05.2022

917

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zobacz

Czego dowiesz się z tej notatki?

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

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

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

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zobacz

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.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zobacz

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.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zobacz

Podstawowe znaczniki języka HTML na stronie internetowej

Ta sekcja przedstawia kluczowe elementy struktury dokumentu HTML:

  1. <!DOCTYPE HTML> lub <html> - deklaracja typu dokumentu
  2. <head> - sekcja nagłówkowa, zawierająca metadane
  3. <title> - tytuł strony
  4. </head> - zamknięcie sekcji nagłówkowej
  5. <body> - główna zawartość strony
  6. </body> - zamknięcie głównej zawartości
  7. </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.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zobacz

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.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zobacz

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ą.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zobacz

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.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zobacz

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.

Nie ma nic odpowiedniego? Sprawdź inne przedmioty.

Knowunity jest aplikacją edukacyjną #1 w pięciu krajach europejskich

Knowunity zostało wyróżnione przez Apple i widnieje się na szczycie listy w sklepie z aplikacjami w kategorii edukacja w takich krajach jak Polska, Niemcy, Włochy, Francje, Szwajcaria i Wielka Brytania. Dołącz do Knowunity już dziś i pomóż milionom uczniów na całym świecie.

Ranked #1 Education App

Pobierz z

Google Play

Pobierz z

App Store

Knowunity jest aplikacją edukacyjną #1 w pięciu krajach europejskich

4.9+

Średnia ocena aplikacji

13 M

Uczniowie korzystają z Knowunity

#1

W rankingach aplikacji edukacyjnych w 12 krajach

950 K+

Uczniowie, którzy przesłali notatki

Nadal nie jesteś pewien? Zobacz, co mówią inni uczniowie...

Użytkownik iOS

Tak bardzo kocham tę aplikację [...] Polecam Knowunity każdemu!!! Moje oceny poprawiły się dzięki tej aplikacji :D

Filip, użytkownik iOS

Aplikacja jest bardzo prosta i dobrze zaprojektowana. Do tej pory zawsze znajdowałam wszystko, czego szukałam :D

Zuzia, użytkownik iOS

Uwielbiam tę aplikację ❤️ właściwie używam jej za każdym razem, gdy się uczę.

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

user profile picture

Michał

@szyszusiowe_notatki

·

8 Obserwujących

Obserwuj

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 DOCTYPE, head i body.

21.05.2022

917

 

3

 

Informatyka

31

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zarejestruj się, aby zobaczyć notatkę. To nic nie kosztuje!

Dostęp do wszystkich materiałów

Popraw swoje oceny

Dołącz do milionów studentów

Rejestrując się akceptujesz Warunki korzystania z usługi i Politykę prywatności.

Czego dowiesz się z tej notatki?

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

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

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

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zarejestruj się, aby zobaczyć notatkę. To nic nie kosztuje!

Dostęp do wszystkich materiałów

Popraw swoje oceny

Dołącz do milionów studentów

Rejestrując się akceptujesz Warunki korzystania z usługi i Politykę prywatności.

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.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zarejestruj się, aby zobaczyć notatkę. To nic nie kosztuje!

Dostęp do wszystkich materiałów

Popraw swoje oceny

Dołącz do milionów studentów

Rejestrując się akceptujesz Warunki korzystania z usługi i Politykę prywatności.

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.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zarejestruj się, aby zobaczyć notatkę. To nic nie kosztuje!

Dostęp do wszystkich materiałów

Popraw swoje oceny

Dołącz do milionów studentów

Rejestrując się akceptujesz Warunki korzystania z usługi i Politykę prywatności.

Podstawowe znaczniki języka HTML na stronie internetowej

Ta sekcja przedstawia kluczowe elementy struktury dokumentu HTML:

  1. <!DOCTYPE HTML> lub <html> - deklaracja typu dokumentu
  2. <head> - sekcja nagłówkowa, zawierająca metadane
  3. <title> - tytuł strony
  4. </head> - zamknięcie sekcji nagłówkowej
  5. <body> - główna zawartość strony
  6. </body> - zamknięcie głównej zawartości
  7. </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.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zarejestruj się, aby zobaczyć notatkę. To nic nie kosztuje!

Dostęp do wszystkich materiałów

Popraw swoje oceny

Dołącz do milionów studentów

Rejestrując się akceptujesz Warunki korzystania z usługi i Politykę prywatności.

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.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zarejestruj się, aby zobaczyć notatkę. To nic nie kosztuje!

Dostęp do wszystkich materiałów

Popraw swoje oceny

Dołącz do milionów studentów

Rejestrując się akceptujesz Warunki korzystania z usługi i Politykę prywatności.

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ą.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zarejestruj się, aby zobaczyć notatkę. To nic nie kosztuje!

Dostęp do wszystkich materiałów

Popraw swoje oceny

Dołącz do milionów studentów

Rejestrując się akceptujesz Warunki korzystania z usługi i Politykę prywatności.

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.

TWORZENIE STRONY
INTERNETOWEJ
Podstawowe infromacje na temat HTML
@szyszusiowe_notatki CZEGO
DOWIESZ SIĘ W
TEJ NOTATCE?
1. Czym jest język H

Zarejestruj się, aby zobaczyć notatkę. To nic nie kosztuje!

Dostęp do wszystkich materiałów

Popraw swoje oceny

Dołącz do milionów studentów

Rejestrując się akceptujesz Warunki korzystania z usługi i Politykę prywatności.

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.

Nie ma nic odpowiedniego? Sprawdź inne przedmioty.

Knowunity jest aplikacją edukacyjną #1 w pięciu krajach europejskich

Knowunity zostało wyróżnione przez Apple i widnieje się na szczycie listy w sklepie z aplikacjami w kategorii edukacja w takich krajach jak Polska, Niemcy, Włochy, Francje, Szwajcaria i Wielka Brytania. Dołącz do Knowunity już dziś i pomóż milionom uczniów na całym świecie.

Ranked #1 Education App

Pobierz z

Google Play

Pobierz z

App Store

Knowunity jest aplikacją edukacyjną #1 w pięciu krajach europejskich

4.9+

Średnia ocena aplikacji

13 M

Uczniowie korzystają z Knowunity

#1

W rankingach aplikacji edukacyjnych w 12 krajach

950 K+

Uczniowie, którzy przesłali notatki

Nadal nie jesteś pewien? Zobacz, co mówią inni uczniowie...

Użytkownik iOS

Tak bardzo kocham tę aplikację [...] Polecam Knowunity każdemu!!! Moje oceny poprawiły się dzięki tej aplikacji :D

Filip, użytkownik iOS

Aplikacja jest bardzo prosta i dobrze zaprojektowana. Do tej pory zawsze znajdowałam wszystko, czego szukałam :D

Zuzia, użytkownik iOS

Uwielbiam tę aplikację ❤️ właściwie używam jej za każdym razem, gdy się uczę.