Zadania dla klasy 3 - 4

ZADANIA KLAS 3,4

1. Godzina godowania z Elzą - kliknij tutaj
2. Godzina kodowania Potańcówka - kliknij tutaj
3. Godzina kodowania Ne przestawaj tańczyć - kliknij tutaj

Hackathon Padlet

 

Made with

Godzina kodowania

 

Kliknij link obok i programuj  - LINK 1

lINK 2

MapChart - moje wymarzone wakacje

Kliknij poniższy link i zrób mapę swoich ulubionych miejsc

 Poland | MapChart

Zmiana obrazu czarno-białego na kolorowy

 KLIKNIJ TUTAJ- wykonaj ćwiczenie

Hackathon

 

1. MidGenAI Text to Speech
2. Free Voice Cloning Online | AI Voice Cloner and Clone Voice Free
3. TTSFree: Darmowe przemianowanie tekstu na wypowiedź online - TTSFree.com
4. 
   

Budowanie strony na bazie tabeli

 

 

Aby zrobić szablon  strony za pomocą tabeli potrzebujesz kodu źródłowego napisanego za pomocą znaczników HTML

Znacznik wstawiania tabeli to:

{<table>

<table>}

Pamiętaj, że potrzebujesz jeszcze znacznika wiersza <tr></tr> i znacznika komórek <td></td>

Jeżeli chcesz zbudować tabelę, która będzie miała trzy wiersze i trzy kolumny (patrz obrazek poniżej)

potrzebujesz następującego kodu:

<table>

<tr>

<td></td><td></td><td></td>        WIERSZ PIERWSZY

</tr>

<tr>

<td></td><td></td><td></td>       WIERSZ DRUGI 

</tr>

<tr>

<td></td><td></td><td></td>      WIERSZ TRZECI

</tr>

</table>

Ale samo napisanie takiego kodu to zdecydowanie za mało. Na samym początku musimy określić wielkość i położenie tabeli. 

WIELKOŚĆ

Jeżeli chcesz na samym początku określić wielość tabeli musisz użyć atrybutu WIDTH (szerokość)

oraz atrybutu ALIGN (czyt: alajn), który określi położenie całej tabeli.

<table width=”1000” align =”center”>

Teraz napisz  kod dla pierwszego wiersza, który będzie miał trzy komórki. Kod będzie wyglądał tak:

<tr>

<td></td><td></td><td></td>

</tr>

Kod napisany jest prawidłowo, ale wam potrzebna jest JEDNA komórka. Należy więc scalić trzy komórki <td> w jedną. 

SCALANIE KOMÓREK

do scalania komórek potrzebny jest atrybut COLSPAN (column span)

<tr>

<td colspan =”3”></td>

</tr>

W drugim wierszu tabeli pozostają trzy komórki ale musisz im nadać odpowiednie wielkości

<tr>

<td width= ”140”></td>

<td width =”680” ></td>

<td width =”180”></td>

</tr>

Trzeci wiersz powinien posiadać jedną kolumnę. Należy ją scalić tak jak w wierszu pierwszym używając atrybutu COLSPAN

PAMIETAJ!

Znacznik table nie służy do tworzenia struktury strony. Robisz to, aby samemu się przekonać jak wygląda budowanie  strony na bazie tabeli.