HTML

|| TABELE:

tr - Table Row, czyli wiersz tablicy
th - Table Header, czyli komórka nagłówkowa
td - Table Data, czyli komórka danych

<table>
    <tr>
        <th>ID</th>
        <th>Imie</th>
        <th>Nazwisko</th>
    </tr>
    <tr>
        <td>1</td>
        <td>Krystian</td>
        <td>Walaszczak</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Gienek</td>
        <td>Bomba</td>
    </tr>
</table>

Aby dana komórka zajmowała dwie kolumny zapisujemy wtedy:
    <td colspan="2"></td>
Jeżeli natomiast aby dana komórka zajmowała 2 wiersze to zapisujemy wtedy:
    <td rowspan="2"></td>


|| LISTY

ol - Ordered List, czyli lista uporządkowana
ul - Unordered List, czyli lista nieuporządkowana

li - List Item, czyli element listy

Aby otrzymać listę typu:
1. Krystian
2. Michał
3. Marta

to wpisujemy w HTML
<ol>
    <li>Krystian</li>
    <li>Michał</li>
    <li>Marta</li>
</ol>

Jeżeli chcemy otrzymać listę typu:
▪ Janek
▪ Artur
▪ Hania

to wpisujemy w HTML
<ul>
    <li>Janek</li>
    <li>Artur</li>
    <li>Hania</li>
</ul>

Jeżeli natomiast chcemy otrzymać listę składającą się z podlist, typu:

1. Balas
    ▪ Karol
    ▪ Szymon
2. Krzyszczyk
    ▪ Rafał
    ▪ Andrzej
3. Janczak
    i. Mirek
    ii. Nela

to wpisujemy w HTML
<ol>
    <li>
        Balas
        <ul>
            <li>Karol</li>
            <li>Szymon</li>
        </ul>
    </li>
    <li>
        Krzyszczyk
        <ul>
            <li>Rafał</li>
            <li>Andrzej</li>
        </ul>
    </li>
    <li>
        Krzyszczyk
        <ol>
            <li>Mirek</li>
            <li>Nela</li>
        </ol>
    </li>
</ol>

|| INPUTY

RADIO
Jeżeli chcemy mieć pola jednego wyboru o danej wartości to używamy "radio":

⬤ Krótkie
⬤ Długie
⬤ Falowane

To wpisujemy w HTMLu:
<input type="radio" name="pola" value="15" id="radio1" /><label for="radio1">Krótkie</label><br>
<input type="radio" name="pola" value="30" id="radio2" /><label for="radio2">Długie</label><br>
<input type="radio" name="pola" value="25" id="radio3" /><label for="radio3">Falowane</label><br>

CHECKBOX
Jeżeli chcemy mieć pola wielokrotnego wyboru o danej wartości to używamy "checkbox":

⃞⃞□ Apple
⃞⃞□ Google
⃞⃞□ Microsoft

To wpisujemy w HTMLu:
<input type="checkbox" name="pola" value="Apple" id="check1" /><label for="check1">Apple</label><br>
<input type="checkbox" name="pola" value="Google" id="check2" /><label for="check2">Google</label><br>
<input type="checkbox" name="pola" value="Microsoft" id="check3" /><label for="check3">Microsoft</label><br>

SELECT
Jeżeli chcemy mieć wysuwającą się listę typu:

____________________
|opcja 1         \/|
--------------------
    | opcja 1      |
    | opcja 2      |
    | opcja 3      |
    ----------------

To wpisujemy w HTMLu:
<select id="wybor">
    <option value="1">opcja 1</option>
    <option value="1">opcja 2</option>
    <option value="1">opcja 3</option>
</select>

TEXTAREA
Jeżeli chcemy mieć duże pole edycyjne typu:
____________________________________
|to jest duży tekst, który ma wiele|
|linii                             |
|                                  |
|                                  |
------------------------------------

to wpisujemy w HTMLu:
<textarea id="pole_tekstowe">to jest duży tekst, który ma wiele linii</textarea>

BUTTON
<button type="button" onclick="funkcja()">Ten przycisk wywołuje funkcje JavaScript</button>

<button type="submit">Ten przycisk wysyła dane z formularza</button>


|| LINKOWANIE 

Jeżeli chcemy aby odnośnik odnosił się do maila, to wpisujemy:
<a href="mailto:uzytkownik@poczta.pl">Tutaj przechodzisz na maila</a>

Jeżeli chcemy aby odnośnik przenosił nas na nową kartę, to wpisujemy:
<a href="http://strona.pl" target="_blank">Ta strona otwiera się w nowej karcie</a>


|| OBRAZKI
<img src="plik.png" alt="tekst" />