Webszerkesztés
Notepad ++

---

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

Alakítsd félkövérré a szövegben a „Hot Salsa Tánciskola” szövegrészt.

<p>A <b>Hot Salsa Tánciskola</b>

Alakítsd dőltté a szöveg végén lévő „A tánc az életstílusunk!” mondatot.

<i>A tánc az életstílusunk!</i>

3. A „Célunk, hogy a minket felkeresők számára...” kezdetű mondattól kezdődő szövegrész kerüljön új bekezdésbe.

szívében.</p>
<p>Célunk, hogy

Az „Oktatóink a Budapesten elérhető...” kezdetű mondat elé szúrj be egy sortörést.

biztosítsuk.<br />
Oktatóink

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

<a href="tanaraink.html">legjobb tanárok</a>

Állíts be hiperhivatkozást a „profi képzést” szövegrészre is, ez mutasson a táncórákat tartalmazó oldalra.

<a href="tancorak.html">profi képzést</a>

5. Határozd meg az oldalon található dancing.gif kép paramétereit a következőképpen: a kép szélessége 150 pixel, magassága 160 pixel legyen. Adj „tánc” néven alternatív szöveget a képhez.

<img src="dancing.gif" width="150" height="160" alt="tánc"

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

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

Egészítsd ki a fájlt a hiányzó html és head nyitó és záró jelölőivel.

<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>

7. A cím alatti szövegrészt formázd át úgy, hogy az definíciós lista típusú legyen.

<dl>
	<dt>Latin táncok</dt>
		<dd>Szabó Stefánia</dd>
(végezd el a módosításokat a másik három helyen is!)
</dl>

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

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

Alakítsd a táblázat első oszlopának celláit fejléc cella típusúvá.

<td> <th>Bevezetés 6-9 éveseknek</td> </th>

9. Módosítsd a táblázatban a „Haladó 10-13 éveseknek” első óráját feb. 20-ra, a „Haladó latin felnőtteknek” utolsó óráját jún. 2-re.

<td>első óra: feb. 13. 20.</td>
<td>utolsó óra: jún. 9. 2.</td>

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

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

Szúrj be egy új mezőt a Név alá: A címke legyen Email, az ehhez tartozó mező pedig legyen egysoros szöveges beviteli mező.

<p>Email:<br><input type="text" name="email"></p>

11. Módosítsd a button nyomógombot submit típusúra, a gombra a mehet felirat kerüljön.

<input type"button" "submit" value="mehet">

Mentsd el és zárd 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 dt elemekre határozz meg félkövér betűstílust, valamint kiskapitális betűképet.

dt{
	font-size: 1.3em;
	font-weight: bold;
	font-variant: small-caps;
}

13. A tartalom nevű azonosítón belüli h1 elemek betűmérete legyen az alap betűméret 1,5-szerese, valamint középre rendezett.

#tartalom h1{
	text-align: left center;
	font-size: 1.5em;
}

14. A caption elemek háttérszíne legyen #bb955b, a betűszín pedig fehér (white).

caption{
	...
	background-color: #bb955b;
	color: white;
}

15. A th és a td elemekhez rendelj keret tulajdonságot, amelynek vastagsága 1 pixel, mintázata pontozott, valamint a színe szürke (gray).

th, td{
	text-align: left;
	padding: 3px 6px;
	border: 1px dotted gray;
}

16. Az egysoros szöveges beviteli mező szélessége legyen 300 pixel.

input[type='text']{
	width: 300px;
}

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

Az elkészült weboldal: