Az ötödik feladat...

És itt a mai feladatunk is. Ismét a hármas a miénk. Itt 2 oldalt kell létrehozni. Először csak az egyiket, utána a másikat nézzük meg. A szükséges fájlok és a kész oldalak innen letölthetők.
Álljunk is neki!

A negyedik...

A mai feladat ismét egy érettségi lesz... A hármas feladat a miénk. A szükséges fájlok és a kész weboldal innen letölthető!! Mivel az előző leckék tördelése nem az igazi,  ezentúl textarea-kat használok a kódok megjelenítésére. A textarea nagyon hasonlít egy iframe-ra, csak éppen nem weboldalt jelenítünk vele meg, hanem szöveget. Majd lesz róla lecke, de azért itt a szintaxis:
<textarea>Ide kerül a szöveg!</textarea>


Álljunk is neki:

A második feladat

Ma megnézünk egy másik érettségi feladatot :)
Ha valami nem érthető  kódban, akkor először menj végig az eddig megtanult leckéken, ha utána sem érted, hogy miért van, akkor írj egy hozzászólást.
A feladat innen letölthető. A 3-as a miénk. Kezdjünk is neki:

Az első feladat...

A W3-as tananyag kezdő szintjének vége, de a tanulásnak koránt sem. Egy darabig még gyakorolni fogunk, hiszen weboldalt sem fejben szokás csinálni. Mivel sok ötletem nincs, az eddigi érettségi feladatokat fogjuk megnézegetni. Gyakorlásnak megfelel az is :D

Nézzük is meg a 2011. májusi feladatot.

Innen elérhető. A 2. feladat a miénk. 

Van benne egy kis grafika is. Azt nem csináljuk mi most meg. Ajánlom, hogy először mindenki mennyen végig a feladaton maga. Csak az után nézd meg a megoldást itt, ha már kész vagy, vagy ha tényleg nem tudod, hogy mit kell csinálni.

Táblázatok, felsorolások

A mai napon megismerkedünk a táblázatokkal és a felsorolásokkal.


Táblázatok:

• Mikor használjuk? - A modern HTML weboldalakon (a szabványok miatt) a táblázatokat NEM használhatjuk dizájnelemként (pl.: nem oszthatunk fel egy weboldalt táblázatok segítségével). ehhez az úgynevezett box-elvet, vagy doboz-elvet fogjuk alkalmazni. Csak akkor használhatunk táblázatokat, ha az a weboldal tartalmához szükséges. 

SZINTAXIS:

<table border="1">
        <tr>
                <td>1. sor, 1. cella</td>
                <td>1. sor, 2. cella</td>
        </tr>
        <tr>
                <td>2. sor, 1. cella</td>
                <td>2. sor, 2. cella</td>
        </tr>
</table>

PÉLDA:

<html>

        <body>

                <table border="1">

                        <tr>

                              <td>Ez a táblázat első sorának első oszlopa</td>

                              <td>Ez a táblázat első sorának második oszlopa</td>

                        </tr>

                        <tr>

                              <td>Ez a táblázat második sorának első oszlopa</td>

                              <td>Ez a táblázat második sorának második oszlopa</td>

                        </tr>                          

                </table>

        </body> 

</html>