Webszerkesztés
Notepad ++

---

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

Módosítsd a „Rendelési rend változás”, valamint a „Rendelési idő” sorainak típusát 2. szintű címsorrá.

<p><h2>Rendelési rend változás!</p><h2>
<p><h2>Rendelési idő</p><h2>

3. A „Július 26-tól augusztus 5-ig” szövegrészt alakítsd félkövérré.

<b>Július 26-tól augusztus 5-ig</b>

A „24 órás sürgősségi” szövegrészt pedig tedd dőltté.

<i>24 órás sürgősségi</i>

4. Vond össze az Előjegyzéses kontroll tartalmú cellát a mellette lévő üres cellával. Tedd ugyanezt az Előjegyzéses ultrahang tartalmú cellával is.

<th colspan="2">Előjegyzéses kontroll:</th>
<th></th>

<th colspan="2">Előjegyzéses ultrahang:</th>
<th></th>

5. Töröld a Felnőtt betegek szombati napra vonatkozó sorát.

<tr>
	<td>Szombat</td>
	<td>14-19 óra között</td>
</tr>

Szúrj be egy sort az Előjegyzéses kontroll pénteki napja alá, a cellák tartalma szombat és 8-13 óra között legyenek.

<tr>
	<td>Szombat</td>
	<td>8-13 óra között</td>
</tr>

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

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

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

<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>Med-Im Bt.</title>
</head>

7. Állíts be hiperhivatkozást a „címünkre” szóra, amely mutasson a hirlevel@medim.hu?subject=feliratkozás címre.

<a href="mailto:hirlevel@medim.hu?subject=feliratkozás">címünkre</a>

Állíts be hiperhivatkozást az „ugyanígy teheti” szövegrészre, ez mutasson a
hirlevel@medim.hu?subject=leiratkozás email címre.

<a href="mailto:hirlevel@medim.hu?subject=leiratkozás">ugyanígy teheti</a>

8. Javítsd a h1 címsorba illesztett képfájl nevét. A kép megjelenési szélessége 150 pixel legyen.

<h1>Hírlevél<img src="envelope.jpg" width="150" alt="Boríték"></h1>

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

9. Nyissa meg a szabadsagok.html fájlt.

A következő napokon a rendelés szünetel sor alatti felsorolást alakítsd definíciós listává.

Keresendő: p; Csere erre: dt
Keresendő: li; Csere erre: dd
Keresendő: ul; Csere erre:  (üres)
felsorolás köré dl jelölők

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

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

11. A form jelölőn belüli részt tegye mezőcsoportba (fieldset).
Adj magyarázó feliratot (legend) az űrlaphoz a következő szöveggel: „Töltse ki az alábbi űrlapot!”

<form method="post">
	<fieldset>
		<legend>Töltse ki az alábbi űrlapot!</legend>
		...
	</fieldset>
</form>

12. Az űrlap alján lévő nyomógomb mellé vegyél fel egy reset típusú nyomógombot, a gomb felirata „adatok törlése” legyen.

<input type="reset" name="ok" value="adatok törlése">

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A body elemre a betűtípus család Arial, sans serif legyen, a betűméret 16 pixel.

body{
	font-family: Arial, sans serif;
	font-size: 16px;
}

14. A th elemeknek határozz meg 1em méretű bélést (padding), a td elemeknek pedig 0.5em méretű bélést.

th{
	padding: 1em;
}
td{
	padding: 0.5em;
}

15. A table, th és td elemeknek legyen 1 pixel vastag, folytonos vonalú és #666 színű kerete.

table, th, td{
	border: 01px solid #666;
}

16. A submit és reset típusú input elemek szélessége legyen 120 pixel, a háttérszínük pedig #ccc.

.mezosor .mezo input[type='submit'],
.mezosor .mezo input[type='reset']{
	height: 30px;
	margin: 10px;
	width: 120px;
	background-color: #ccc;
}

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

Az elkészült weboldal: