Először próbálj önállóan válaszolni a kérdésre (pl. a válaszok letakarásával),
s csak utána tippelj ! Szabad kipróbálni is egy "proba.html" fájlban !

HTML fejtörők - Táblázatok


  1. Az alábbi táblázatcímkék közül melyik kezdeményezi táblázat létrehozását?
    <tr>
    <td>
    <th>
    <table>
  2. Melyik címke készít egy új sort a táblázatban?
    <td>
    <th>
    <tr>
    <table>
  3. Melyik címke készít egy új oszlopot a táblázatban?
    <table>
    <td>
    <tb>
    <tr>
  4. Melyik esetben tartozik mindegyik "tag" a <table> táblázathoz?
    <table> <head> <tfoot>
    <thead> <body> <tr>
    <table> <tr> <td>
    <table> <tr> <tt>
  5. Hogyan jelenik meg a böngészőben a következő táblázat:

    <table border='1' cellpadding='10'>
       <tr>
          <td> A </td><td> B </td><td> C </td>
       </tr>
       <tr>
          <td> D </td><td> E </td><td> F </td>
       </tr>
    </table>
  6. Mit látunk a következő a következő HTML kód hatására:

    <table border='1' width='150' height='90'>
    <tr> <td bgcolor='red'></td> </tr>
    <tr> <td bgcolor='white'></td> </tr>
    <tr> <td bgcolor='green'></td> </tr>
    </table>
    egy magyar zászlót - 150 pixel széles, 30 pixel magas
    egy magyar zászlót - 150 pixel széles, 90 pixel magas
    egy német zászlót - 150 pixel széles, 90 pixel magas
  7. Melyik táblázat készíti el a képen látható "mini sakktáblát":
    <table border='1' width='320' height='80'>
    <tr> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> <td></td> <tdbgcolor='black'></td> <td></td> </tr>
    <tr> <td></td> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> </tr>
    </table>
    <table border='1' width='160' height='160'>
    <tr> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> <td></td> </tr>
    <tr> <td></td> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> </tr>
    <tr> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> <td></td> </tr>
    <tr> <td></td> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> </tr>
    </table>
    <table border='1' width='160' height='160'>
    <tr> <td></td> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> </tr>
    <tr> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> <td></td> </tr>
    <tr> <td></td> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> </tr>
    <tr> <td bgcolor='black'></td> <td></td> <td bgcolor='black'></td> <td></td> </tr>
    </table>
  8. Melyik táblázat készíti el a képen látható "téglafalat":
    <table border='1' width='300' height='80' bgcolor='indianred'>
    <tr> <td width='50'></td> <td width='100' colspan='2'></td> <td width='100' colspan='2'></td> <td width='50'></td> </tr>
    <tr> <td width='100' colspan='2'></td> <td width='100' colspan='2'></td> <td width='100' colspan='2'></td> </tr>
    </table>
    <table border='1' width='300' height='80' bgcolor='orange'>
    <tr> <td width='100' colspan='2'></td> <td width='100' colspan='2'></td> <td width='100' colspan='2'></td> </tr>
    <tr> <td width='50'></td> <td width='100' colspan='2'></td> <td width='100' colspan='2'></td> <td width='50'></td> </tr>
    </table>
    <table border='1' width='300' height='80' bgcolor='indianred'>
    <tr> <td width='100' rowspan='2'></td> <td width='100' rowspan='2'></td> <td width='100' rowspan='2'></td> </tr>
    <tr> <td width='50'></td> <td width='100' rowspan='2'></td> <td width='100' rowspan='2'></td> <td width='50'></td> </tr>
    </table>
    <table border='1' width='300' height='80' bgcolor='indianred'>
    <tr> <td width='100' colspan='2'></td> <td width='100' colspan='2'></td> <td width='100' colspan='2'></td> </tr>
    <tr> <td width='50'></td> <td width='100' colspan='2'></td> <td width='100' colspan='2'></td> <td width='50'></td> </tr>
    </table>
  9. Az későbbiekban használt "png" képek mérete valójában is akkora, ami a nevükből kiolvasható: 200x150 illetve 100x75 pixel. Az "img" parancs az "image" (kép) rövidítése.
    Ez a kép valóban 100 pixel széles és 75 pixel magas!!!
    Hogyan jelenik meg a böngészőben a következő táblázat:
    <table border='3'>
    <tr><td><img src='imgs/200x150.png'></td></tr>
    <tr><td><img src='imgs/100x75.png'></td></tr>
    </table>
    így?
    vagy így?
    vagy tán így?
    vagy esetleg így?
  10. Hogyan jelenik meg a böngészőben a következő:
    <table border='3'>
    <tr><th><img src='imgs/200x150.png'></th></tr>
    <tr><th><img src='imgs/100x75.png'></th></tr>
    </table>
    így?
    vagy így?
    vagy tán így?
   

Forrás: saját kútfő

Összeállította: burcsi (2015.11.05.)

Vissza a quizekhez       Vissza a kezdőoldalra!