HTML kód tesztelése

On-Line gyakorlás

Az űrlapok egy igen hosszú fejezet volt, szerintem (már ha becsülettel végigcsináltad) te is elfáradtál. Éppen ezért most én adok egy kész feladatot, neked "csak" annyi lesz a dolgod, hogy átnézed, mit, hogyan csináltam, s megpróbálsz benne módosításokat eszközölni: bővíteni, sorokat átírni, átszínezni, stb. A módosítások után ne feledkezz meg a Frissítés gombot megnyomni, különben nem fogod látni az eredményt. Elsőként ajánlanám a border="0" attribútumokat átírni 1-re, hogy lásd a táblázatokat, amiket beszúrtam. Máris érthetőbb lesz az egész.
Sajnos, a szerkesztőprogram még nem boldogul a lapformázó és struktúraleíró tag-ekkel, azoknak semmilyen hatása nem lesz az eredményre.

<HTML> <HEAD> <TITLE>Űrlapok példa</TITLE> <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" /> </HEAD> <BODY> <H1 align="center">Kérdőív</H1> <FORM name="kozvelemeny" method="POST" action="#"> <FONT color="green">Neved:</FONT> <INPUT name="nev" type="text" size="30" /><BR /> <BR /> <TABLE border="0"> <TR> <TD colspan="2"><FONT color="green">Nemed:</FONT></TD> </TR> <TR> <TD width="30"> </TD> <TD> <INPUT name="nem" type="radio" value="ferfi" />Férfi <BR /> <INPUT name="nem" type="radio" value="no" /> Nő </TD> </TR> </TABLE> <BR /> <TABLE border="0"> <TR> <TD colspan="2"><FONT color="green">Jelöld be, melyik újságokat szoktad olvasni! (Többet is választhatsz!)</FONT></TD> </TR> <TR> <TD width="30"> </TD> <TD><INPUT name="u1" type="checkbox" value="pcw" />PC-World <BR /> <INPUT name="u2" type="checkbox" value="chip" />Chip Magazin <BR /> <INPUT name="u3" type="checkbox" value="cw" />ComputerWorld Számítástechnika <BR /> <INPUT name="u4" type="checkbox" value="hvg" />HVG (Heti Világgazgaság)<BR /> <INPUT name="u5" type="checkbox" value="cp" />Computer Panoráma <BR /> <INPUT name="u6" type="checkbox" value="gs" />GameStar <BR /> <INPUT name="u7" type="checkbox" value="cv" />CADvilág </TD> </TR> </TABLE> <BR /> <TABLE border="0"> <TR> <TD colspan="2"><FONT color="green">Kedvenc időtöltésed? (Többet is kijelölhetsz, a CTRL billentyű segítségével!)</FONT></TD> </TR> <TR> <TD width="30"> </TD> <TD> <SELECT name="elfoglaltsagok[]" multiple="multiple"> <OPTION value="olvasas"> Olvasás </OPTION><BR /> <OPTION value="tv"> TV nézés </OPTION><BR /> <OPTION value="mozi"> Mozimániás vagyok! </OPTION><BR /> <OPTION value="buli"> Buli minden mennyiségben! </OPTION><BR /> <OPTION value="baratok"> A barátaimmal szeretek lenni. </OPTION><BR /> <OPTION value="kirandulas"> Kirándulni imádok. </OPTION><BR /> <OPTION value="utazas"> Utazni szeretek. </OPTION><BR /> <OPTION value="tanulas"> Tanulni, tanulni, tanulni. </OPTION><BR /> </SELECT> </TD> </TR> </TABLE> <HR /> <INPUT type="submit" value="Rögzítés" /> <INPUT type = "reset" value="Alapállapot" > </FORM> </BODY> </HTML>