Sprawdź się

Pokaż ćwiczenia:

R13JP75pPv6J01

Ćwiczenie 1

Zdecyduj czy zdanie jest prawdziwe.
Obrazki nie mają żadnego wpływu na pozycjonowanie strony. Możliwe odpowiedzi: 1. prawda, 2. fałsz

Rk3vsElWjwAmv1

Ćwiczenie 2

Wskaż, który atrybut znacznika font umożliwia zmianę rozmiaru fontu Możliwe odpowiedzi: 1. size, 2. width, 3. height

Rkzn2LDd9oksn2

Ćwiczenie 3

Uzupełnij kod atrybutu. Chcesz wstawić na stronę obrazek o wysokości 160 pikseli, szerokości 120 pikseli, otoczony ramką o szerokości 1 piksela. 1. width=”160”, 2. height=”120”, 3. width=”120” , 4. hspace=”120”, 5. vspace=”160”, 6. border=”5”>, 7. border=”1”, 8. img src="obrazek" , 9. >, 10. height=”160” , 11. <, 12. />1. width=”160”, 2. height=”120”, 3. width=”120” , 4. hspace=”120”, 5. vspace=”160”, 6. border=”5”>, 7. border=”1”, 8. img src="obrazek" , 9. >, 10. height=”160” , 11. <, 12. />1. width=”160”, 2. height=”120”, 3. width=”120” , 4. hspace=”120”, 5. vspace=”160”, 6. border=”5”>, 7. border=”1”, 8. img src="obrazek" , 9. >, 10. height=”160” , 11. <, 12. />1. width=”160”, 2. height=”120”, 3. width=”120” , 4. hspace=”120”, 5. vspace=”160”, 6. border=”5”>, 7. border=”1”, 8. img src="obrazek" , 9. >, 10. height=”160” , 11. <, 12. />1. width=”160”, 2. height=”120”, 3. width=”120” , 4. hspace=”120”, 5. vspace=”160”, 6. border=”5”>, 7. border=”1”, 8. img src="obrazek" , 9. >, 10. height=”160” , 11. <, 12. />1. width=”160”, 2. height=”120”, 3. width=”120” , 4. hspace=”120”, 5. vspace=”160”, 6. border=”5”>, 7. border=”1”, 8. img src="obrazek" , 9. >, 10. height=”160” , 11. <, 12. />

Ćwiczenie 4

Zapoznaj się ze zrzutem ekranu szkicu pewnej strony. Wykonaj ćwiczenie.

Rox9kfi6Tyt4Q

Zrzut ekranu. Na górze poziomy pasek z przyciskami zamknij, minimalizuj, powiększ. Poniżej napisy. Największa czcionka: Strona o kotach. Poniżej mniejsza czcionka, kursywa: In ancient times cats were worshipped as gods; they have not forgotten this. Poniżej czcionką ytności koty były traktowane jak bogowie. Nie zapomniały o tym do dziś. Poniżej skreślony napis Ernest Hemingway. Obok napis: Terry Pratchett.

RmLQMvhdXnpci

Wymyśl pytanie na kartkówkę związane z tematem materiału.

Linia 1. otwórz nawias ostrokątny wykrzyknik doctype html zamknij nawias ostrokątny. Linia 2. otwórz nawias ostrokątny html zamknij nawias ostrokątny. Linia 3. otwórz nawias ostrokątny head zamknij nawias ostrokątny. Linia 4. otwórz nawias ostrokątny meta charset znak równości cudzysłów utf minus 8 cudzysłów zamknij nawias ostrokątny. Linia 5. otwórz nawias ostrokątny title zamknij nawias ostrokątny Mój szkic otwórz nawias ostrokątny prawy ukośnik title zamknij nawias ostrokątny. Linia 6. otwórz nawias ostrokątny prawy ukośnik head zamknij nawias ostrokątny. Linia 7. otwórz nawias ostrokątny body zamknij nawias ostrokątny. Linia 8. otwórz nawias ostrokątny h1 zamknij nawias ostrokątny Strona o kotach otwórz nawias ostrokątny prawy ukośnik h1 zamknij nawias ostrokątny. Linia 9. otwórz nawias ostrokątny p zamknij nawias ostrokątny otwórz nawias ostrokątny i zamknij nawias ostrokątny In ancient times cats were worshipped as gods średnik they have not forgotten this kropka otwórz nawias ostrokątny prawy ukośnik i zamknij nawias ostrokątny otwórz nawias ostrokątny prawy ukośnik p zamknij nawias ostrokątny. Linia 10. otwórz nawias ostrokątny p zamknij nawias ostrokątny otwórz nawias ostrokątny b zamknij nawias ostrokątny W starożytności koty były traktowane jak bogowie kropka Nie zapomniały o tym do dziś kropka otwórz nawias ostrokątny prawy ukośnik b zamknij nawias ostrokątny otwórz nawias ostrokątny prawy ukośnik p zamknij nawias ostrokątny. Linia 11. otwórz nawias ostrokątny p zamknij nawias ostrokątny otwórz nawias ostrokątny strike zamknij nawias ostrokątny Ernest Hemingway otwórz nawias ostrokątny prawy ukośnik strike zamknij nawias ostrokątny Terry Pratchett otwórz nawias ostrokątny p zamknij nawias ostrokątny. Linia 12. otwórz nawias ostrokątny prawy ukośnik body zamknij nawias ostrokątny. Linia 13. otwórz nawias ostrokątny prawy ukośnik html zamknij nawias ostrokątny.

<!doctype html> 
<html>
  <head>
    <meta charset="utf-8">
    <title>Mój szkic</title>
  </head>
  <body>
    <h1>Strona o kotach</h1>
    <p><i>In ancient times cats were worshipped as gods; they have not forgotten this.</i></p>
    <p><b>W starożytności koty były traktowane jak bogowie. Nie zapomniały o tym do dziś.</b></p>
    <p><strike>Ernest Hemingway</strike> Terry Pratchett<p>
  </body>
</html>

Ćwiczenie 5

Zapoznaj się z kodem i wykonaj ćwiczenie.

<!doctype html> 
<html>
  <head>
    <meta charset="utf-8">
    <title>Pierwsza strona<title>
  </head>
  Witaj świecie!
</html>
</!doctype html>

R16TJLstEgOzh

Wymyśl pytanie na kartkówkę związane z tematem materiału.

<!doctype html> 
<html>
  <head>
    <meta charset="utf-8">
    <title>Pierwsza strona</title>
  </head>
  <body>
    Witaj świecie!
  </body>
</html>

Ćwiczenie 6

R1QZTxWf69E0O

Przedstaw, jak zapisać kodowanie znaków i jakie najczęściej się stosuje. (Uzupełnij).

Zazwyczaj stosuje się UTF‑8, czyli kodowanie znaków Unicode.

Linia 1. otwórz nawias ostrokątny meta charset znak równości cudzysłów utf minus 8 cudzysłów zamknij nawias ostrokątny.

<meta charset="utf-8">

RqCJaGAEmDZnJ3

Ćwiczenie 7

Uzupełnij tekst. Znaczniki listy numerowanej –

Ćwiczenie 8

Napisz kod spełniający kryteria:

odnośnik do strony https://zpe.gov.pl,
jest obrazem o wysokości 30 i szerokości 100 pikseli,
obraz nazywa się przycisk.jpg i znajduje się w folderze media.

Rx3DT4SRYehGN

Wymyśl pytanie na kartkówkę związane z tematem materiału.

Linia 1. otwórz nawias ostrokątny a href znak równości cudzysłów https dwukropek prawy ukośnik prawy ukośnik zpe kropka gov kropka pl cudzysłów zamknij nawias ostrokątny otwórz nawias ostrokątny img src znak równości cudzysłów media prawy ukośnik przycisk kropka jpg cudzysłów width znak równości cudzysłów 100 cudzysłów height znak równości cudzysłów 30 cudzysłów zamknij nawias ostrokątny otwórz nawias ostrokątny prawy ukośnik a zamknij nawias ostrokątny.

<a href="https://zpe.gov.pl"> <img src="media/przycisk.jpg" width="100" height="30"> </a>

Animacja

Dla nauczyciela

Sprawdź się