Merge pull request #58 from tbeni22/master

8-as és 9-es labor helyesírási javítások

docs/laborok/08-http/index.md

@@ -303,35 +303,35 @@ Forrás: https://internetingishard.com/html-and-css/semantic-html/
             * `tr` - táblázat sor
             * `td` - táblázat cella
             * `th` - táblázat fejléc oszlop
-            * `colspan` - oszlopok összevonása (attribútum a td-re)
-            * `rowspan` - sorok összevonása (attribútum a td-re)
-            * `border` - táblázat keret vastagsága (attribútum a table-re )
+            * `colspan` - oszlopok összevonása (attribútum a `td`-re)
+            * `rowspan` - sorok összevonása (attribútum a `td`-re)
+            * `border` - táblázat keretének a vastagsága (attribútum a `table`-re)
 
     * **Kép kezelése képaláírással**:
         * Egy heading-ben jelezd, hogy ez a rész a "Képek", majd adj az oldalhoz egy képet képfelirattal.
         * A képeknél használjunk placeholder-t pl: https://via.placeholder.com/200x200. Adj meg alternative textet is.
 
         ??? info "Segítség"
-            * `figure` - tag ami összefogja a képet és képaláírást.
+            * `figure` - tag, ami összefogja a képet és a képaláírást.
             * `img` - maga a kép
-            * `alt` - az `img` tagnek attribútuma, amit érdemes mindig megadni. Ez egy helyettesítő szöveg, ha a képet nem lehet letölteni.
-            * `figcaption` - Képaláírás
+            * `alt` - Az `img` tagnek egy attribútuma, amit érdemes mindig megadni. Ez egy helyettesítő szöveg, ha a képet nem lehet letölteni.
+            * `figcaption` - képaláírás
 
     * **Formázott szöveg**:
         * Egy heading-ben jelezd, hogy ez a rész a "Formázott szöveg"
-        * `pre` - olyan előre formázott szöveg amiben megtartja rendereléskor a white spaceeket és sortöréseket is. Olyan szöveget írj bele, ami demonstrálja ezt a viselkedést.
+        * `pre` - olyan előre formázott szöveg amiben megtartja rendereléskor a white space-eket és sortöréseket is. Olyan szöveget írj bele, ami demonstrálja ezt a viselkedést.
 
-7. Készítsünk egy a tartalomtól független részt a szerzőről
-    * Szerző neve a megfelelő heading típussal.
-    * Egy kép a szerzőről, vagy keress egy képet és azt is tedd a repositoryba vagy használd a https://via.placeholder.com/80x80 placeholdert.
+7. Készítsünk egy tartalomtól független részt a szerzőről
+    * A szerző neve a megfelelő heading típussal.
+    * Egy kép a szerzőről. Keress egy képet és azt is tedd a repositoryba, vagy használd a https://via.placeholder.com/80x80 placeholdert.
     * Egy bekezdés szöveg, amit legegyszerűbben a https://www.lipsum.com/ oldal segítségével generálhatunk.
 
 8. Készítsük el a láblécet, amibe az évszám és a BME AUT felirat kerüljön.
 
 ### Beadandó
 !!! example "3. feladat beadandó (1.5 pont)"
     * Az `index.html` módosításait commitold!
-    * Az elkészült weboldal képernyőképet másold be `f3.png` néven a repository gyökerébe!
+    * Az elkészült weboldal képernyőképét másold be `f3.png` néven a repository gyökerébe!
 
 ## 4. Feladat 
 
@@ -344,8 +344,8 @@ Az alapértelmezett formázást a böngészők beépítetten adják, ezért nagy
 A beépített stílusokat megvizsgálhatjuk egy elemet kijelölve. A CSS szabály mellett látható a "user agent stylesheet" jelzi, hogy a böngésző beépített stíluslapjában található ez a formázás.
 
 <figure markdown>
-  ![A böngésző beépített stílusainak vizsgálata F12 eszközökkel](./assets/beepitett-stilusok.png)
-  <figcaption>A böngésző beépített stílusainak vizsgálata F12 eszközökkel</figcaption>
+  ![A böngésző beépített stílusainak vizsgálata Developer Tools segítségével](./assets/beepitett-stilusok.png)
+  <figcaption>A böngésző beépített stílusainak vizsgálata Developer Tools segítségével</figcaption>
 </figure>
 
 ### Beadandó
@@ -393,7 +393,7 @@ A HTML űrlapok egységes, megszokott adatbeviteli eszközként szolgálnak szá
 
 ### Beadandó
 
-!!! example "BEADANDÓ (1 pont)"
+!!! example "5. feladat beadandó (1 pont)"
     * Commitold a `form.html` módosított tartalmát!
     * Készíts képernyőképet `f5a.png` néven tetszőleges böngészőben a teljesen kitöltött űrlapról, amin pontosan egy validációs hiba található!
     * Demonstráld a böngésző Network fülének segítségével az űrlapadatok elküldésének tényét GET `f5b.png` és POST `f5c.png` igék használatával is! Fontos, hogy a képen láthatóak legyenek az elküldött paraméterek.

docs/laborok/09-css/index.md

@@ -47,7 +47,7 @@ Nyissuk meg a böngésző beépített fejlesztői eszközeit (**F12**)! Lehetős
 </figure>
 
 !!! tip "Fontos"
-    A böngészők és/vagy bizonyos szerverek túl agresszívan gyorsítótárazhatnak bizonyos fájlokat, pl. a HTML és CSS fájljainkat, így a változásokat nem biztos, hogy látni fogjuk egyszerű újratöltés után. Ha ez előfordul, a cache letiltásához a Developer Tools eszköztáron ki kell kapcsolnunk a cache-t.
+    A böngészők és/vagy bizonyos szerverek túl agresszívan gyorsítótárazhatnak bizonyos fájlokat, pl. a HTML és CSS fájljainkat, így a változásokat nem biztos, hogy látni fogjuk egyszerű újratöltés után. Ha ez előfordul, le kell tiltanunk a cache-t a Developer Tools eszköztáron.
 
 Jellemzően a menüsor bal oldalán találhatók a kijelöléshez szükséges műveletek ikonjai, jobb oldalon a részletes nézet.
 
@@ -333,16 +333,16 @@ Készítsd el az alábbi ábrán látható HTML oldal designját. Figyelj rá, h
 
 ### 4.1 Layout vizsgálata
 
-Az oldalnak az alapvető elrendezése már elkészült, melyhez a formázások a **`css/main.css`** fájlban találhatók, melyekből a lefontosabbakat tekintük is át.
+Az oldalnak az alapvető elrendezése már elkészült, melyhez a formázások a **`css/main.css`** fájlban találhatók, melyekből a legfontosabbakat tekintsük is át.
 
-* A `html` és `body` tagen nincs margin és padding sem és itt adtuk meg a betűtípust is.
-* A hivatkozások `a` tagek nincsennek aláhúzva.
+* A `html` és `body` tagen nincs margin és padding sem, és itt adtuk meg a betűtípust is.
+* A hivatkozások (`a` tagek) nincsenek aláhúzva.
 * Van egy `.container` CSS osztály, amiben megadtuk, hogy a tartalmi rész 1200px széles legyen és  középre igazítottuk.
     * Itt a `margin-left: auto` és `margin-right: auto` segítségével igazítjuk a tartalmat  középre.
     * Figyeljük meg, hogy a `position: relative` beállítás is szerepel, hogy az abszolút pozícionált elemek ehhez képest legyenek igazítva. 
-* Mivel fix fejlécet szeretnénk ezért a fő tartalmi részre `main` tag beállítottunk egy 76px-es paddingot. 60px a fejléc magassága és 16px távolságot szeretnénk a fejléc és a tartalmi rész között.
+* Mivel fix fejlécet szeretnénk ezért a fő tartalmi részre (`main` tag) beállítottunk egy 76px-es paddingot. 60px a fejléc magassága és 16px távolságot szeretnénk a fejléc és a tartalmi rész között.
 * Az `aside` jobb oldalra van igazítva.
-    * Mivel a végső cél az, hogy teljesen függetlenül tudjuk görgetni és akor is teljes magasságú legyen ha a mellette lévő fő tartalmi rész kevés, ezért `position: absolute` segítségével pozítionáljuk a `container` tetejékez és jobb oldalra (`top: 60px` és `right: 0`).
+    * Mivel a végső cél az, hogy teljesen függetlenül tudjuk görgetni, és akkor is teljes magasságú legyen, ha a mellette lévő fő tartalmi rész kevés, ezért `position: absolute` segítségével pozícionáljuk a `container` tetejéhez és jobb oldalra (`top: 60px` és `right: 0`).
     * Ezen felül megadtuk, hogy 450px széles legyen, a hátterét és egy bal oldali margót.
 * A láblécben lévő szöveget középre igazítottuk, kapott egy első margót és a betű színe és mérete is beállításra került.
 
@@ -505,5 +505,5 @@ Egészítse ki a `main.css` fájlt úgy, hogy ha 900px-nél kisebbre állítjuk
 
 #### Beadandó
 
-!!! example "4 Feladat - Reszponzivitás beadandó (0.5 pont)"
-    Demonstrálja képernyőképpel **`f4-5.png`**, hogy 900px alatt nem látszódik a jobb oldali hasáb.
+!!! example "4. Feladat - Reszponzivitás beadandó (0.5 pont)"
+    Demonstrálja képernyőképpel (**`f4-5.png`**), hogy 900px alatt nem látszódik a jobb oldali hasáb.