Webszerkesztés
Notepad ++

---

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

Alakítsd 1. szintű címsorrá az „Üdvözöljük a klubunkban!” sort, valamint 2. szintű címsorrá „A klubról sort.”

<p><h1>Üdvözöljük a klubunkban!</p></h1>
<p><h2>A klubról</p></h2>

3. Állíts be hiperhivatkozást a „házi versenyeket” szövegrészre, amely mutasson az Események című oldalra.

<a href="esemenyek.html">házi versenyeket</a>

Állíts be hiperhivatkozást a „nyitvatartás alatt” szövegrészre is, ez mutasson a kapcsolat.html oldalra.

<a href="kapcsolat.html">nyitvatartás alatt</a>

4. Szúrd be a chess.jpg képet a kep osztályú elemen belülre.
A kép megjelenési szélességét állítsd 200 pixelre.

<p class="kep"><img src="chess.jpg" width="200">

Ments el és zárd be az index.html fájlt.

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

Adj oldalcímet „Black Knight Sakk Klub” szöveggel.
Rendelj a fájlhoz a styles.css stíluslap állományt.

<link rel="stylesheet" href="styles.css">
<title>Black Knight Sakk Klub</title>
</head>

6. Alakítsd a Kapcsolat cím alatti sorokat számozatlan felsorolás stílusúvá.

<p><ul>
	 - <li>Cím<br>
		9999 Budapest, Római füdő u. 45.</li>
	 - <li>Telefon<br>
		(06-99) 123-4567</li>
	 - <li>Email<br>
		blackknight (kukac) blackknight (pont) hu</li>
	 - <li>Nyitva<br>
		H - P: 10.00-18.30</li>
</p></ul>

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

7. Nyisd meg az esemenyek.html fájlt.

A táblázat első sorának cellái legyenek fejléc cella típusúak.

<td><th>Dátum<td><th>
<td><th>&nbsp;<td><th>
<td><th>Esemény<td><th>

Mentsd el és zárd be az esemenyek.html fájlt.

8. Nyisd meg a csatlakozas.html fájlt.

Szúrj be egy új sort az űrlapba a Név alá. A felirat legyen Email cím, a hozzá tartozó mező egysoros szöveges beviteli mező.

<p>Email cím<br>
	<input type="text" name="email" value=""></p>

9. Állítsd be a Születési idő év beviteli mezőjének maximálisan beírható karaktereinek számát 4-re, a nap mező maximálisan beírható karaktereinek számát 2-re.

<input type="text" name="szido_ev" value="" maxlength="4">
<input type="text" name="szido_nap" value="" maxlength="2">

10. A Megjegyzés felirathoz tartozó mezőt módosítsd többsoros beviteli mezőre, a sorok száma 6, a soron belüli karakterek száma 55 legyen.

<input type="text" name="megj" value=""><textarea rows="6" cols="55"></textarea>

11. Az űrlap alján található nyomógomb mellé tegyél be egy reset típusú nyomógombot, melynek felirata „törlés” legyen.

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

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
Adj keretet a kep osztályú elemeknek: a keret vastagsága 2 pixel, folytonos vonalú és #ff9 színű.

.kep{
	float: right;
	margin: 8px;
	border: 2px solid #ff9;
}

13. A jobb azonosítójú elemek h2 gyermekelemeinél a betű mérete az alap betűméret 1,4-szerese legyen.

#jobb h2{
	font-size: 1.4em;
}

14. A table elemek felső és alsó margóit állítsd 0-ra, a bal- és jobboldali margókat állítsd be úgy, hogy az elem középre rendeződjön.

table{
	margin: 10px0 auto;
}

15. A szulido_ev és szulido_nap nevű input elemek szélességeire határozzon meg 30 pixel értéket.

input[name^="szido_"]{
	width:30px;
}

16. A fildset elemek p gyermekelemei esetén a betűstílus legyen félkövér.

fieldset p{
	font-weight: bold;
}

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

Az elkészült weboldal: