Webszerkesztés
Notepad ++

---

2. Nyisd meg az index.html nevű fájlt a megadott helyről.

Az „Egyedülálló módszertan...” szövegrésztől a szöveget tedd új bekezdésbe. A „Mai napig...” szövegrész elé tegyél sortörést.

nyelvtudáshoz.</p> <p>Egyedülálló

célországban.<br /> A mai napig

3. Alakítsd félkövérré és dőltté Elvira Sanchez és Anna Krotzmann neveit.

<b><i>Elvira Sanchez</i></b>

<b><i>Anna Krotzmannt</i></b>

4. Állíts be hiperhivatkozást a „tanáraink listája” szövegrészre, amely mutasson a tanaraink.html oldalra.

<a href="tanaraink.html">tanáraink listája</a>

Állíts be hiperhivatkozást a „tervezett kurzusaink” szövegrészre is, ez mutasson a Kurzusok című oldalra.

<a href="kurzusaink.html">tervezett kurzusaink</a>

Mentse el és zárja be az index.html fájlt.

5. Nyisd meg a tanaraink.txt fájlt.

Egészítsd ki a fájlt a hiányzó html nyitó és záró jelölőivel. Rendelj a fájlhoz a styles.css stíluslap állományt.

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
...
</body>
</html>

6. Alakítsa definíciós listává a Tanáraink listája alatti felsorolást.

<dl>
	<dt>Anna Krotzmann</dt>
		<dd>angol, kínai</dd>
	<dt>Elvira Sanchez</dt>
		<dd>angol, német</dd>
	<dt>Kovács János</dt>
		<dd>spanyol</dd>
	<dt>Péter Ádám</dt>
		<dd>svéd, arab</dd>
	<dt>Zsombor Csaba</dt>
		<dd>német, görög</dd>
</dl>

Mentsd el a fájlt weboldalként tanaraink.html néven és zárd be.

7. Nyisd meg a kurzusok.html fájlt.

A táblázat első sorának celláit módosítsd fejléc cella típusúra.

<td><th>Kurzus</td></th>
<td><th>Kezdési időpont</td></th>
<td><th>Időtartam</td></th>

8. Töröld a táblázatból a görög haladó sort.

<tr>
	<td>Görög haladó</td>
	<td>október 13.</td>
	<td>3*3 óra, összesen 190 óra</td>
</tr>

Módosítsd a görög kezdő óraszámát 3*3 órára.

<td>2*5 3*3 óra, összesen 200 óra</td>

Mentsd el és zárd be a kurzusok.html fájlt.

9. Nyisd meg a kapcsolat.html fájlt.

A „Nyelv, ami érdekli” szöveghez tartozó mező paramétereit módosítsd úgy, hogy a választó minden sora látszódjon, valamint engedélyezve legyen egyszerre több lehetőség kiválasztása is.

<select name="nyelv" multiple size="9">

10. Az Üzenet beviteli mezőjét módosítsd többsorossá, a sorok száma legyen 4, a soron belüli karakterek száma pedig 40.

<input type="text"textarea name="uzenet" value="" rows="4" cols="40"></textarea>

11. Tegyél a submit nyomógomb mellé egy reset típusú nyomógombot is, a gomb felirata törlés legyen.

<input type="reset" name="del" value="törlés">

Mentse el és zárja be a kapcsolat.html fájlt.

12. Nyisd meg a styles.css fájlt.

Módosítsd a CSS szabályokat az alábbiak szerint:
A menu azonosítójú elem aktiv osztájú elemeiben a listajelölő típusa négyzetes (square) legyen, a betűstílus félkövér.

#menu .aktiv{
	list-style-type: disc square;
	font-weight: bold;
}

13. A table elemek felső és alsó margója 10 pixel legyen, a bal- és jobboldali margót állítsa be úgy, hogy az elem középre igazodjon.

table{
	border-collapse: collapse;
	margin: 10px auto;
}

14. A th és a td elemeknek legyen 2 pixel vastag, pontozott mintázatú és fekete (black) színű kerete.

th, td{
	padding: 3px 8px;
	border: 2px dotted black;
}

15. A text típusú input elemek szélessége legyen 280 pixel.

input[type="text"]{
	width: 280px;
}

16. A submit típusú input elemek háttérszíne #ccc legyen.

input[type="submit"]{
	background-color: #ccc;
}

Ments és zárj be minden fájlt és zárj be minden alkalmazást.

Az elkészült weboldal: