HTML az alapoktól: Az utolsó feladat

Elérkeztünk az utolsó feladathoz. Itt megtalálhatjátok. Már megint a hármas a miénk.A szükséges fájlok és a kész oldal innen letölthetők.
Álljunk is neki!

Hozzon létre egy állományt, amelynek neve legyen halma.html!

<html>
 <body>
 </body>
</html>

Az oldal háttérszíne indianred (#CD5C5C kódú szín).

<html>
 <body style="background-color:#CD5C5C;">
 </body>
</html>

A cím („Halma”) egyes szintű címsor legyen középre igazítva! A böngésző keretén megjelenő cím szövege is ez legyen

<html>
 <head>
  <title>Halma</title>
 </head>
 <body style="background-color:#CD5C5C;">
 <h1 align="center">Halma</h1>
 </body>
</html>

Az oldal többi részének váza, a mintának megfelelően táblázattal készüljön! A táblázat 80% széles, középre igazított, 1 pontos szegélyű és a háttérszíne darksalmon (#E9967A kódú szín) legyen!

<html>
 <head>
  <title>Halma</title>
 </head>
 <body style="background-color:#CD5C5C;">
  <h1 align="center">Halma</h1>
  <table width="80%" align="center" style="background-color:#E9967A" border="1px">
   <tr>
    <td></td>
    <td></td>
   </tr>
   <tr>
    <td colspan="2"></td>
   </tr>
  </table>
 </body>
</html>

A táblázat első sorában a bal oldali cellába helyezze el a babu.jpg képet középre, 1 pont vastagon keretezve! A jobb oldali cellába illessze be a megfelelő szöveget a halmaforras.txt állományból (1–2. bekezdés)!

<html>
 <head>
  <title>Halma</title>
 </head>
 <body style="background-color:#CD5C5C;">
  <h1 align="center">Halma</h1>
  <table width="80%" align="center" style="background-color:#E9967A" border="1px">
   <tr>
    <td><img src="babu.jpg" border="1px"/></td>
    <td>A társas halmajátékok lényege a helycsere, amikor az indulóállásból társunkat megelőzve, igyekszünk áttelepíteni bábuinkat ellenfelünk bábuinak helyére.</br>
     A halma Nagy-Britanniában született, nem túl régen, úgy 1880 táján. Nagyon hamar népszerű lett Európában, majd az egész világon. A halma az üldözéses játékok családjába tartozik.</td>
   </tr>
   <tr>
    <td colspan="2"></td>
   </tr>
  </table>
 </body>
</html>

Az alsó cellában a játék szabályai olvashatók. Kettes szintű címsor stílusú „A játék szabályai:” szöveg. A szabályokat felsorolással tagolja!

v<html>
 <head>
  <title>Halma</title>
 </head>
 <body style="background-color:#CD5C5C;">
  <h1 align="center">Halma</h1>
  <table width="80%" align="center" style="background-color:#E9967A" border="1px">
   <tr>
    <td><img src="babu.jpg" border="1px"/></td>
    <td>A társas halmajátékok lényege a helycsere, amikor az indulóállásból társunkat megelőzve, igyekszünk áttelepíteni bábuinkat ellenfelünk bábuinak helyére.</br>
     A halma Nagy-Britanniában született, nem túl régen, úgy 1880 táján. Nagyon hamar népszerű lett Európában, majd az egész világon. A halma az üldözéses játékok családjába tartozik.</td>
   </tr>
   <tr>
    <td colspan="2"><h2>A játék szabályai:</h2>
    <ul>
     <li>A 10*10 mezős táblán két játékos játszhat 15-15 bábúval, vagy négy játékos, egyenként 10-10-zel.</li>
     <li>A kétszemélyes játéknál a tábla két szemközti sarkában, a négyszemélyes játszmában a négy sarokban állítjuk fel a bábukat vagy korongokat.</li>
     <li>A játék célja, hogy a játékosok (mindkét változatban) elfoglalják a sajátjukkal szemközti sarkot.</li>
     <li>A játékosok állapodjanak meg, hogy milyen sorrendben következnek egymás után!</li>
     <li>Tetszés szerinti irányban (előre, hátra, jobbra, balra sorirányban vagy átlóirányban) bármelyik üres szomszédos mezőre léphetnek a bábuk: egy lépésben, egy bábu, egy pozíciót.</li>
     <li>Ugrani is szabad: mind a saját, mind az ellenfél korongját átugorhatja a "lépő-haladó bábú" (de az ellenfél bábuit nem ütheti ki).</li>
     <li>Az nyer, akinek elsőként sikerül elfoglalnia a szemközt fekvő sarok indulási helyzetét.</li></td>
    </ul>
   </tr>
  </table>
 </body>
</html>

Az „Ugrani is szabad” szavakat alakítsa linkké, amely a halmaugr.gif képre mutasson!

<html>
 <head>
  <title>Halma</title>
 </head>
 <body style="background-color:#CD5C5C;">
  <h1 align="center">Halma</h1>
  <table width="80%" align="center" style="background-color:#E9967A" border="1px">
   <tr>
    <td><img src="babu.jpg" border="1px"/></td>
    <td>A társas halmajátékok lényege a helycsere, amikor az indulóállásból társunkat megelőzve, igyekszünk áttelepíteni bábuinkat ellenfelünk bábuinak helyére.</br>
     A halma Nagy-Britanniában született, nem túl régen, úgy 1880 táján. Nagyon hamar népszerű lett Európában, majd az egész világon. A halma az üldözéses játékok családjába tartozik.</td>
   </tr>
   <tr>
    <td colspan="2"><h2>A játék szabályai:</h2>
    <ul>
     <li>A 10*10 mezős táblán két játékos játszhat 15-15 bábúval, vagy négy játékos, egyenként 10-10-zel.</li>
     <li>A kétszemélyes játéknál a tábla két szemközti sarkában, a négyszemélyes játszmában a négy sarokban állítjuk fel a bábukat vagy korongokat.</li>
     <li>A játék célja, hogy a játékosok (mindkét változatban) elfoglalják a sajátjukkal szemközti sarkot.</li>
     <li>A játékosok állapodjanak meg, hogy milyen sorrendben következnek egymás után!</li>
     <li>Tetszés szerinti irányban (előre, hátra, jobbra, balra sorirányban vagy átlóirányban) bármelyik üres szomszédos mezőre léphetnek a bábuk: egy lépésben, egy bábu, egy pozíciót.</li>
     <li><a href="halmaugr.gif">Ugrani is szabad </a>: mind a saját, mind az ellenfél korongját átugorhatja a "lépő-haladó bábú" (de az ellenfél bábuit nem ütheti ki).</li>
     <li>Az nyer, akinek elsőként sikerül elfoglalnia a szemközt fekvő sarok indulási helyzetét.</li></td>
    </ul>
   </tr>
  </table>
 </body>
</html>

A mintának megfelelően, a játékszabályok után a kép a kettő és a négy játékosú táblát ábrázolja! A halma.gif képállományt szúrja be úgy, hogy az középen jelenjen meg!

<html>
 <head>
  <title>Halma</title>
 </head>
 <body style="background-color:#CD5C5C;">
  <h1 align="center">Halma</h1>
  <table width="80%" align="center" style="background-color:#E9967A" border="1px">
   <tr>
    <td><img src="babu.jpg" border="1px"/></td>
    <td>A társas halmajátékok lényege a helycsere, amikor az indulóállásból társunkat megelőzve, igyekszünk áttelepíteni bábuinkat ellenfelünk bábuinak helyére.</br>
     A halma Nagy-Britanniában született, nem túl régen, úgy 1880 táján. Nagyon hamar népszerű lett Európában, majd az egész világon. A halma az üldözéses játékok családjába tartozik.</td>
   </tr>
   <tr>
    <td colspan="2"><h2>A játék szabályai:</h2>
    <ul>
     <li>A 10*10 mezős táblán két játékos játszhat 15-15 bábúval, vagy négy játékos, egyenként 10-10-zel.</li>
     <li>A kétszemélyes játéknál a tábla két szemközti sarkában, a négyszemélyes játszmában a négy sarokban állítjuk fel a bábukat vagy korongokat.</li>
     <li>A játék célja, hogy a játékosok (mindkét változatban) elfoglalják a sajátjukkal szemközti sarkot.</li>
     <li>A játékosok állapodjanak meg, hogy milyen sorrendben következnek egymás után!</li>
     <li>Tetszés szerinti irányban (előre, hátra, jobbra, balra sorirányban vagy átlóirányban) bármelyik üres szomszédos mezőre léphetnek a bábuk: egy lépésben, egy bábu, egy pozíciót.</li>
     <li><a href="halmaugr.gif">Ugrani is szabad </a>: mind a saját, mind az ellenfél korongját átugorhatja a "lépő-haladó bábú" (de az ellenfél bábuit nem ütheti ki).</li>
     <li>Az nyer, akinek elsőként sikerül elfoglalnia a szemközt fekvő sarok indulási helyzetét.</li>
     <p align = "center"><img src="halma.gif"/></p>
     </td>
    </ul>
   </tr>
  </table>
 </body>
</html>

Ezzel a végére értünk a feladatnak és a gyakorlásnak is egyben (meg persze az őszi szünetnek is :D). Holnaptól folytatjuk a W3-as tananyagot. A formokkal kezdünk, mert az kimaradt. Azután nagyon visszatérünk az elméleti részhez...

HTML az alapoktól

Oldalak

2011. november 6., vasárnap

Az utolsó feladat

Nincsenek megjegyzések:

Megjegyzés küldése