Webszerkesztés és HTML programozás - inter-studium.hu
Webszerkesztés és HTML programozás - inter-studium.hu
Webszerkesztés és HTML programozás - inter-studium.hu
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
Vinnai Zoltán: <strong>HTML</strong><br />
• és (nem törhető szóköz) segítségével<br />
• táblázatokkal<br />
• CSS segítségével<br />
Összetettebb űrlapok esetén a legegyszerűbb, ha az űrlap elemeit egy táblázat soraiban<br />
és celláiban helyezzük el. Így ugyanis minden elem elhelyezkedését külön lehet szabályozni,<br />
és az egyéb formázások (pl. háttérszín) is sokkal egyszerűbben megvalósítható.<br />
Erre mutat egy példát a következő kódrészlet, ami egy 250 pixel széles, kék színű<br />
területen helyez el elemeket, rendezett formában:<br />
76. ábra Űrlap elemek elhelyezése táblázattal (forrás)<br />
77. ábra Űrlap elemek elhelyezése táblázattal<br />
Ezen az űrlapon nem látszik, hogy táblázat alapú, mivel a keret ki van kapcsolva a<br />
elemben (border="0"). Ha azonban ide 1-et írunk, már rögtön látható, hogy<br />
hogyan is épül fel az oldal.<br />
A táblázatok alkalmazásánál azonban figyeljünk arra, hogy ne keveredjenek a<br />
táblázathoz tartozó és az űrlaphoz tartozó nyitó és záró elemek. Mindig tartsuk be az<br />
X<strong>HTML</strong> előírását, vagyis az egymásba ágyazott elemek esetén mindig megfelelő<br />
sorrendben zárjuk az elemeket!<br />
100