Klasa 7 - Tworzenie własnej strony internetowej

Temat: Tworzenie własnej strony internetowej.

​Lekcja 01.12.2023r.

Na dzisiejszej lekcji wykonacie stronę z wykorzystaniem kodu języka HTML.

STRONA INTERNETOWA
=
DOKUMENT ZAPISANY
Z ROZSZERZENIEM HTML

Do utworzenia prostej strony internetowej można zastosować edytory plików tekstowych.
My na lekcji pracujemy na programie tekstowym:







Notepad ++

Znaczniki języka HTML

​Znaczniki języka HTML to ciągi znaków zapisane w nawiasach kątowych.

Występują zazwyczaj parami:
znacznik otwierający i zamykający.

Np. <u> </u>

WYJĄTEK!

​<br>

​Opis całej strony
zawieramy
między znacznikami:

<html> </html>

​Podstawowa struktura strony

O czym należy pamiętać!

​Znaczniki należy umieszczać
wewnątrz innych znaczników.
Ważne jest jednak, aby przed zamknięciem
danego znacznika zamknąć wszystkie znaczniki otwarte wewnątrz niego.

​Poprawnie

​Niepoprawnie

​<p> <b>tekst </b> </p>

​<p> <b> tekst </p> </b>

Tak samo jak w matematyce stosujemy nawiasy:

​[(35:7) + (15x12)] =

Multiple Choice

Które znaczniki są zapisane niepoprawnie:

• <b> tekst </b>

• <u> tekst </u>

• <p> <b> tekst </b> </p>

• <p> <b> tekst </p> </b>

Multiple Choice

Które znaczniki są zapisane poprawnie?

• </u> tekst <u>

• <br> tekst </br>

• <b> tekst </b>

• <i> tekst <i>

Multiple Choice

Na lekcji informatyki tworzymy strony w języku:

• html

• htx

• doc

• jpg

Multiple Choice

Na jakim programie tekstowym pracujemy podczas tworzenia stron internetowych?

• Word

• Notatnik

• Notepad ++

• Notepad 3

Multiple Choice

Znaczniki języka HTML to:

• symbole z klawiatury numerycznej

• ciągi znaków zapisane w nawiasach kwadratowych

• ciągi znaków zapisane w nawiasach kątowych

• skróty klawiszowe

Multiple Choice

Znaczniki występują zazwyczaj parami: znacznik otwierający z zamykającym

• Prawda

• Fałsz

Multiple Choice

Który znacznik nie ma znacznika zamykającego?

• <html>

• <p>

• <b>

• <br>

Multiple Choice

Znacznik <br> służy do:

• pogrubiania tekstu

• pochylania tekstu

• przechodzenia do nowej linii

• tworzenia nagłówków

Multiple Choice

Opis całej strony zawieramy między znacznikami:

• <h2> </h2>

• <html> <html>

• <br> </br>

• <html> </html>

ZAPISZ W ZESZYCIE

​Podstawowa strona internetowa jest dokumentem komputerowym zapisanym
w pliku z rozszerzeniem html.

ZAPISZ W ZESZYCIE

Opis całej strony zawieramy między znacznikami:
<html> i </html>