3. Összefoglaló feladat

Készítsd el az alábbi - a képen ábrázolt - weboldalt!

Használj stílusokat!

Szöveg:

• Az egész lap jellemzői: szélessége 1000px, margók fönn, lenn 50px, betűk Arial, 14px, sortáv 25px.
• Az oldal nyers szövege itt található! Eredetileg egy bekezdés volt, de most - lásd a képen - négy bekezdésre törjük (nem számoltuk bele a címet, a képaláírásokat és a lap alján az oldalszámozást).
• A szövegeket és a képeket egy táblázat három cellájába tesszük!
• Amit nem írtam le, az a fenti képről leolvasható!

Képek:

• A képek innen menthetők: 1, 2, 3, 4.
  Legyenek 300px szélesek! Ezt most stílussal állítsuk, pl.: <img src='képnév' style='width:300px;'>

Táblázat és cellái:

• Táblázat: legyen 940px széles, jobb- és baloldali kitöltése (padding) 20px.
• Cellák: 300px széles, kitöltés mindenütt 10px és igazítsa a tartalmát felülre (vertical-align:top;).

Egyéb:

• A cím legyen H1 stílusú!
• Igazítsuk középre a képaláírásokat!
• Ha azt szeretnénk, hogy közelebb kerüljön a képhez, szedjük le az automatikusan odatett margókat (margin:0;) !
• Ha az "Akali templomok" képet egy picit lejjebb szeretnénk tenni (az alsó "Szobabelső" vonalába), tegyünk fölé néhány pixelnyi kitöltést (padding-top:_px;)!
• Helyezzük el a vízszintes vonalakat!
• Végül formázzuk meg az utolsó bekezdést "Tósokberéndi Hírmondó 5."! Látszik, hogy a lapszám nagyobb betűvel van írva, mint az előtte lévő szöveg. A trükk a span tag (arasz) használata a következőképpen: <p>Tósokberéndi Hírmondó <span>5.</span></p>
  Így beállítható a bekezdés eleje 10px-re, a vége 16px-re, igazítható jobbra, s tehetünk a jobb oldalára egy kis kitöltést.