Webszerkesztés
Notepad ++

---

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

A Nyitvatartási idő alatti sorokat formázd számozatlan felsorolás stílusúvá.

<ul>
	<p><li>Hétfő: 8.00 - 17.00<br></li>
	<li>Kedd: 8.00 - 17.00<br></li>
	<li>Szerda: 8.00 - 17.00<br></li>
	<li>Csütörtök: 8.00 - 17.00<br></li>
	<li>Péntek: 8.00 - 14.00</p></li>
</ul>

3. Egészítsd ki a felsorolást: Szombat: 9.00 - 14.00, valamint Vasárnap: Zárva sorokkal.

<li>Szombat: 9.00 - 14.00</li>
<li>Vasárnap: Zárva</li>

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

4. Nyisd meg az elojegyzes.txt fájlt.

Egészítsd ki a fájlt a hiányzó head nyitó és záró jelölőivel. Adj oldalcímet Könyvtár szöveggel.

<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>Könyvtár</title>
</head>

5. Módosítsd a szöveg elején lévő „Előjegyzés” sor típusát egyszerű bekezdésről 1. szintű címsorrá, a félkövér tulajdonságát pedig töröld.

<p><b><h1>Előjegyzés</b></p></h1>

6. Alakítsd félkövérré a „10 multimédiás PC-vel” szövegrészt, az „internet” szót pedig dőltté.

<b>10 multimédiás PC-vel</b>
<i>internet</i>

7. Javítsd a cím alatti képfájl nevét, és adj alternatív szöveget a képnek PC értékkel.

<img src="pc.jpg" class="belso" alt="PC">

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

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

A táblázat első sorának celláit alakítsd fejléc cella típusúvá.

<td><th>Kategória</td></th>
<td><th>Alkategória</td></th>
<td><th>Al-alkategória</td></th>

9. Töröld a táblázatból az egyéb, fel nem sorolt művészetek tartalmú sort.

<td rowspan="8 7">művészetek</td>

<td rowspan="5 4">egyéb művészet</td>

<tr>
	<td>egyéb, fel nem sorolt művészetek</td>
</tr>

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

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

A „Hosszabbítás kérés” ideje szöveghez tartozó mező paramétereit módosítsd úgy, hogy minden sora látszódjon, és alapértelmezetten a 2 nap érték legyen kiválasztott állapotban.

<select name="hossz" size="5">
	...
	<option value="2" selected>2 nap</option>

11. Az „Egyéb megjegyzés” szöveghez tartozó mező legyen többsoros beviteli mező, a sorok száma 6, a soron belüli karakterek száma pedig 35 legyen.

<input type="text" textarea rows="6" cols="35" name="megjegyzes"></textarea>

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A cim azonosítójú elemen belüli h1 elemek a betűköze 0.3em, a betűméret 36 pixel legyen.

#cim h1{
...
	letter-spacing: 0.3em;
	font-size: 36px;
}

13. A menu azonosítójú elemen belüli li elemeknek legyen 1 pixel vastag, pontozott mintázatú és #c57658 színű kerete.

#menu li{
...
	border: 1px dotted #c57658;
}

14. A th elemeknek legyen a háttérszíne #006, a betűszíne pedig #ff9.

th{
	background-color: black#006;
	color: #ff9;
}

A td elemekben a szöveg felülre legyen rendezve, a betűszínt pedig állítsd be #333 színűre.

td{
	background-color: #ccc;
	vertical-align: top;
	color: #333;
}

16. A submit típusú mezők betűstílusát állítsd félkövérre.

input[type='submit']{
	font-weight: bold;
}

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

Az elkészült weboldal: