Első html lap
Második html lap

Második görgetendő szövegbox!

Azon html lapon, melyen megírjuk a görgetendő szöveget, nem készítünk container div szakaszt. Szövegünket, egy táblázat, egy adott td cellájában írjuk meg, mely tetszőleges hosszúságú lehet. Ugyan ezen html lapon, vagy egy hozzácsatolt css lapon határozzuk meg azon táblázat és td cella szélességét, háttérszínét stb., melyben elhelyezzük dokumentumunkat.

Az itt megformázott szöveg tulajdonságaival jelenik meg a görgethető ablakban is.

A görgetendő szöveget elhelyezhetjük egy táblázat adott cellájában, vagy csak egy normál div szakaszban is.

Első bekezdés.
Az itt olvasott szöveg, a megjeleno_szoveg_002.html lapon van megírva.
A megjeleno_szoveg_002.html lapot, a megjeleno_szoveg_001.css lap is formázza.
A 002 html lapon megírt szöveg table width="189" és cellájának szélessége, közvetlen a megjeleno_szoveg_002.html -lapon van meghatározva td width="187" értékben

Második bekezdés.

Megírása a görgető html lapon!
<div id="gorgetes_002">
<table>
<tr>
<td valign="top">< p class="pkettogordul">2. görgetendő cellában!
<IFRAME src="gorgetendo_002_html.html" frameborder="0" width=260 height=295></iframe>
</td>
</tr>
</table>
</div>

Harmadik bekezdés.

Megírása a görgető html lap stílusának, css fájlban!
#gorgetes_002 {width: 300px; margin-top: 40px; margin-left: 250px; margin-bottom: 50px; padding: 10px; background-color: #f63;}
#gorgetes_002 table {width: 254px; height: 360px; border: 2px solid #ffffff;}
td {padding-top: 20px; background-color: #FE0000;}
.pkettogordul {text-align: center; color: #fc0;}

Negyedik bekezdés.

Megjelenő szöveg megírása!
A megjelenő szöveget külön, azaz másik html lapon írjuk meg.
A body szakaszban elhelyezünk egy táblázatot, melyben egy td cella szerepel, és ebbe a cellába írjuk meg dokumentumunkat.
Szöveg és annak hátere formázható közvetlen a külső html lapon, vagy az ahhoz csatolt stíluslapon.

5. bekezdés.
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx

6. bekezdés.
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx

7. bekezdés.
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx

8. bekezdés.
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx

9. bekezdés.
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx

10. bekezdés.
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx

11. bekezdés.
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx

12. bekezdés.
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx

13. bekezdés.
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx

14. bekezdés.
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx
xxxxxx xxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxxxxxxxx