HTML az alapoktól: Az ötödik feladat...

És itt a mai feladatunk is. Ismét a hármas a miénk. Itt 2 oldalt kell létrehozni. Először csak az egyiket, utána a másikat nézzük meg. A szükséges fájlok és a kész oldalak innen letölthetők.
Álljunk is neki!

Hozzon létre két állományt, amelyek neve legyen osember.html és nean.html! (most az osember.html-t...)

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

Mind a két oldal háttérszíne moccasin (#FFE4B5 kódú szín) és a szöveg színe navy (#000080 kódú szín).

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

A cím – az egyiken „Az ősember”, a másikon „A neandervölgyi ember” – egyes szintű címsor legyen, középre igazítva! A böngésző keretén megjelenő cím tartalma egyezzen meg az előzőekkel!

<html>
 <head>
  <title>Az ősember</title>
 </head>
 <body style="background-color:#FFE4B5; color:#000080">
 <h1 align="center">Az ősember</h1>
 Amikor Ch. Darwin 1859-ben megjelentette A fajok eredete című munkáját, már tudott arról, hogy három évvel azelőtt Németországban találtak egy fosszilis csontvázat, amely egy jégkorszakban élt és a mai embernél "primitívebb" megjelenésű ember maradványa volt. Így a könyvében utalhatott arra, hogy az evolúció törvényszerűségei az emberre is vonatkoznak.
 A XX. század első felében, a spanyolországi Altamira barlangban bukkantak rá a jégkorszakból fennmaradt első írásos ábrázolásokra. A barlang falait kiszínezett állatrajzok, bölények, vaddisznók, vadlovak festményei díszítették.
 </body>
</html>

Az osember.html-ben a cím után helyezze el az ember.jpg képet középre, 1 pont vastagon keretezve! Az oldalra beillesztendő két bekezdést az osforras.txt állományból veheti át.

<html>
 <head>
  <title>Az ősember</title>
 </head>
 <body style="background-color:#FFE4B5; color:#000080">
 <h1 align="center">Az ősember</h1>
 <p align="center"><img src="ember.jpg" border="1px"></p>
 <p>Amikor Ch. Darwin 1859-ben megjelentette A fajok eredete című munkáját, már tudott arról, hogy három évvel azelőtt Németországban találtak egy fosszilis csontvázat, amely egy jégkorszakban élt és a mai embernél "primitívebb" megjelenésű ember maradványa volt. Így a könyvében utalhatott arra, hogy az evolúció törvényszerűségei az emberre is vonatkoznak.</p>
 <p>A XX. század első felében, a spanyolországi Altamira barlangban bukkantak rá a jégkorszakból fennmaradt első írásos ábrázolásokra. A barlang falait kiszínezett állatrajzok, bölények, vaddisznók, vadlovak festményei díszítették.</p>
 </body>
</html>

Az első bekezdésben az „egy fosszilis csontvázat” szavakat alakítsa linkké, amely a másik állományra, a nean.html-re mutasson!

<html>
 <head>
  <title>Az ősember</title>
 </head>
 <body style="background-color:#FFE4B5; color:#000080">
 <h1 align="center">Az ősember</h1>
 <p align="center"><img src="ember.jpg" border="1px"></p>
 <p>Amikor Ch. Darwin 1859-ben megjelentette A fajok eredete című munkáját, már tudott arról, hogy három évvel azelőtt Németországban találtak egy <a href="nean.html">fosszilis csontvázat</a>, amely egy jégkorszakban élt és a mai embernél "primitívebb" megjelenésű ember maradványa volt. Így a könyvében utalhatott arra, hogy az evolúció törvényszerűségei az emberre is vonatkoznak.</p>
 <p>A XX. század első felében, a spanyolországi Altamira barlangban bukkantak rá a jégkorszakból fennmaradt első írásos ábrázolásokra. A barlang falait kiszínezett állatrajzok, bölények, vaddisznók, vadlovak festményei díszítették.</p>
 </body>
</html>

A mintának megfelelően középre igazítva szúrja be a rajz.jpg képet, majd a második bekezdést balra igazítva helyezze el az oldalon!

<html>
 <head>
  <title>Az ősember</title>
 </head>
 <body style="background-color:#FFE4B5; color:#000080">
 <h1 align="center">Az ősember</h1>
 <p align="center"><img src="ember.jpg" border="1px"></p>
 <p>Amikor Ch. Darwin 1859-ben megjelentette A fajok eredete című munkáját, már tudott arról, hogy három évvel azelőtt Németországban találtak egy <a href="nean.html">fosszilis csontvázat</a>, amely egy jégkorszakban élt és a mai embernél "primitívebb" megjelenésű ember maradványa volt. Így a könyvében utalhatott arra, hogy az evolúció törvényszerűségei az emberre is vonatkoznak.</p>
 <p align="center"><img src="rajz.jpg" border="1px"/></p>
 <p>A XX. század első felében, a spanyolországi Altamira barlangban bukkantak rá a jégkorszakból fennmaradt első írásos ábrázolásokra. A barlang falait kiszínezett állatrajzok, bölények, vaddisznók, vadlovak festményei díszítették.</p>
 </body>
</html>

Most pedig áttérünk a másik oldalra.

Hozzon létre két állományt, amelyek neve legyen osember.html és nean.html! (most az osember.html-t...)

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

Mind a két oldal háttérszíne moccasin (#FFE4B5 kódú szín) és a szöveg színe navy (#000080 kódú szín).

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

<html>
 <head>
  <title>A neandervölgyi ember</title>
 </head>
 <body style="background-color:#FFE4B5; color:#000080">
 <h1 align="center">A neandervölgyi ember</h1>
 </body>
</html>

A nean.html-ben a címet egy 400 pont széles, középre igazított vonallal emelje ki!

<html>
 <head>
  <title>A neandervölgyi ember</title>
 </head>
 <body style="background-color:#FFE4B5; color:#000080">
 <h1 align="center">A neandervölgyi ember</h1> 
 <hr width="400px">
 </body>
</html>

A vonal után egy 700 pont széles, keret nélküli, középre igazított táblázatot hozzon létre!

<html>
 <head>
  <title>A neandervölgyi ember</title>
 </head>
 <body style="background-color:#FFE4B5; color:#000080">
 <h1 align="center">A neandervölgyi ember</h1> 
 <hr width="400px">
 <table align="center" border="0" width="700px">
 </table>
 </body>
</html>

A bal oldali cellába a neanderk.gif képet, a jobb oldaliba az osforras.txt utolsó bekezdését helyezze!

<html>
 <head>
  <title>A neandervölgyi ember</title>
 </head>
 <body style="background-color:#FFE4B5; color:#000080">
 <h1 align="center">A neandervölgyi ember</h1> 
 <hr width="400px">
 <table align="center" border="0" width="700px">
  <tr>
   <td><img src="neanderk.gif"/></td>
   <td><p>300 ezer évvel ezelőtt megjelent a neandervölgyinek nevezett ember.
    Ebben a korban már nemcsak Afrikában éltek ősemberek, hanem a hidegebb éghajlatú északibb területeken is. Az akkori ember testének méretei, köztük például az agytérfogat, meghaladták a mai ember méreteit. A homo erectus 150-160 cm-es magasságával szemben, a 2 m-es neandervölgyi óriásnak számít.</p></td>
  </tr>  
 </table>
 </body>
</html>
</taxtarea>

Az oldal végére, balra helyezze el a bal_nyil.gif képet, és alakítsa linkké, amellyel az osember.html lapra mehet át!

<html>
 <head>
  <title>A neandervölgyi ember</title>
 </head>
 <body style="background-color:#FFE4B5; color:#000080">
 <h1 align="center">A neandervölgyi ember</h1> 
 <hr width="400px">
 <table align="center" border="0" width="700px">
  <tr>
   <td><img src="neanderk.gif"/></td>
   <td><p>300 ezer évvel ezelőtt megjelent a neandervölgyinek nevezett ember.
    Ebben a korban már nemcsak Afrikában éltek ősemberek, hanem a hidegebb éghajlatú északibb területeken is. Az akkori ember testének méretei, köztük például az agytérfogat, meghaladták a mai ember méreteit. A homo erectus 150-160 cm-es magasságával szemben, a 2 m-es neandervölgyi óriásnak számít.</p></td>
  </tr>  
 </table>
 <a href="osember.html"><img src="bal_nyil.gif"/></a>
 </body>
</html>

Elvileg készen van a feladat. Holnap elérkezünk az utolsó gyakorló leckéhez. Hétfőn pedig belevágunk a W3-as leckék folytatásába. Rögtön (a kihagyott) formokkal kezdünk.

HTML az alapoktól

Oldalak

2011. november 5., szombat

Az ötödik feladat...

1 megjegyzés: