Webszerkesztés
Notepad ++

---

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

„A klub célja...” mondattól kezdődő szövegrészt tedd új bekezdésbe.

cél.<br></p>
<p>A klub célja

„A foglalkozások során...” mondat elé szúrj be egy sortörést.

tartjuk.<br> A foglalkozások során

3. Alakítsd félkövérré a „közel háromszázan” szövegrészt, a „stratégiai gondolkodás” szövegrészt pedig tedd dőltté.

<b>közel háromszázan</b>
<i>stratégiai gondolkodás</i>

4. Állíts be hiperhivatkozást a „csatlakoztak hozzánk” szövegrészre, amely mutasson a Csatlakozás című oldalra.

<a href="csatlakozas.html">csatlakoztak hozzánk</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>

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

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

Egészítsd ki a fájlt a hiányzó head nyitó és záró jelölőivel. Adj oldalcímet „Black Knight Sakk Klub” szöveggel.

<html lang="hu">
<head>
...
<title>Black Knight Sakk Klub</title>
</head>
<body>

6. A „Kapcsolat” címsor alatti sorokat alakítsd definíciós listává.

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

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

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

Cseréld le a július 3. dátum melletti sakkfigura képét a rook_b.gif képre, az augusztus 19-i esemény sakkfiguráját pedig a queen_w.gif-re.

<img src="kingrook_b.gif">
<img src="queen_bw.gif">

8. Rendezd át a táblázat sorait úgy, hogy az események dátum szerint növekvő sorrendben legyenek.

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

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

Az itt található űrlap Név feliratához tartozó mezőjét módosítsa úgy, hogy az űrlap név értéke „nev”, a mezőbe írható karakterek maximális száma pedig 30 legyen.

10. Módosítsd a Születési idő hónap mezőjét úgy, hogy a mező lenyíló legyen, alapértelmezésben pedig a - hónap - érték legyen kiválasztott állapotban.

<select name="szido_ho" size="6">
	<option value="" selected>- hónap -</option>
	<option value="01" selected>január</option>

11. A Megjegyzés felirathoz tartozó szövegmező sorainak száma legyen 5, a soron belüli karakterek száma pedig 50.
Alapértelmezés szerint a következő szöveg legyen a mezőbe írva: „Ha kérdése van, itt teheti fel.”.

<textarea name="megj" rows="5" cols="50">>Ha kérdése van, itt teheti fel.</textarea>

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:
A menu azonosítójú elemen belüli aktualis osztályú elemek listajelölő típusa legyen négyzetes (square).

#menu .aktualis{
	list-style-type: discsquare;
}

13. A jobb azonosítójú elemen belüli h1 elemek szövegének igazítása középre történjen, a betű méretét pedig állítsd az alap betűméret 1,7-szeresére.

#jobb h1{
	text-align: rightcenter;
	font-size: 1.7em;
}

14. A dt elemekre határozz meg félkövér betűstílust, valamint kiskapitális betűképet.

dt{
    font-size: 1.2em;
    margin: 10px;
	font-weight: bold;
	font-variant: small-caps;
}

15. A th és td elemeknek adj keret tulajdonságot, amely 1 pixel vastag, pontozott mintázatú és fekete (black) színű.

th,td{
	padding: 10px;
	border: 1px dotted black;
}

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

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

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

Az elkészült weboldal: