HTML az alapoktól: A negyedik...

A mai feladat ismét egy érettségi lesz... A hármas feladat a miénk. A szükséges fájlok és a kész weboldal innen letölthető!! Mivel az előző leckék tördelése nem az igazi, ezentúl textarea-kat használok a kódok megjelenítésére. A textarea nagyon hasonlít egy iframe-ra, csak éppen nem weboldalt jelenítünk vele meg, hanem szöveget. Majd lesz róla lecke, de azért itt a szintaxis:
<textarea>Ide kerül a szöveg!</textarea>

Álljunk is neki:

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

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

Az oldal háttérszíne legyen AliceBlue (#F0F8FF kódú szín) és a szövegszín DarkSlateGray (#2F4F4F kódú szín)!

<html>
 <body style="background-color:#F0F8FF; color:#2F4F4F">
 </body>
</html>

A böngésző keretén megjelenő cím szövege is „Főzelék” legyen!

<html>
 <head>
  <title>Főzelék</title>
 </head>
 <body style="background-color:#F0F8FF; color:#2F4F4F">
 </body>
</html>

A szöveget a fozalap.txt állományból másolja át, és a szövegtördelést állítsa be a mintának megfelelően!

<html>
 <head>
  <title>Főzelék</title>
 </head>
 <body style="background-color:#F0F8FF; color:#2F4F4F">
  Főzelék
  <p>A főzelék zöldségből készült főfogás, ami nem köret. Szinte bármiből készülhet, pl. bab, lencse, spenót, tök, zöldbab, burgonya, kelkáposzta stb.</p>
  <p>A teljes értékű, egészséges táplálkozásban fontos a növényi és az állati eredetű nyersanyagok megfelelő aránya. Ezért a főzelékek nagyon fontos szerepet töltenek be a korszerű, egészséges étrend összeállításában, mivel előnyösen egészítik ki a húsból vagy tojásból készült ételeket. Gazdag az ásványianyag-tartalmuk: a vas, a mész, a jód, a nátrium szervezetünk napi szükségleteit fedezi. Igyekezzünk mindennap az idénynek megfelelően valamilyen főzeléket fogyasztani.</p>
  Készítése
  <p>A főzelékeket készíthetjük:</p>
  friss növényekből
  mélyhűtött alapanyagból
  konzervből
  szárított vagy tartósított (sós vagy ecetes) alapanyagból
  <p>A főzelékek általában úgy készülnek, hogy sós lében megfőzik a zöldséget, a levet besűrítik, majd sóval és fűszerekkel (pl. babérlevél, pirospaprika, kapor) ízesítik. A sűrítés történhet habarással és rántással, illetve saját levének elfőzésével.</p>
  <p>A főzeléket gyakran feltéttel (pl. pörkölttel, főtt vagy sült hússal, kolbászfélékkel, rántott zöldségfélékkel, rántott gombával vagy kemény tojással) tálalják, de a főétel nem a feltét, hanem a főzelék. Ilyen értelemben a főzeléket csak a magyarok készítik, mert más népek a főzeléknövényeket leginkább köretként (párolva, grillezve) vagy salátaként fogyasztják.</p>
 </body>
</html>

A cím egy egysoros és háromoszlopos, 900 képpont széles, szegély nélküli táblázattal készüljön! A cellaközt és cellamargót állítsa 0-ra a táblázat összes cellájára! Az első és utolsó oszlop szélessége 350-350 képpont legyen! A bal és a jobb oldali cellában a spenot1.jpg, illetve a spenot2.jpg, a középsőben az egyes szintű címsor stílusú „Főzelék” felirat jelenjen meg vízszintesen a cella közepére igazítva!

<html>
 <head>
  <title>Főzelék</title>
 </head>
 <body style="background-color:#F0F8FF; color:#2F4F4F">
  <table width="900px" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td width="350px"><img src="spenot1.jpg"/></td>
    <td align="center"><h1>Főzelék</h1></td>
    <td width="350px"><img src="spenot2.jpg"/></td>
   </tr>
  </table>
  <p>A főzelék zöldségből készült főfogás, ami nem köret. Szinte bármiből készülhet, pl. bab, lencse, spenót, tök, zöldbab, burgonya, kelkáposzta stb.</p>
  <p>A teljes értékű, egészséges táplálkozásban fontos a növényi és az állati eredetű nyersanyagok megfelelő aránya. Ezért a főzelékek nagyon fontos szerepet töltenek be a korszerű, egészséges étrend összeállításában, mivel előnyösen egészítik ki a húsból vagy tojásból készült ételeket. Gazdag az ásványianyag-tartalmuk: a vas, a mész, a jód, a nátrium szervezetünk napi szükségleteit fedezi. Igyekezzünk mindennap az idénynek megfelelően valamilyen főzeléket fogyasztani.</p>
  Készítése
  <p>A főzelékeket készíthetjük:</p>
  friss növényekből
  mélyhűtött alapanyagból
  konzervből
  szárított vagy tartósított (sós vagy ecetes) alapanyagból
  <p>A főzelékek általában úgy készülnek, hogy sós lében megfőzik a zöldséget, a levet besűrítik, majd sóval és fűszerekkel (pl. babérlevél, pirospaprika, kapor) ízesítik. A sűrítés történhet habarással és rántással, illetve saját levének elfőzésével.</p>
  <p>A főzeléket gyakran feltéttel (pl. pörkölttel, főtt vagy sült hússal, kolbászfélékkel, rántott zöldségfélékkel, rántott gombával vagy kemény tojással) tálalják, de a főétel nem a feltét, hanem a főzelék. Ilyen értelemben a főzeléket csak a magyarok készítik, mert más népek a főzeléknövényeket leginkább köretként (párolva, grillezve) vagy salátaként fogyasztják.</p>
 </body>
</html>

A címet követő bekezdésben a példák között a „spenót” szót alakítsa linkké, mely a spenot.jpg képre mutasson!

<html>
 <head>
  <title>Főzelék</title>
 </head>
 <body style="background-color:#F0F8FF; color:#2F4F4F">
  <table width="900px" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td width="350px"><img src="spenot1.jpg"/></td>
    <td align="center"><h1>Főzelék</h1></td>
    <td width="350px"><img src="spenot2.jpg"/></td>
   </tr>
  </table>
  <p>A főzelék zöldségből készült főfogás, ami nem köret. Szinte bármiből készülhet, pl. bab, lencse, <a href="spenot.jpg">spenót</a>, tök, zöldbab, burgonya, kelkáposzta stb.</p>
  <p>A teljes értékű, egészséges táplálkozásban fontos a növényi és az állati eredetű nyersanyagok megfelelő aránya. Ezért a főzelékek nagyon fontos szerepet töltenek be a korszerű, egészséges étrend összeállításában, mivel előnyösen egészítik ki a húsból vagy tojásból készült ételeket. Gazdag az ásványianyag-tartalmuk: a vas, a mész, a jód, a nátrium szervezetünk napi szükségleteit fedezi. Igyekezzünk mindennap az idénynek megfelelően valamilyen főzeléket fogyasztani.</p>
  Készítése
  <p>A főzelékeket készíthetjük:</p>
  friss növényekből
  mélyhűtött alapanyagból
  konzervből
  szárított vagy tartósított (sós vagy ecetes) alapanyagból
  <p>A főzelékek általában úgy készülnek, hogy sós lében megfőzik a zöldséget, a levet besűrítik, majd sóval és fűszerekkel (pl. babérlevél, pirospaprika, kapor) ízesítik. A sűrítés történhet habarással és rántással, illetve saját levének elfőzésével.</p>
  <p>A főzeléket gyakran feltéttel (pl. pörkölttel, főtt vagy sült hússal, kolbászfélékkel, rántott zöldségfélékkel, rántott gombával vagy kemény tojással) tálalják, de a főétel nem a feltét, hanem a főzelék. Ilyen értelemben a főzeléket csak a magyarok készítik, mert más népek a főzeléknövényeket leginkább köretként (párolva, grillezve) vagy salátaként fogyasztják.</p>
 </body>
</html>

Készítsen egy kétsoros és kétoszlopos, 80 % széles, középre igazított táblázatot, amelynek 1 pontos szegélye legyen! Első sorának celláiba helyezze el a lencse.jpg és a kelkaposzta.jpg képeket, és a második sor celláiba írja be a képaláírásokat a minta alapján! Minden cellatartalom vízszintesen középre igazítva jelenjen meg!

<html>
 <head>
  <title>Főzelék</title>
 </head>
 <body style="background-color:#F0F8FF; color:#2F4F4F">
  <table width="900px" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td width="350px"><img src="spenot1.jpg"/></td>
    <td align="center"><h1>Főzelék</h1></td>
    <td width="350px"><img src="spenot2.jpg"/></td>
   </tr>
  </table>
  <p>A főzelék zöldségből készült főfogás, ami nem köret. Szinte bármiből készülhet, pl. bab, lencse, <a href="spenot.jpg">spenót</a>, tök, zöldbab, burgonya, kelkáposzta stb.</p>
  <p>A teljes értékű, egészséges táplálkozásban fontos a növényi és az állati eredetű nyersanyagok megfelelő aránya. Ezért a főzelékek nagyon fontos szerepet töltenek be a korszerű, egészséges étrend összeállításában, mivel előnyösen egészítik ki a húsból vagy tojásból készült ételeket. Gazdag az ásványianyag-tartalmuk: a vas, a mész, a jód, a nátrium szervezetünk napi szükségleteit fedezi. Igyekezzünk mindennap az idénynek megfelelően valamilyen főzeléket fogyasztani.</p>
  <table width="80%" align="center" border="1px">
   <tr align="center">
    <td><img src="lencse.jpg"/></td>
    <td><img src="kelkaposzta.jpg"/></td>
   </tr> 
   <tr align="center">
    <td>Lencsefőzelék</td>
    <td>Kelkáposztafőzelék</td>
   </tr>
  </table>
  Készítése
  <p>A főzelékeket készíthetjük:</p>
  friss növényekből
  mélyhűtött alapanyagból
  konzervből
  szárított vagy tartósított (sós vagy ecetes) alapanyagból
  <p>A főzelékek általában úgy készülnek, hogy sós lében megfőzik a zöldséget, a levet besűrítik, majd sóval és fűszerekkel (pl. babérlevél, pirospaprika, kapor) ízesítik. A sűrítés történhet habarással és rántással, illetve saját levének elfőzésével.</p>
  <p>A főzeléket gyakran feltéttel (pl. pörkölttel, főtt vagy sült hússal, kolbászfélékkel, rántott zöldségfélékkel, rántott gombával vagy kemény tojással) tálalják, de a főétel nem a feltét, hanem a főzelék. Ilyen értelemben a főzeléket csak a magyarok készítik, mert más népek a főzeléknövényeket leginkább köretként (párolva, grillezve) vagy salátaként fogyasztják.</p>
 </body>
</html>

A „Készítése” alcím kettes szintű címsor stílussal jelenjen meg!

<html>
 <head>
  <title>Főzelék</title>
 </head>
 <body style="background-color:#F0F8FF; color:#2F4F4F">
  <table width="900px" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td width="350px"><img src="spenot1.jpg"/></td>
    <td align="center"><h1>Főzelék</h1></td>
    <td width="350px"><img src="spenot2.jpg"/></td>
   </tr>
  </table>
  <p>A főzelék zöldségből készült főfogás, ami nem köret. Szinte bármiből készülhet, pl. bab, lencse, <a href="spenot.jpg">spenót</a>, tök, zöldbab, burgonya, kelkáposzta stb.</p>
  <p>A teljes értékű, egészséges táplálkozásban fontos a növényi és az állati eredetű nyersanyagok megfelelő aránya. Ezért a főzelékek nagyon fontos szerepet töltenek be a korszerű, egészséges étrend összeállításában, mivel előnyösen egészítik ki a húsból vagy tojásból készült ételeket. Gazdag az ásványianyag-tartalmuk: a vas, a mész, a jód, a nátrium szervezetünk napi szükségleteit fedezi. Igyekezzünk mindennap az idénynek megfelelően valamilyen főzeléket fogyasztani.</p>
  <table width="80%" align="center" border="1px">
   <tr align="center">
    <td><img src="lencse.jpg"/></td>
    <td><img src="kelkaposzta.jpg"/></td>
   </tr> 
   <tr align="center">
    <td>Lencsefőzelék</td>
    <td>Kelkáposztafőzelék</td>
   </tr>
  </table>
  <h2>Készítése</h2>
  <p>A főzelékeket készíthetjük:</p>
  friss növényekből
  mélyhűtött alapanyagból
  konzervből
  szárított vagy tartósított (sós vagy ecetes) alapanyagból
  <p>A főzelékek általában úgy készülnek, hogy sós lében megfőzik a zöldséget, a levet besűrítik, majd sóval és fűszerekkel (pl. babérlevél, pirospaprika, kapor) ízesítik. A sűrítés történhet habarással és rántással, illetve saját levének elfőzésével.</p>
  <p>A főzeléket gyakran feltéttel (pl. pörkölttel, főtt vagy sült hússal, kolbászfélékkel, rántott zöldségfélékkel, rántott gombával vagy kemény tojással) tálalják, de a főétel nem a feltét, hanem a főzelék. Ilyen értelemben a főzeléket csak a magyarok készítik, mert más népek a főzeléknövényeket leginkább köretként (párolva, grillezve) vagy salátaként fogyasztják.</p>
 </body>
</html>

Az alapanyagfajtákra állítson számozatlan felsorolást a mintának megfelelő helyen!

<html>
 <head>
  <title>Főzelék</title>
 </head>
 <body style="background-color:#F0F8FF; color:#2F4F4F">
  <table width="900px" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td width="350px"><img src="spenot1.jpg"/></td>
    <td align="center"><h1>Főzelék</h1></td>
    <td width="350px"><img src="spenot2.jpg"/></td>
   </tr>
  </table>
  <p>A főzelék zöldségből készült főfogás, ami nem köret. Szinte bármiből készülhet, pl. bab, lencse, <a href="spenot.jpg">spenót</a>, tök, zöldbab, burgonya, kelkáposzta stb.</p>
  <p>A teljes értékű, egészséges táplálkozásban fontos a növényi és az állati eredetű nyersanyagok megfelelő aránya. Ezért a főzelékek nagyon fontos szerepet töltenek be a korszerű, egészséges étrend összeállításában, mivel előnyösen egészítik ki a húsból vagy tojásból készült ételeket. Gazdag az ásványianyag-tartalmuk: a vas, a mész, a jód, a nátrium szervezetünk napi szükségleteit fedezi. Igyekezzünk mindennap az idénynek megfelelően valamilyen főzeléket fogyasztani.</p>
  <table width="80%" align="center" border="1px">
   <tr align="center">
    <td><img src="lencse.jpg"/></td>
    <td><img src="kelkaposzta.jpg"/></td>
   </tr> 
   <tr align="center">
    <td>Lencsefőzelék</td>
    <td>Kelkáposztafőzelék</td>
   </tr>
  </table>
  <h2>Készítése</h2>
  <p>A főzelékeket készíthetjük:</p>
  <ul>
   <li>friss növényekből</li>
   <li>mélyhűtött alapanyagból</li>
   <li>konzervből</li>
   <li>szárított vagy tartósított (sós vagy ecetes) alapanyagból</li>
  </ul>
  <p>A főzelékek általában úgy készülnek, hogy sós lében megfőzik a zöldséget, a levet besűrítik, majd sóval és fűszerekkel (pl. babérlevél, pirospaprika, kapor) ízesítik. A sűrítés történhet habarással és rántással, illetve saját levének elfőzésével.</p>
  <p>A főzeléket gyakran feltéttel (pl. pörkölttel, főtt vagy sült hússal, kolbászfélékkel, rántott zöldségfélékkel, rántott gombával vagy kemény tojással) tálalják, de a főétel nem a feltét, hanem a főzelék. Ilyen értelemben a főzeléket csak a magyarok készítik, mert más népek a főzeléknövényeket leginkább köretként (párolva, grillezve) vagy salátaként fogyasztják.</p>
 </body>
</html>

Végére értünk a feladatnak. Egyébként innen tölthettek le még érettségi feladatokat. Szerintem így sokkal átláthatóbbak a kódok. Ráadásul szebb is :)
Holnap találkozunk!

HTML az alapoktól

Oldalak

2011. november 4., péntek

A negyedik...

Nincsenek megjegyzések:

Megjegyzés küldése