09.05.2015 Views

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

SHOW MORE
SHOW LESS

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 &nbsp; (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

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!