Lekcja 5 ćwiczenia CSS i HTML

CodePen to internetowa platforma, która pozwala programistom na pisanie, testowanie i udostępnianie kodu HTML, CSS i JavaScript. Jest to popularne narzędzie dla początkujących i doświadczonych programistów, które oferuje wiele funkcji, które ułatwiają naukę i pracę z kodem.

CodePen oferuje następujące funkcje:

  • Edytor kodu: CodePen ma intuicyjny edytor kodu, który ułatwia pisanie i formatowanie kodu.
  • Kompilacja i renderowanie: CodePen automatycznie kompiluje i renderuje kod, dzięki czemu można natychmiast zobaczyć, jak wygląda w przeglądarce.
  • Współpraca: CodePen umożliwia współpracę z innymi programistami nad kodem w czasie rzeczywistym.
  • Dokumentacja: CodePen oferuje bogatą dokumentację i zasoby edukacyjne, które ułatwiają naukę kodowania.

CodePen to przydatne narzędzie dla każdego, kto chce nauczyć się kodowania lub pracować z kodem. Jest to łatwe w użyciu i oferuje wiele funkcji, które ułatwiają naukę i pracę z kodem.

Oto kilka sposobów wykorzystania CodePen:

  • Do nauki kodowania: CodePen to świetne miejsce na rozpoczęcie nauki kodowania. Oferuje wiele zasobów edukacyjnych, takich jak samouczki, przewodniki i artykuły.
  • Do pracy z kodem: CodePen to doskonałe narzędzie do pracy z kodem. Można go używać do pisania, testowania i udostępniania kodu.
  • Do współpracy z innymi programistami: CodePen umożliwia współpracę z innymi programistami nad kodem w czasie rzeczywistym. Jest to świetne narzędzie do pracy nad dużymi projektami.

Jeśli szukasz prostego i łatwego w użyciu narzędzia do kodowania, CodePen jest świetną opcją.

Kod HTML z kursu:
<h1>nagłówek1</h1>
<h2>nagłówek2</h2>
<h3>nagłówek3</h3>
<h4>nagłówek4</h4>
<p>Jakiś tam teskt1</p>
<p>Jakiś tam teskt2</p>
<b>pogróbienie</b> <br>
<i>pochylenie</i> <br>
<u>podkreślenie</u>
<div>tekst1</div>
<div>teskt2</div>
<a href=”http://wp.pl”>link</a>
<img src=”https://www.zso5.gliwice.pl/wp-content/uploads/2014/06/logo3.png”>
 

Sprawdź, co pamiętasz

Pytania kontrolne

1. Jaki jest główny temat artykułu „Lekcja 5 ćwiczenia CSS i HTML”?

Wskazówka: Odpowiedz własnymi słowami i wskaż najważniejszy cel lub problem opisany w materiale.

2. Które trzy pojęcia, zasady albo etapy z artykułu warto zapamiętać?

Wskazówka: Wybierz informacje potrzebne do wykonania zadania lub wyjaśnienia tematu innej osobie.

3. Jak można wykorzystać tę wiedzę w praktyce?

Wskazówka: Podaj konkretny przykład z lekcji, pracy przy komputerze albo codziennej sytuacji.

4. Jakie kroki należy wykonać, aby poprawnie zrealizować opisane zadanie?

Wskazówka: Ułóż najważniejsze czynności we właściwej kolejności.

5. Jakich narzędzi, funkcji lub materiałów potrzeba do wykonania zadania?

Wskazówka: Wymień elementy wskazane w artykule i krótko opisz ich rolę.

6. Która zasada opisana w artykule jest najważniejsza i dlaczego?

Wskazówka: Uzasadnij wybór przykładem z materiału.

7. Jaki błąd można popełnić podczas wykonywania zadania i jak go uniknąć?

Wskazówka: Wskaż możliwą trudność oraz sposób jej rozwiązania.

8. Jak wyjaśnisz ten temat osobie, która poznaje go po raz pierwszy?

Wskazówka: Użyj prostych słów i najważniejszych pojęć z artykułu.

9. Co zmieniłoby się, gdyby pominąć jeden z opisanych etapów lub zasad?

Wskazówka: Przewidź skutek i uzasadnij odpowiedź.

10. Jakie własne ćwiczenie lub przykład można przygotować na podstawie artykułu?

Wskazówka: Zaproponuj zadanie, które sprawdza zrozumienie materiału.

Komentarze

Dodaj komentarz