szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:web:html|< HTML]]

====== HTML feladatok ======

  * **Szerző:** Sallai András
  * Copyright (c) 2020, Sallai András
  * Szerkesztve: 2020-2023
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
  * Web: https://szit.hu

===== Jelölés =====

==== Feladat 001 ====

Töltse le a **szoveg.txt** és az **index.html** állományokat:

<file txt szoveg.txt>
Szolimán elkomorult; tekintete azalatt, míg leánya beszélt, néma szemrehányással járt végig udvarnokain, kiknek örök cselszövényük egymás közül a legnagyobbakat megbuktatni, annyi áldozatot juttatott eszébe. Ahidalla leborult atyja ruhájának szegélyét csókolni, Szolimán pedig inte az ulemának, hogy hozza elő az alkoránt.

Az ulema lassú léptekkel közeledék a szultánhoz, a nehéz, zöld borítékú szent könyvet hozva két kezében, hosszú sovány arcán semmi vonás sem változott, úgy nyújtá a koránt Szolimán elé.

A szultán fölkelt, jobb kezét a koránra tevé, baljával leánya kezét fogta meg. Az udvarnagyok leborultak a földre, homlokaikkal a padozatot érintve, s azon helyzetben maradva, míg a szultán esküvék, hogy Ibrahimot, amíg ő élni fog, bármi következzék az idők folytán, soha meg nem fogja öletni és megöletni nem engedi; azután Ibrahimhoz lépett, megölelte, megcsókolá, s maga mellé ülteté jobb felől, míg Ahidalla lábainál foglalt helyet.
</file>


  * A szöveg forrása:
    * https://mek.oszk.hu/00700/00705/html/szoliman.htm (2020)



<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>névtelen</title>
</head>
<body>

</body>
</html>
</code>

Feladatok:
  - A szoveg.txt állomány tartalmát illessze be a HTML oldal törzs részébe.
  - Állítsa be az oldalt magyar nyelvűre.
  - Állítsa be, hogy a böngészőfülön a "Szoliman" felirat jelenjen meg.
  - Állítson be a szöveg előtt egyes szintű fejezetcímet, "Szoliman" tartalommal.
  - A három bekezdést jelölje HTML elemmel, bekezdésnek. 
  - A bekezdéseknek a következő címet adja, kettes fejezetcímmel:
    - 1 bekezdés: A szemrehányás
    - 2 bekezdés: A szentkönyv
    - 3 bekezdés: A leborulás
  - A "tekintete azalatt" szöveget, az első bekezdésben jelölje dőltnek.
  - A harmadik bekezdésben "A szultán" szövegeket jelölje kiemeltnek.
  - A HTML forráskódjában, megjegyzésbe, írja, a nevét és az aktuális dátumot.


==== Feladat 002 ====

  * Készítse el a "matrona" nevű könyvtárat. 
  * Minden további feladatot ebben a könyvtárban oldjon meg.


Töltse le az **adat.txt** és az **index.html** állományt:

<file txt adat.txt>
Öt-hatszáz fogadott fia volt a tisztes matrónának, s több százezer forintra menő jövedelme ennyi szép fiú felnevelésére; legtudósabb professzorai, kiket a külföld akadémiái műveltek, világhírű könyvtára s mindenféle beneficumai, mik egyfelől amíg szorgalomra ösztönözék az ifjúságot, másfelől jó eleve hozzászoktaták azon jótékony öntudathoz, miszerint bármi szűken, de saját érdemük után tanultak megélni.

Vala pedig ezen időszerint a nagyenyedi kollégium rektorprofesszora, nagytiszteletű tudós Tordai Szabó Gerzson uram, a tudományoknak nagy művelője, rendkívül békeszerető férfiú és a jó erkölcsök fáradhatlan oltalmazója.

Mert ha bevette magát iszonyú fóliánsai közé, azokba annyira el tudott veszni, hogy gyakorta kénytelen volt feleségétől megkérdezni, ha vajjon ebédelt-e ő ma már, vagy sem? tanítványai előtt pedig akként szólott, mint egy orákulum. Csak a csendes, békességes tudományokat kedvelé, mint a csillagászat és mechanika, nem szereté pedig a históriát, mint amely, az ő szavaiként, nem tanít egyebet, mint azoknak neveit, akik emberek agyonverésében tüntették ki magukat, s hősi tetteit énekli bűnös, vérengző, kegyetlen embereknek, és hazudik véghetlen kiterjedésben, ahelyett, hogy a jámborok, jótékony és bölcs elmék példájával javítaná az utóvilágot.

</file>


  * A szöveg forrása:
    * https://mek.oszk.hu/00700/00705/html/ketfuzfa.htm (2020)


<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>névtelen</title>
</head>
<body>

</body>
</html>
</code>

Feladatok:
  - A adat.txt állomány tartalmát illessze be a HTML oldal törzs részébe.
  - Állítsa be az oldalt magyar nyelvűre.
  - Állítsa be, hogy a böngészőfülön a "Két fűzfa" felirat jelenjen meg.
  - Állítson be a szöveg előtt egyes szintű fejezetcímet, "Két fűzfa" tartalommal.
  - A három bekezdést jelölje HTML elemmel, bekezdésnek. 
  - A bekezdéseknek a következő címet adja, kettes fejezetcímmel:
    - 1 bekezdés: A jövedelem
    - 2 bekezdés: A kollégium
    - 3 bekezdés: Az orákulum
  - A "bevette magát" szöveget, a harmadik bekezdésben, jelölje meg kiemeltnek.
  - A második bekezdésben a "időszerint" szót, jelölje meg dőlt szövegnek.
  - A HTML forráskódjában, megjegyzésbe, írja, a nevét és az aktuális dátumot.




==== Feladat 003 ====

Mentés: unix


Töltse le az **aix.txt** és az **index.html** állományokat. 



<file txt aix.txt>
Az AIX az Advanced Interactive eXecutive rövidítése. 
Az AIX egy kereskedelmi Unix operációs rendszer, amit
az IBM fejleszt. 

Az AIX a UNIX System V rendszeren alapszik.

Támogatott platformok:
IBM RS/6000
POWER
PowerPC
IBM System i
System/370
PS/2
Apple Network Server
</file>




<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>névtelen</title>
</head>
<body>

</body>
</html>
</code>

Feladatok:
  - A aix.txt állomány tartalmát illessze be a HTML oldal törzs részébe.
  - Állítsa be az oldalt magyar nyelvűre.
  - Állítsa be, hogy a böngészőfülön a "AIX" felirat jelenjen meg.
  - Állítson be a szöveg előtt egyes szintű fejezetcímet, "AIX" tartalommal.
  - A három bekezdést jelölje HTML elemmel, bekezdésnek.
  - A bekezdések a következő címeket kapják, 2-s fejezetcímmel:
    - Egy
    - Kettő
    - Három
  - Az Advanced Interactive eXecutive szavakat, együtt jelölje félkövérnek
  - Az AIX szó, mindenhol legyen kiemeltnek jelölve.
  - A HTML forráskódjában, megjegyzésbe, írja, a nevét és az aktuális dátumot.




==== Feladat 004 ====

Töltse le a **hpux.txt** és a **index.html** állományt. 

<file txt hpux.txt>
A HP-UX a Hewlett Packard Unix rövidítése, egy kereskedelmi 
Unix operációs rendszer, amit a Unix System V rendszeren 
alapszik. 

Támogatott platformok:
HP 9000
HP Integral PC
</file>



<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>névtelen</title>
</head>
<body>

</body>
</html>
</code>

Feladatok:
  - A hpux.txt állomány tartalmát illessze be a HTML oldal törzs részébe.
  - Állítsa be az oldalt magyar nyelvűre.
  - Állítsa be, hogy a böngészőfülön a "HP-UX" felirat jelenjen meg.
  - Állítson be a szöveg előtt egyes szintű fejezetcímet, "HP-UX" tartalommal.
  - A bekezdést jelölje HTML elemmel, bekezdésnek.
    - A "Támogatott platformok: és  következő két sor legyen egyetlen bekezdés.
    - A HP 9000 és HP Integral PC sorokat vesszővel tagolja.
  - A "HP 9000" szövegrészt, jelölje meg rövidítésnek. 
  - A "HP Integral PC" szövegrészt jelölje meg kiemeltnek.
  - A "Támogatott platformok:" bekezdést előtt, legyen egy kettes szintű fejezetcím
    - A fejezetcím tartalma: "Támogatás"
  - A HTML forráskódjában, megjegyzésbe, írja, a nevét és az aktuális dátumot.



==== Feladat 005 ====

Adott a következő weboldal:

<file html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>névtelen</title>
</head>
<body>

<!-- FreeBSD -->

A FreeBSD egy nyílt forráskódú operációs rendszer,
a Berkeley Software Distribution rendszerből létrehozva. 
Az első FreeBSD 1993-ban jelent meg. A BSD rendszerek között
a legnépszerűbb nyílt forráskódú operációs rendszer. 

<!-- hasonlóság -->
A FreeBSD hasonlít a Linuxra rendszerekre, de van két
fő különbség. Az első a terjesztési engedély. 
A FreeBSD egy komplett operációs rendszert tart fenn,
kernelt, eszközillesztőket, felhasználói programokat,
dokumentációt. Ezzel szemben a Linux csak egy kernel
és illesztőprogramok. 

<!-- engedély -->
A FreeBSD forráskódja általában megengedő BSD licenc,
szemben a Linux által használt GPL-lel. 

<!-- asztali környezet -->
Elérhető asztali környezetek:
GNOME
KDE
Xfce

Ablakkezelők:
openbox
fluxbox
dwm
bspwm
</body>
</html>

</file>


Végezze el a következő feladatokat:
  * Állítsa be az oldal kódolását magyarra.
  * Állítsa be, hogy a böngészőfülön a „FreeBSD” felirat jelenjen meg.
  * Állítson be a szöveg előtt egyes szintű fejezetcímet, „FreeBSD” tartalommal.
  * A "hasonlóság" megjegyzéssel ellátott bekezdésben a FreeBSD szót, jelölje félkövérnek. 
  * Ahol felsorolás van, tagolja az elemeket vesszővel, a végén ponttal.
    * GNOME-tól Xfce-ig, és openbox-tól bspwm-ig.
  * A "hasonlóság" tartalmú megjegyzés alatti bekezdésben
    * a "FreeBSD" szót jelölje kiemeltnek
  * A "FreeBSD" tartalmú megjegyzés alatti bekezdésben
    * a "Berkeley Software Distribution" szavakat jelölje félkövérnek, és döltnek

==== Feladat 006 ====

Adott a következő weboldal:

<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>névtelen</title>
</head>
<body>

<!-- A HP-UX -->
A HP-UX a Hewlett Packard Unix rövidítése. 
A HP-UX, a Unix operációs rendszer Hewlett Packard vállalat 
által megvalósított kereskedelmi verziója. 
Alapja a Unix System V. A HP-UX első verziója
1984-ben jelent meg. A legújabb verziók támogatják a 
HP 9000-s számítógépes rendszereket, amelyekben
PA-RISC utasításkészletű architektúra található,
és a HPE Integrity Servers-t, amit Intel és Itanium 
architektúrával rendelkezik. 


<!-- Korábbi verziók  -->
A HP-UX korábbi verziói támogatták a Motorolla 68000
sorozatú processzoron alapuló HP Integral PC és 
HP 9000 Series 200, 300 és 400-s számítógépes 
rendszereket. 

<!-- Fájlrendszer -->
A HP-UX az első Unix, amely Unix engedélyezési rendszer 
alternatívájaként, lehetővé teszi az ACL használatát. 
A HP hosszú ideje együttműködik a Veritas szoftverrel,
fájlrendszerként így a VxFS-t használja. 

</body>
</html>
</code>

Töltse le a weboldalt, ügyeljen arra, hogy index.html
nevű fájlba legyen mentve.

Végezze el, a következő feladatokat:
  - Állítsa be az oldal nyelvét magyarra.
  - Állítsa be, hogy a böngésző fülön a HP-UX felirat jelenjen meg.
  - A weblap tetején, 
    - az első bekezdés előtt
    - legyen egy HP-UX fejezetcím, amit egyesszintűnek jelöl.
  - Minden fejezet előtt
    - legyen egy kettes szintű fejezetcím
    - tartalma a fejezet előtti megjegyzés szövege
  - A "A HP-UX" megjegyzéssel ellátott bekezdésben:
    - jelölje kiemeltnek a Hewlett Packard Unix szöveget.
    - A HP-UX szöveget jelölje rövidítésnek.
  - A három bekezdésnek adjon kettes szintű fejezetcímet.
    - A cím a bekezdés előtti megjegyzésbe tett szöveg.
  - A HTML forráskódjában, megjegyzésbe, írja, a nevét és az aktuális dátumot.

==== Feladat 007 ====

Adott a következő weboldal:

<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>

<title>névtelen</title>
</head>
<body>

<!-- vi -->
A vi egy képernyő orientált szövegszerkesztő, amit eredetileg
Unix operációs rendszerre hoztak létre. A szerkesztőt a
POSIX szabvány is leírja. 

<!-- Az eredeti -->
Az eredeti vi szerzője Bill Joy, amit 1976-ban írt,
a ex szerkesztő vizuális módjaként.
Az 1.1 ex kiadás BSD Unix részeként látott napvilágot, 1978-ban,
A 2.0 ex szerkesztő, már alapértelmezetten a vizuális mód jelent
meg, így kapott egy új nevet a visual szóból: vi. A vi szerkesztőnek
számos újraírt változata jelent meg.

<!-- Szabvány -->
A megalkotása óta a vi, de facto szabvány lett, Unix rendszereken. 
A hackerek legkedveltebb eszköze volt, az Emacs 1984-es megjelenéséig. 
A vi továbbra is széles körben használt szerkesztő a Unix operációs 
rendszerek családjában. 

<!-- Interfész -->
A vi indítás után parancsüzemmódban indul. Szerkesztő módba az i
vagy a billentyűvel kerülhetünk. Az szerkesztőmódból parancsmódba
az Esc billentyűvel kerülhetünk. 




</body>
</html>
</code>

Töltse le a weboldalt, ügyeljen arra, hogy index.html
nevű fájlba legyen mentve.

Végezze el, a következő feladatokat:
  - Állítsa be az oldal nyelvét magyarra.
  - Állítsa be az oldal kódolását magyarra.
  - Állítsa be, hogy a böngésző fülön a vi felirat jelenjen meg.
  - A weblap tetején, 
    - az első bekezdés előtt
    - legyen egy vi fejezetcím, amit egyesszintűnek jelöl.
  - Minden fejezet előtt
    - legyen egy kettes szintű fejezetcím
    - tartalma a fejezet előtti megjegyzés szövege
  - Az "Interfész" megjegyzéssel ellátott bekezdésben:
    - jelölje számítógép billentyűzetnek a i, és a betűt
    - ahol billentyűként van hivatkozva.
    - A Esc szó szintén legyen számítógép billentyűnek jelölve.
  - A három bekezdésnek adjon kettes szintű fejezetcímet.
    - A cím a bekezdés előtti megjegyzésbe tett szöveg.
  - A HTML forráskódjában, megjegyzésbe, írja, a nevét és az aktuális dátumot.

==== Feladat 008 ====

Adott az adat.txt és az index.html állomány:

<code txt adat.txt>
Ősz

<!-- Gyümölcsszedés -->
Ha az óvilágban is elpihent a viszálykodás a kalászvágás, gyümölcsszedés idején, mennyivel inkább kellett kiderülni az örömnek ezen a kis édenkerten, melyen minden itt lakó szülő, testvér, szerető volt egymás irányában, s melynek istenadta fái, venyigéi, indái, kupacai annyi édes, tápláló gyümölcsét ontották egy áldott újvilágnak.


<!-- Érés -->
Most volt a gyümölcsérés ideje. A betakarítás nem fáradság, hanem gyönyörűség. A patriarcha, a Capitano rendeli el a feladatokat. Ő a tapasztalat embere. Tudja az érés idejét.

<!-- Szőlőszedés -->
Ma van a szőlőszedés napja, a bort tapossák, kővermekbe leszűrik, ott hagyják kiforrni, majd elszállítják birkabőrtömlőkben a hajóra, hordókba betöltik. Ez az első borszüret a szigeten.
</code>

A szöveg forrása:
  * https://mek.oszk.hu/00700/00778/html/jokai12.htm (2021)


<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-16" />
<title>névtelen</title>
</head>
<body>
 
</body>
</html>
</code>



Végezze el a következő beállításokat:


  - Az adat.txt állomány tartalmát illessze a weboldal törzs részébe.
  - Állítsa be a weboldal nyelvét magyarra. 
  - Állítsa be az oldal kódolását utf-8-ra.
  - Állítsa be a böngészőfülön megjelenő feliratot a következőre: Ősz
  - Az első szót (Ősz), jelölje meg egyes szintű fejezetcímnek.
  - Minden bekezdést előtt talál egy HTM megjezést.
    - A megjegyzést szövegét másolja a megjegyzés elé, majd 
    - Állítson be 2 szintű fejezetcímet.
  - A Gyümölcsszedés részben, a "kalászvágás" szót, jelölje dőltnek.
  - Az "Érés" részben a "gyümölcsérés ideje" szöveget jelölje kiemeltnek.
  - A "Szőlőszedés" részben a "hagyják kiforrni" szöveget jelölje meg erősnek.

==== Feladat 009 ====

Adott a következő szöveg.

<code>

Telep

Egyszer azonban egy indigótelepítvényt találtak megrohanni, mely a Blackfort-ház tulajdona volt; a telepítvény helyén nem maradt egy élő fa, egy zöld növény, egy levert karó, egy felismerhető emberi holttest, nemcsak megölve, lerombolva, hanem a szó teljes értelmében semmivé volt téve minden. Csak az elébb elfutott szomszédok hozták hírül, hogy ott az afgánok jártak.


Szomszédok

Ezt többé elnézni nem lehetett. Míg a vad szomszédok csak a falvak fölégetéseire szorítkoztak, addig senki sem gondolkozott mulatságaik megzavarásáról; hanem a Blackfort-ház már egyszer a legtekintélyesebb gyárházak egyike volt Angliában, s az ezen elkövetett injúriát megtorlatlan hagyni nem lehete.


Hadcsapat

Rögtön egy tekintélyes hadcsapat indíttatott el Calcuttából a Hindukus felé, négy zászlóalj vadász, négy osztály lovas karabinier; egy lovas ágyúüteg és egy röppentyűtelep kíséretében, melyhez egy század utász volt mellékelve. Ez utászszázadnál voltam én főhadnagy.
</code>


Van három bekezdés külön külön címekkel:
  * Telep
  * Szomszédok
  * Hadcsapat

A három címet tegye kettes szintű fejezetcímmé. A weblap tetejére 
a következő címet állítsa be, egyes szintű fejezetcímmé:

  * A láthatatlan csillag

A cím alatti bekezdéseket tegye p elemek közzé. 


===== Listák =====

==== Feladat 051 ====

<code html index.html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>névtelen</title>
</head>
<body>




<!-- A MIPS -->
A MIPS a Microprocessor without Interlocked Pipeline Stages rövidítése.
A MIPS 32 és 64 bites RISC utasításkészletű architektúra. 
Gyártója a MIPS Computer Systems, jelenlegi nevén MIPS Technologies.
A fejlesztést az 1980-as évek elején kezdte.

<!-- Kiterjesztések -->
Több opcionális kiterjesztése van. Ilyen kiterjesztés a MIPS-3D,
ami lebegőpontos számítást tesz lehetővé, SIMD utasításkészlettel. 
Az MDMX SIMD utasításkészlete egész típusú számításokra lett optimalizálva.

<!-- Beépített rendszerek -->
A MIPS processzorokat beépített rendszereken használják. Ilyen például:
  * Sony PlayStation 2
  * Sony PlayStation Portable

<!-- számítógépek -->
2006-ig az SGI is MIPS processzorral állított össze számítógépeket. 
Akik még alkalmazták:
  * Digital Equipment Corporation (DEC)
  * NEC
  * Pyramid Technology
  * Siemens Nixdorf
  * Tandem Computers

</body>
</html>
</code>

Töltse le a weboldalt, ügyeljen arra, hogy index.html nevű fájlba legyen mentve.



Végezze el a következő feladatokat:
  - Állítsa be az oldal nyelvét magyarra.
  - A böngésző fülön a "MIPS" szó jelenjen meg.
  - Van négy bekezdés
    - minden bekezdés legyen bekezdésnek jelölve
  - A bekezdések előtt legyen egy kettes szintű fejezetcím
    - tartalmuk, a bekezdés előtt található megjegyzés tartalma.
  - A negyedik bekezdésben
    - "Digital Equipment Corporation (DEC)"-től a "Tandem Computers"-ig, 
    - jelölje meg számozatlan listának
    - a csillagokat távolítsa el
    - a 3-dik bekezdésben ugyanígy
  - A lap tetején készítsen, egyes szintű fejezetcímet
    - tartalma "MIPS"
  - A HTML forráskódjában, megjegyzésbe, írja, a nevét és az aktuális dátumot.




==== Feladat 052 ====

Adott a következő weblap:

<code html index.html>

<!DOCTYPE html>
<html lang="en">
<head>
<title>névtelen</title>
</head>
<body>

<!-- A weblap teteje -->


<!-- A vi -->

Számos módja van a szövegek szerkesztésére
unix alapú rendszereken. A képernyő-orientált
szövegszerkesztő a vi. Lehetővé teszi sorok
szerkesztését, más sorokkal összefüggésben.

<!-- A vim -->

A vi szövegszerkesztő továbbfejlesztett
változata a vim. Elérhető a unix alapú 
operációs rendszerekre. A vi és vim 
szövegszerkesztők is nagy kis erőforrás 
igénnyel rendelkeznek. A unix alapú 
rendszereken a vi szabványnak tekinthető.


<!-- vi változatok -->

vi változatok

elvis-tiny
nvi
vim
neovim
vile


</body>
</html>
</code>

Töltse le a weboldalt, ügyeljen arra, hogy index.html nevű fájlba legyen mentve. 


Végezze el a következő feladatokat:
  - Állítsa be az oldal karakterkódolását magyarra.
  - Az oldal nyelvét állítsa magyar nyelvre.
  - A böngésző fülön a "vi" szó jelenjen meg.
  - Keresse meg a következő megjegyzéseket: "A vi", "A vim".
    - A megjegyzések alatti bekezdéseket jelölje HTML bekezdésnek.
  - Keresse meg a következő megjegyzéseket újból: "A vi", "A vim".
    - A bekezdések előtt legyen egy kettes szintű fejezetcím
    - tartalmuk, a bekezdés előtt található megjegyzés tartalma.
  - Keresse meg a "vi változatok" megjegyzés alatti felsorolást.
    - Jelölje számozatlan listának.
  - A weblap tetején legyen egy "vi szövegszerkesztő" szöveg 
    - A szöveget jelölje egyes szintű címsornak.
  - A "vi változatok" bekezdés alatt van egy ugyanilyen szöveg.
    - Jelölje kettes című fejezetcímnek.

==== Feladat 053 ====

<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>névtelen</title>
</head>
<body>
 
<!-- fdisk -->

<!-- az fdisk program -->
Az fdisk egy párbeszéd vezérelt program, partíciós táblák 
létrehozására, manipulálására. Használható GPT, MBR, Sun,
SGI és BSD partíciós táblákhoz.

<!-- kapcsolók -->
Az fdisk kapcsolói:

-b, --sector-size szektorméret
-B, --protect-boot
-C, --compatibility[=mód]
-h, --help
-L, --color[=mikor]
-l, --list
-o, --output lista
-s, --getsz
-t, --type típus
-u, --units[=egység]
 
 
</body>
</html>
</code>

A weboldal tetején megjegyzésbe írja saját nevét, osztályát, és az aktuális dátumot.

Végezze el a következő feladatokat:
  - Az oldal számára állítson be magyar nyelvet.
  - Az oldal karakterkódolása UTF-8 legyen.
  - A böngésző címsorában az fdisk szó jelenjen meg.
  - Az fdisk megjegyzés alatt írjon be fdisk szöveget.
    - a szöveget jelölje egyes szintű címsorként.
  - A "kapcsolók" megjegyzés után az egész bekezdést jelölje egyetlen bekezdésnek.
  - A "-b" szövegtől a -u, <nowiki>--units[=egység]</nowiki> szövegig jelölje számozott listának.
  - Az "az fdisk program" megjegyzés alatti bekezdést, jelölje bekezdésnek
  - Az "az fdisk program" megjegyzés alatt közvetlenül, hozzon létre egy kettes szintű fejezetcímet. Tartalma megjegyzés szövegével azonos.



==== Feladat 054 ====

Készítsen egy **turo** nevű könyvtárat.

Töltse le az alábbi **turo.html** állományt. 


<code html turo.html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="iso-8859-2">
    <title></title>
</head>
<body>
    <blockquote>
    <div>
    
        Túrószelet
                
        Hozzávalók
        <!-- hozzáválók -->

        25 dkg túró
        25 dkg burgonya
        2 tojás
        2 evőkanál liszt
        2 evőkanál búzadara
        csipet só
        zsír a sütéshez

        Elkészítés
        <!-- elkészítés -->
        A burgonyát megfőzzük, megtörjük. 
        Belekeverjük a tojást, sót, lisztet és a
        búzadarát. 

                
        Állni hagyjuk, majd kis lapos részekre szaggatjuk,
        majd kisütjük.

        <!-- forrás -->
        <p>
            Eredeti recept: 
            <a href="https://hu.wikibooks.org/wiki/Szak%C3%A1csk%C3%B6nyv/T%C3%BAr%C3%B3s_%C3%A9telek/T%C3%BAr%C3%B3szeletek">
            Wikibooks
            </a> 
        </p>

    </div>
    </blockquote>

</body>
</html>

</code>

Végezze el a következő feladatokat. 


  - A weblap forráskódjában, megjegyzés formájában, írja saját nevét és a készítés dátumát.
  - Az oldal számára állítson be magyar nyelvet.
  - Az oldal karakterkódolását állítsa be UTF-8-ra.
  - A böngésző címsorába a "Túrószelet" szó jelenjen meg.
  - A "Túrószelet" szót a weblap tetején jelölje meg 1-s fejezetcíművé.
  - A hozzávalók és az elkészítés megjegyzés feletti "Hozzávalók" és "Elkészítés" szavakat jelölje meg 2-s fejezetcíműnek.
  - A hozzáválók megjegyzés alatti 7 darab hozzávalót jelölje meg számozatlan listának.
  - Az elkészítés megjegyzés alatti 2 bekezdést, jelölje meg bekezdésnek.


=== Minta ===

{{:oktatas:web:html:feladat_054.png?400|}}


==== Feladat 055 ====

Adott a következő lista:

  * Lada
  * Ford
  * Opel
  * Citroen
  * Fiat
  * Mazda
  * Porsche
  * Peugeot

  - Készítsen egy weblapot.
  - A weblap nyelve legyen magyar.
  - A weblap kódolása legyen utf-8.
  - A böngészőfülön megjelenő szöveg legyen "Autók".
  - A weblap tetején legyen egyes fejezetcímben a következő szöveg: "Autók".
  - A egyes szintű fejezetcím alatt, legyen kettes szintű fejezetcímmel a következő: "Márkák".
  - Tegye a listát a weblapba, jelölje HTML listának.
  - A weblap tetején megjegyzésben írja saját nevét, csoportját és az aktuális dátumot.


==== Feladat 056 ====

Adott a következő lista:

  * Ács József
  * Áfra János
  * Agócs Sándor
  * Albert Gábor
  * Ambrus Lajos
  * Bada Tibor
  * Babics Imre
  * Bálint György
  * Brassai Viktor
  * Császár Ferenc

  - Készítsen egy weblapot.
  - A weblap nyelve legyen magyar.
  - A weblap kódolása legyen utf-8.
  - A böngészőfülön megjelenő szöveg legyen "Barátok".
  - A weblap tetején legyen egyes szintű fejezetcímmel a "Barátok" szó.
  - Tegye a listát a weblapba, jelölje HTML listának.
  - A weblap tetején megjegyzésben írja saját nevét, csoportját és az aktuális dátumot.
  - A lista előtt egyes szintű fejezetcímmel írja ki: "Költők".



==== Feladat 057 ====

Töltse le a következő index.html állományt.

<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="latin-2">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div>
        <!-- Gombák -->
        Gombák

        <!-- A gombákról -->
        A gombákról
        
        <!-- Leírás a gombákról -->
        A gombák az állítokhoz hasonlóan szénszükségletüket
        szervesanyagokból, engergiaszükségletüket
        peidg kémiai anyagokból fedezik.

        <!-- Rokon tulajdonságok -->
        Rokon tulajdonságok

        <!-- Bevezető szöveg -->
        A növényekkel és és állatokkal rokon tulajdonságok:

        <!-- Rokon lista -->
            Membránnal határolt sejtmaggal renelkeznek.
            Szerves anyagokat bontanak le.
            Sejtjeiket sejtfal veszi körül.
            L-lizin aminosav szintézis.
            70 gombafaj lumineszkál.
            A sejtfalak glükánokból, néhol kitinből áll.
            Nincs specializált szöveg.

        <!-- Névjegy -->


    </div>

</body>
</html>
</code>

Végezze el a következő feladatokat:

  - A weblap tetején hozzon létre megjegyzést, ahova saját nevét, csoportját és az aktuális dátumot írja.
  - Állítsa be az oldal nyelvét magyarra.
  - Állítson be UTF-8 kódolást.
  - A böngésző címsorában/fülén a "Gomba" szó jelenjen meg.
  - A div elem számára állítson be container osztályjelölőt. A következő feladatokat ezen belül oldja meg.
    - A "Gombák" megjegyzést követő szöveget jelölje egyesfejezetcímnek.
    - A "A gombákról" megjegyzés alatti címszöveget jelölje kettes szintű fejezetcímnek.
    - A "Leírás a gombákról" megjegyzést követő bekezdést jelölje bekezdésnek.
    - A "Rokon tulajdonságok" megjegyzést követő címszöveget jelölje kettes fejezetcímnek.
    - A "Rokon lista" megjegyzés után következő 7 sort jelölje számozatlan listának.
      - Minden sor külön listaelemnek legyen jelölve.
      - A számozatlan listának állítson be "gomblista" osztályjelölőt.
    - A "Névjegy" megjegyzést követően készítsen egy section elemet.
    - A section elembe írja be saját nevét, a csoportját és az aktuális dátumot.
    - A listán belül az "L-lizin" szót jelölje félkövérnek.

=== Minta ===

{{:oktatas:web:html:minta_057.png|}}


==== Feladat 058 ====

Töltse le a következő index.html állományt.

<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-32">
    <title>Document</title>
</head>
<body>

    Repülőgépek


    <!-- Cessna -->

    A Cessna az egyik leggyakrabban gyártott
    kisrepülőgép. 1956-ban jelent meg, azóta is 
    folyik a gyártása. A világon mindenhol láthatunk
    Cessna típusú repülőgépet. Alacsony sebesség esetén 
    is nagyfokú stabilitást biztosít.

    <!-- Stearman -->

    A Boeing 1934-ben megvásárolta és Model 75 néven
    kiképzőgépként gyártotta, az amerikai légierő 
    számára. Manapság mezőgazdasági és sportrepülőgépként
    használják.

    <!-- kisgépek listája -->

    HA-VED
    HA-VEG
    HA-VEK
    HA-TUW
    HA-VES
    HA-JAU


    <!-- sources -->
    Forrás: 

</body>
</html>

</code>

Végezze el a következő feladatokat:

  - Állítsa be az oldal nyelvét magyarra.
  - Az weblap karakterkódolását állítsa utf-8-ra.
  - A böngészőben megjelenő szöveg "Repülőgép" legyen.
  - A weblap tetején a "Repülőgépek" szövegeket jelölje egyes szintű fejezetcímnek.
  - A "Cessna" és a "Stearman" megjegyzések alatti mondatokat:
    - Jelölje bekezdésnek
  - A "Cessna" és a "Stearman" megjegyzések alatti bekezdéseket:
    - Lássa el kettes szintű fejezet címmel
    - Tartalm a megjegyzésben lévő szöveg.
  - A "kisgépek listája" megjegyzés alatti listát jelöje számozott listának.
  - A "sources" megjegyzés alatta a "Források:" szöveget tegye megjegyzésbe.


==== Feladat 059 ====

Töltse le a következő weblapot, és használja forrásfájlként.

<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-16">    
    <title>Document</title>
</head>
<body>

    <!-- Cím -->
    Roboráló gyügynövények
    

    <!-- Csipkebogyó -->

    A-, B1-, B2-, és K-vitamin található
    benne, de legfontosabb hatóanyaga a 
    természetes C-vitamin. A C-vitamin 
    részt vesz az oxidációs folyamatok 
    szabályozásában, erősíti a vérerek 
    falát, szilárdítja a kötőszövetet, 
    fokozza a szervezet védekezőképességét, 
    ellenállását a fertőzésekkel, 
    betegségekkel szemben. Megelőzésként 
    segíti a csontok erősödését, 
    szilárdságát és a csontképződést.


    <!-- Csalán -->

    Magas termetű (kb. 50–150 cm magas), 
    csalánszőrökkel borított, szögletes 
    hajtású, indás évelő növény. Minden 
    szervén megtalálhatóak a csalánszőrök, 
    amelyeknek érintése fájdalmas, égető, 
    viszkető érzést okoz, apró kiütésekkel. 
    Ennek oka, hogy a csalánszőrök hangyasavat 
    tartalmaznak. A csalánszőrrel a bőrszövet 
    alá kerül a hangyasav, mely maró hatású, 
    szúrós szagú, színtelen folyadék. 

    <!-- Növények listája -->

    csipkebogyó
    csalán
    homoktövis
    fekete szeder


    <!-- sources -->
    Forrás
    <a href="https://hu.wikipedia.org"></a>

</body>
</html>
</code>

A weblap tetején szerepeljen a neve, csoportja és készítés dátuma.

Végezze el a következő feladatokat:

  - Állítsa be a weboldal kódolását utf-8-ra.
  - Állítsa be, hogy a böngésző fülein a "Roborálás" szó jelenjen meg.
  - A "Roboráló gyügynövények" szöveget az oldal tetején jelölje egyes szintű fejezetcímnek.
  - A "Csipkebogyó" és a "Csalán" megjegyzések alatti bekezdéseket, állítsa be bekezdésnek.
  - A "Csipkebogyó" és a "Csalán" megjegyzések alatt, hozzon létre kettes szintű fejezetcímeket.
    - Tartalma a megjegyzésben szerplő szöveg.
  - Az oldal nyelvét állítsa magyar nyelvre.
  - A "Növények listája" megjegyzés alatt a négy növénynevet tegye számozatlan listába.
  - A "sources" megjegyzés alatt a "Forrás" szöveget jelölje kettes szintű fejezetcímnek.

==== Feladat 060 ====

<code html index.html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-32">
    <title>Document</title>
</head>
<body>

    <!-- Cím -->
    Kovászos kenyér

    <!-- Tartalom -->

    A kovászos kenyér gazdag rostokban, vasban, 
    szelénben, rézben, mangánban, foszforban, 
    káliumban,  B12-vitaminban, niacint, tiamint 
    riboflavint és folátot tartalmaz.


    <!-- Glutén -->

    A glutén egy részét lebontja, de nem az egészet.
    Mindenképpen egészségesebb a fehérkenyérhez képest.


    <!-- Előnyök -->

    immunrendszer erősítő
    bélrendszer támogatása
    alacsonyabb glikémiás index
    szívbarát

    <!-- sources -->

    Forrás: 
    
</body>
</html>
</code>


A weblap tetején szerepeljen a neve, csoportja és készítés dátuma.

Végezze el a következő feladatokat:

  - Az oldal nyelvét állítsa magyar nyelvre.
  - Állítsa be a weboldal kódolását utf-8-ra.
  - Állítsa be, hogy a böngésző fülein a "Kovász" szó jelenjen meg.
  - A "Kovászos kenyér" szöveget az oldal tetején jelölje egyes szintű fejezetcímnek.
  - A "Tartalom" és a "Glutén" megjegyzések alatti bekezdéseket, állítsa be bekezdésnek.
  - A "Tartalom" és a "Glutén" megjegyzések alatt, hozzon létre kettes szintű fejezetcímeket.
    - Tartalma a megjegyzésben szereplő szöveg.
  - A "Előnyök" megjegyzés alatt a négy előnyt talál, tegye számozatlan listába őket.
  - A "sources" megjegyzés alatt a "Forrás" szöveget jelölje megjegyzésnek.

===== Képek =====

==== Feladat 101 ====

Adott a következő weboldal:

<code html index.html>
<!DOCTYPE html>
<html>
<head>
    

</head>
<body>

A Solaris

<!-- A Solaris -->    
A Solaris operációs rendszer (Solaris Operating System) a SUN Microsystems által kifejlesztett számítógépes operációs rendszer.

<!-- Korai verziók -->
A korai verziók még a BSD UNIX-on alapultak, ezeket SunOS-nak hívták. A System V bekerülése a SunOS-ba nagy változást hozott. A fejlesztés két ágra szakadt. A BSD kódot tartalmazó ágat SunOS 4-nek vagy Solaris 1-nek, a System V kódot tartalmazó ágat pedig SunOS 5-nek vagy Solaris 2-nek nevezték el. A Solaris 2.6 után a Sun Microsystems "eldobta" a 2-es számozást és (2002 elején) Solaris 7 néven folytatta.

<!-- Használat -->
A Solaris-t elsődlegesen SPARC processzorokra írták, de elérhető PC-re is. A jelenleg támogatott Solaris 10 futtatható AMD64-en, ugyanúgy, mint SPARC-on és X86-on is, a Solaris 11 ugyanakkor már csak a SPARC (M és T szériás szerverek) és az X86-64-es architektúrákat támogatja.

<!-- Megnyitás -->
A Sun elkezdte – fokozatosan – megnyitni a Solaris-t. Tervei szerint végül teljesen szabad szoftverré vált volna a Solaris, mind a bináris, mind a forrás változat ingyenesen letölthető lett volna. Ezért létrehozták az OpenSolaris-t, mely a Sun Common Development and Distribution License alapján volt fejleszthető. Éppen ennek okán több mint 1600 szabadalmát tette nyilvánosan elérhetővé (a CDDL licencelőknek). Amikor az Oracle megvásárolta a Sun-t, megszüntette az OpenSolaris projektet és azóta a Solaris kódokat nem teszi elérhetővé CDDL alatt. Az OpenSolaris közösség úgy döntött, hogy a saját kezébe veszi az irányítást és 2010. augusztus 3-án bejelentette az Illumos projektet, amely az OpenSolaris leágazásának is tekinthető.

</body>
</html>
</code>

{{:oktatas:web:html:solarislogo.png?200|}}


A szöveg forrása:
  * [[https://hu.wikipedia.org/wiki/Solaris_(oper%C3%A1ci%C3%B3s_rendszer)]]
A kép forrása:
  * [[https://en.wikipedia.org/wiki/Solaris_(operating_system)]]


Töltse le az index.html weblapot, és a solaris képet.

Oldja meg a következő feladatokat:
  - A weboldal számára állítson be magyar nyelvet.
  - A böngésző fülén a "Solaris" szöveg jelenjen meg.
  - Állítson be utf-8 kódolást. 
  - A body tag után a "A Solaris" szöveget jelölje meg
    - legyen egyes szintű fejezetcím
  - Az egyes szintű fejezetcím után, 
    - minden bekezdés legyen bekezdésnek jelölve
  - Minden bekezdés előtt legyen kettes szintű fejezetcím
    - tartalmuk a bekezdés előtti megjegyzés szövege
  - Az első bekezdés után szúrja be a solarisLogo.png képet.
    - Ha ki van kapcsolva a képek megjelenítése a következő szöveg jelenjen meg:
      - "Solaris Logo"
    - Ha kép felé visszük az egeret, a következő szöveg jelenjen meg:
      - "A Solaris operációs rendszer logója"

==== Feladat 102 ====

Töltse le az alábbi képeket és az index.html állományt.

<figure>
{{:oktatas:web:html:helyihalozat.png?200|}}
<caption>Helyi hálózat</caption>
</figure>


<figure>
{{:oktatas:web:html:asztaliszamitogep.png|}}
<caption>Asztali számítógép</caption>
</figure>

<figure>
{{:oktatas:web:html:forgalomiranyito.png|}}
<caption>Forgalomirányító</caption>
</figure>

<figure>
{{:oktatas:web:html:kapcsolo.png|}}
<caption>Kapcsoló</caption>
</figure>

<figure>
{{:oktatas:web:html:nyomtato.png|}}
<caption>Nyomtató</caption>
</figure>

<figure>
{{:oktatas:web:html:szerverszamitogep.png|}}
<caption>Szerver számítógép</caption>
</figure>


<code html index.html>
<!DOCTYPE html>
<html>
<head>
  

</head>
<body>

<!-- Helyi hálózatok -->
A helyi hálózatokat, angolul Local Area Network néven használjuk,
rövidítve LAN. A helyi hálózatok a számítógépes hálózatok azon
részei, amelyek egy iroda, egy gyár, egy üzem, egy otthon
hálózatát alkotják. Jellemzően asztali és szerver számítógépek,
forgalomirányítók, kapcsolók, nyomtatók alkotják. 

<!-- Forgalomirányító -->
A forgalomirányító, angolul router, a számítógépes hálózatokban
a csomagok útválasztásáért, a hálózatok összekötéséért felelős. 
Az útválasztáshoz többféle protokollt képesek használni 
felhasználástól függően.

<!-- Kapcsoló -->
A kapcsolók, angolul switch, a számítógépes hálózatokban 
az hálózati eszközök közötti adatáramlást biztosítják.
A kapcsolók a korább elosztókkal (hub) szemben, képesek
a MAC cím alapján, csak az adott portjukra továbbítani
az adatáramot. 

<!-- Szimbólumok -->

Hagyományosan a hálózati elemeket a következő 
ábrák szimbolizálják:
<ul>
    <li>forgalomirányító</li>
    <li>kapcsoló</li>
    <li>asztali számítógép</li>
    <li>szerver számítógép</li>
    <li>nyomtató</li>
</ul>



</body>
</html>
</code>


Oldja meg a következő feladatokat:
  - A weboldal számára állítson be magyar nyelvet.
  - A böngésző fülén a "Hálózat" szöveg jelenjen meg.
  - Állítson be utf-8 kódolást. 
  - A body tag után az "A hálózat" szöveget jelölje meg
    - legen egyes szintű fejezetcím
  - A "Figure 1" feliratú képet
    - illessze a "Helyi hálózatok" megjegyzéssel ellátott bekezdés végére.
  - A "Figure 2"-től a "Figure 6"-ig megjelölt képeket,
    - szúrja be a lista elemek tartalmainak végére.
  - Minden bekezdés legyen HTML bekezdésnek jelölve.
    - A "Szimbólumok" megjegyzéssel ellátott bekezdésben
    - a lista is legyen benne a bekezdésben.
  - Minden bekezdésnek adjon egy kettes szintű fejezetcímet
    - A fejezetcím tartalma a bekezdés előtti megjegyzés szövege

==== Feladat 103 ====

Töltse le az alábbi képet, és az index.html állományt.

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

<!-- 1 szintű fejezetcím -->
Az Arduino

<!-- Az arduino -->
Az Arduino egy egykártyás mikrovezérlő, Atmel AVR, ARM Cortex-M 
és Intel Curie processzorral. Az Arduino hivatalos oldala: 
https://www.arduino.cc/. Az Arduino tulajdonképpen egy 
elektronikai fejlesztő eszköz, amely egy Arduino Board-ból
és egy integrált fejlesztői környezetből áll. 

<!-- Szoftver -->
Az Arduino IDE egy Java nyelven írt, kereszt-platformos 
program, amelyben programokat készíthetünk és töltehtünk
fel az Arduino Boardra. Az Arduino programozási nyelve 
C/C++ alapú.

<!-- Arduino Board -->
Arduino Board-ból többféle változat áll rendelkezésre. 
Ezek eltérnek egymástól a mikrovezérlő típusában, a 
belső memóriában, a be és kimeneti eszközök számában.
Némelyik rendlelkezik beépítve Ethernet, Wif-fi vagy
Bluetooth eszközzel. 

<!-- Shield -->
Az Arduino úgynevezett Shield-ekkel egészíthető ki. 
Ezek egyszerű elektronikai áramkörök, amelyeket
könnyedén illeszthetünk a borad-okhoz.

</body>
</html>
</code>

<figure>
{{:oktatas:web:html:arduino_pro_micro.jpg?200|}}
<caption>Arduino Pro Micro</caption>
</figure>

<figure>
{{:oktatas:web:html:arduino_robot.jpg?200|}}
<caption>Arduino Robot</caption>
</figure>

<figure>
{{:oktatas:web:html:arduino_uno.jpg?200|Arduino Uno}}
<caption>Arduino Uno</caption>
</figure>


A képek a következő oldalról származnak:
  * https://en.wikipedia.org/wiki/Arduino (2020)

Oldja meg a következő feladatokat:
  - A weboldal számára állítson be magyar nyelvet.
  - A böngésző fülén a "Arduino" szöveg jelenjen meg.
  - Állítson be utf-8 kódolást. 
  - A body tag után az "Az Arduino" szöveget jelölje meg
    - legen egyes szintű fejezetcím
  - A "Arduino Pro Micro" feliratú képet
    - illessze a "Az Arduino" megjegyzéssel ellátott bekezdés végére.
    - A kép a HTML bekezdésen belül szerepeljen
  - A "Arduino Robot" feliratú képet
    - illessze a "Arduino Board" megjegyzéssel ellátott bekezdés végére.
    - A kép a HTML bekezdésen belül szerepeljen
  - A "Arduino Uno" feliratú képet
    - illessze a "Shield" megjegyzéssel ellátott bekezdés végére.
    - A kép a HTML bekezdésen belül szerepeljen
  - Minden bekezdésnek adjon egy kettes szintű fejezetcímet
    - A fejezetcím tartalma a bekezdés előtti megjegyzés szövege


==== Feladat 104 ====

Töltse le a következő tömörített fájlt:

  * [[https://szit.hu/download/oktatas/web/html/feladatok/feladat_104_forras.zip]]

Csomagolja ki a letöltött fájl. 

Végezze el a következő műveleteket:

  - Állítsa be az oldal nyelvét magyarra.
  - Állítsa be az oldal kódolását utf-8-ra.
  - A böngésző fülön a VLAN szó jelenjen meg.
  - A LAN megjegyzés alatt a LAN szót jelölje egyes szintű fejezetcímnek.
  - A Hálózat ábra megjegyzés alatt szúrja be az images/feladat_104_halozat.png képet.
  - A "Hálózat leírása" megjegyzés alatti szöveget jelölje bekezdésnek, a következő megjegyzésig.
  - Az "IP címek" megjegyzés alatt az "IP címek" szöveget jelölje kettes fejezetcímmel.
  - Az "IP címek listája" megjegyzés alatti 5 sort jelölje számozatlan listát.
  - Az egy sorokat jelölje listaelemnek. 


Mentés: lanha

==== Feladat 105 ====

Töltse le a következő tömörített fájlt:

  * [[https://szit.hu/download/oktatas/web/html/feladatok/feladat_105_forras.zip]]

Csomagolja ki a letöltött fájl. 

Végezze el a következő műveleteket:

  - Állítsa be az oldal nyelvét magyarra.
  - Állítsa be, hogy a böngészőfülön a "Csengő" szó jelenjen meg.
  - A header elemek között jelenítse meg a csengo.png képet.
  - A header elemek közötti csengo.png kép ha nem jeleníthet meg, a "Csengő" szó jelenjen meg helyette.
  - A weblap tetején a "Csnegő iroda" címet jelölje 1-s szintű fejezetcímnek.
  - A második bekezdésben a "hálózat leírása" megyjegyzésben lévő szöveg utáni sorban jelenítse meg a halozat.png képet.
  - A halozat.png kép, ha nem jeleníthető meg, akkor a "Hálózat" szó jelenjen meg a weblapon.
  - A harmadik bekezdésben a hálózati cím legyen félkövérnek jelölve.
  - A végponti eszközöket jelölje meg számozatlan listának.

Minta:

{{:oktatas:web:html:kesz_minta_105.png?200|}}


Mentés: csengo


===== Táblázat =====

==== Feladat 151 ====

<code html index.html>
<!DOCTYPE html>
<html>
<head>

</head>
<body>

Tru64 UNIX

A Tru64 UNIX megszünt 64 bites UNIX operációs rendszer. 
Jelenleg a Hewlett-Packard tulajdonásban van. 
Korábban a Compaq cég tulajdona volt, előtt pedig a
Digital Equipment Corporation tulajdona volt.

<table>
    <tr>
        <th>Verzió</th>
        <th>Dátum</th>
        <th>Megjegyzés</th>
    </tr>
    <tr>
        <td>DEC OSF/1 1.2</td>
        <td>March 1993</td>
        <td></td>
    </tr>
    <tr>
        <td>DEC OSF/1 1.2A</td>
        <td>April 1993</td>
        <td>Hardware only release</td>
    </tr>
</table>

</body>
</html>

</code>

A táblázat adatainak forrása:
  * https://en.wikipedia.org/wiki/Tru64_UNIX (2020)


Töltse le az index.html állományt. 

Végezze el a következő feladatokat:
  - Állítson be a HTML oldal számára magyar nyelvet.
  - Az oldal kódolása utf-8 legyen.
  - A böngésző fülön megjelenő szöveg Tru64 legyen.
  - A lap tetején a "Tru64 UNIX" szöveg egyes szintű címsorként legyen megjelölve.
  - A címsort követő bekezdés legyen bekezdésnek jelölve.
  - A bekezdésben a "Tru64 UNIX" szöveg legyen kiemeltnek jelölve.
  - A táblázatot egészítse ki egy újabb sorral. 
    - Tartalma lentebb található

|  DEC OSF / 1 1.3  |  1993. július  |

==== Feladat 152 ====

{{:oktatas:web:html:tablazat_01.png|}}

Végezze el a következő feladatokat:
  - Készítsen egy weboldalt, állítson be a HTML oldal számára magyar nyelvet.
  - Az oldal kódolása utf-8 legyen.
  - A böngésző fülön megjelenő szöveg Verseny legyen.
  - Állítsa be a táblázatban látható oszlopnyúlást.
  - Állítsa be a táblázatban látható sornyúlást.

 
==== Feladat 153 ====

{{:oktatas:web:html:tablazat_02.png|}}

Végezze el a következő feladatokat:
  - Készítsen egy weboldalt, állítson be a HTML oldal számára magyar nyelvet.
  - Az oldal kódolása utf-8 legyen.
  - A böngésző fülön megjelenő szöveg Verseny legyen.
  - Állítsa be a táblázatban látható oszlopnyúlást.
  - Állítsa be a táblázatban látható sornyúlást.

==== Feladat 154 ====

{{:oktatas:web:html:tablazat_03.png|}}

Végezze el a következő feladatokat:
  - Készítsen egy weboldalt, állítson be a HTML oldal számára magyar nyelvet.
  - Az oldal kódolása utf-8 legyen.
  - A böngésző fülön megjelenő szöveg Verseny legyen.
  - Állítsa be a táblázatban látható oszlopnyúlást.
  - Állítsa be a táblázatban látható sornyúlást.

===== Hiperhivatkozások =====

==== Feladat 201 ====

Adott a következő szöveg:

<code>
A sötét anyag közvetlenül nem figyelhető meg, mivel semmilyen elektromágneses
sugárzást nem bocsájt ki. 
</code>

A "sötét anyag" szavakat együtt jelölje hiperhivatkozásnak.
A hivatkozás célja legyen a következő cím:

  * https://en.wikipedia.org/wiki/Dark_matter


==== Feladat 202 ====

Adott a következő szöveg:

<code>
Az óriásfogú cápa tudományos nevén megalodon, 23-3,6 millió éve
létezett a földön. A vala élt legnagyobb húsevő gerinces.
</code>


Jelölje a "megalodon" szót hiperszövegnek. A hiperszöveg a következő címre mutasson:

  * https://hu.wikipedia.org/wiki/%C3%93ri%C3%A1sfog%C3%BA_c%C3%A1pa

==== Feladat 203 ====

Adott a következő szöveg:

<code>
Azokat a hajókat, amelyek nagy teljesítményű motorral szereltek motorcsónaknak
nevezzük. A nagyobb motor azt jelenti, hogy 4 kW-nál nagyobb a teljesítménye.
Ha a hajótest 30-40 lábnál hosszabb, akkor jachtnak nevezzük.
</code>

Jelölje a "motorcsónaknak" szót hiperszövegnek. 
A hiperszöveg a következő URL-re hivatkozzon:

  * https://hu.wikipedia.org/wiki/Motorcs%C3%B3nak

==== Feladat 204 ====

Adott a következő szöveg:

<code>
A szél erejével hajtott hajó a vitorlás hajó. 
A vitorlás hajók az árbocok alapján tipizálhatók.
Így beszélünk egy, másfél, két és három vagy sokárbocú
vitorlásról.
</code>

Jelölje az első mondatban a "vitorlás hajó" szavakat
hiperszövegnek. A hiperszöveg a következőre hivatkozzon:

  * https://hu.wikipedia.org/wiki/Vitorl%C3%A1s_haj%C3%B3

A hiperhivatkozás célja egy új üres ablak legyen. Másként szólva: 
A linkre kattintva a weboldal új böngészőfülön nyíljon meg.

==== Feladat 205 ====

Adott a következő szöveg:

A gravitáció az elhajlított téridő következménye.
A torzult tér az adott testhez közeledve egyre
meredekebb, amit erősödő gravitációként érzékelünk.
A testtől távolodva a téridő egyre kevésbé meredek,
így a gravitációt gyengébbnek érezzük.


Jelölje a "gravitáció" szót az első mondatban hiperszövegnek. 
A hiperszöveg a következő URL-re hivatkozzon:

  * https://hu.wikipedia.org/wiki/Gravit%C3%A1ci%C3%B3

==== Feladat 206 ====

Adott a következő szöveg:

<code>
Az Orion-köd csillag között egy gázfelhő, ami az Orion 
csillagképben található. A felhő mélyén új csillagok 
születnek. A létrejött csillagok halmaza a Trapéz.
</code>


Jelölje az "Orion-köd" nevet hiperszövegnek. 
A hiperszöveg a következő URL-re mutasson:

  * https://en.wikipedia.org/wiki/Orion_Nebula

A hiperszöveg célja (target), egy új lap legyen.

Adott a következő URL:
  * https://wp-hu.wikideck.com/Orion-k%C3%B6d

A fenti URL-lel együtt a szöveg után készítsen egy 
bekezdést "Forrás" címmel, majd két URL-t helyezze 
el egy listában, hiperhivatkozásként. 
A hiperhivatkozás célja (target) egy új böngészőfül legyen.

Tegye az eredményt egy orion.html állományba.
Ügyeljen a szabványos HTML oldalra. 

==== Feladat 207 ====

Adott a következő szöveg:

<code>
A lakókocsi, olyan lakójármű, amely önerejéből mozgásra képtelen. 
Van benne konyha, wc, hálóhely, zuhany, így
alkalmas szabadidő tevékenységekhez.
A lakókocsik a régi lovas karavánokhoz vezethetők 
vissza. 
</code>


Jelölje a "lakókocsi" szót az első mondatban hiperszövegnek. 
A hiperszöveg a következő URL-re mutasson:

  * [[https://en.wikipedia.org/wiki/Caravan_(trailer)]]

A hiperszöveg célja (target), egy új lap legyen.

Tegye a szöveget egy szabványos weblapra.


==== Feladat 208 ====

Adott a következő szöveg:

<code>
1771-ben Nicolas-Joseph Cugnot épetett egy járművet,
ágyuk vontatására. Ezt számítjuk az első tehergépjárműnek.
Cugnot járművét nem használták tovább az első próbaútjánál,
mivel kidöntött vele egy falat. A problémát az orrnehéz 
jármű irányíthatatlansága okozta.
</code>

Helyezze el a szöveget egy HTML dokumentumban. 
Adjon az oldalnak főcímet: "Tehergépkocsi".

A szöveg bekezdésként szerepeljen a HTML oldalon.

A második mondatban a "tehergépjárművek" szót jelölje
hiperszövegnek. A hiperszövegre kattintva a böngésző
navigáljon a következő helyre:

  * https://hu.wikipedia.org/wiki/Teherg%C3%A9pkocsi

Készítsen egy kettes szintű fejezetcímet, "Forrás" 
tartalommal. A fejezetcím alá vegye fel listába 
az előbbi URL-t.

==== Feladat 209 ====

Adott a következő szöveg:

<code>
Az első ismert utak Mezopotámiában és Ázsiában készültek.
Az első igazi műutat, ami alapozva is volt, az etruszkok
építették. Vastag kavicságyra fektették a jól összeillesztett 
köveket.
</code>

Helyezze el a szöveget egy HTML dokumentumban. 
Adjon az oldalnak főcímet: "Út".

A szöveg bekezdésként szerepeljen a HTML oldalon.

Az első mondatban a "utak" szót jelölje
hiperszövegnek. A hiperszövegre kattintva a böngésző
navigáljon a következő helyre:

  * [[https://hu.wikipedia.org/wiki/%C3%9At_(k%C3%B6zleked%C3%A9s)]]

Készítsen egy kettes szintű fejezetcímet, "Forrás" 
tartalommal. A fejezetcím alá vegye fel listába 
az előbbi URL-t.

==== Feladat 210 ====

Adott a következő lista:

  * Vulci - https://hu.wikipedia.org/wiki/Velch
  * Cortona - https://hu.wikipedia.org/wiki/Cortona
  * Volterra - https://hu.wikipedia.org/wiki/Volterra


Helyezze el a listát egy HTML dokumentumban, egy számozatlan listában. 

Adjon az oldalnak főcímet: "Etruszkok".

A weboldalon csak a városok nevei szerepeljenek URL és kötőjel nélkül.
Mindhárom városnevet jelölje hiperszövegnek. Minden városhoz
a hozzátartozó URL-t adja meg hivatkozásként.

Mindhárom hiperszöveg célja (target) új böngészőfül legyen.

Készítsen egy kettes szintű fejezetcímet, "Forrás" 
tartalommal. Egy újabb listába vegye fel a következő
linket, hiperhivatkozásként:

  * https://hu.wikipedia.org/wiki/Etruszkok

==== Feladat 211 ====

Töltse le a következő .zip kiterjesztésű fájlt:

  * [[https://szit.hu/download/adat/oktatas/web/html/html_211_forras.zip]]

Bontsa ki a benne található 3 állományt.

Készítsen navigációs sávot a főcím alá. 
A navigációs sávot alakítsa ki az erre a célra 
létrehozott HTML elemmel. Ezen belül listával
alakítsa tovább a navigációs sávot. A lista
elemei három hiperhivatkozás legyen. 

A hiperhivatkozások a 3 darab weblapra legyenek
hivatkozások. A hiperhivatkozásként megjelölt 
szövegek a tartalomhoz igazodjanak.

==== Feladat 212 ====

Töltse le a következő .zip kiterjesztésű fájlt:

  * [[https://szit.hu/download/adat/oktatas/web/html/html_212_forras.zip]]

Bontsa ki a benne található 3 állományt.

Készítsen navigációs sávot a főcím előtt közvetlenül. 

A navigációs sávot alakítsa ki az erre a célra 
létrehozott szemantikus HTML elemmel. Ezen belül listával
alakítsa tovább a navigációs sávot. A lista
elemei három hiperhivatkozás legyen. 

A hiperhivatkozások a 3 darab weblapra legyenek
hivatkozások. A hiperhivatkozásként megjelölt 
szövegek a tartalomhoz igazodjanak.

Az első oldalon a forrásként megadott URL legyen hiperhivatkozásnak jelölve.

===== Szabad =====

==== Feladat 0501 ====

Készítsen weblapot a pókokról. 


A weblap egy index.html nevű fájlba mentese a pokok könyvtárba.


===== Hibás elemek (csak HTML) =====

==== Feladat 0601 ====

Adott a következő weblap. A weblap tele van hibás tagekkel. 
Javítsa a hibákat.

<code vmi doboz.html>
<!DOTYPE html>
<htm lang="hu" dir="ltr">
    <hea>
        <meta carset="utf-8">
        <title></title>
        <link rel="stylesheet" href="style.css">
    </hea>
    <body>
        <div id="content">
            <div class="doboz" id="d1"></di>
            <div class="doboz" id="d2"></di>
            <div class="doboz" id="d3"></di>
            <div class="doboz" id="d4"></di>
            <div class="doboz" id="d5"></di>
        </div>
    </body>
</html>
</code>

==== Feladat 0602 ====

<code vmi szoveg.html>
<!DOCTYPE html>
<html lang="hu" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>Hajó</title>
    </head>
    <body>
        <div id="content">

        <h1>Hajó</h1>
        <h2>A hajó felépítése</h2>
        <p>Lorem ipsum dolor sit amet, cons</p>

        <ul>
            <li>kémény</li>
            <li>tat/li>
            <li class="ketto">hajócsavar</li>
            <li class="ketto">hajótest</li>
            <li clas="egy">horgony</li>
            <li class="egy">bulbaorr</li>
            <li class="egy">orr</li>
            <li>fedélzet

                <olo>
                    <l>hajóűr</l>
                    <li>hajótő</li>
                    <li>fedélköz</li>
                    <l>hajókamra</li>
                </olo>
            </li>

        </ul>


        </div>
    </body>
</html>

</code>

==== Feladat 0603 ====

<code vmi tabla.html>
<!DOCTYPE html>
<html lang="hu" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>

<div id="content">


        <table>
            <t>
                <td>1</td>
                <td>Takács János</t>
                <td>Szolnok</td>
                <td>1850000</td>
            </t>
            <tr>
                <td>2</td>
                <td>Látó Ödön</td>
                <td>Szeged</td>
                <td>2380000</td>
            </tr>
            <tr>
                <td>3</td>
                <td>Tompa Dániel</td>
                <td>Szolnok</td>
                <td>2850000</td>
            </tr>
            <tr>
                <td>4</td>
                <td>Rénó Boldizsár</td>
                <td>Szeged</td>
                <td>2100000</td>
            </tr>
            <tr>
                <td>5</td>
                <td>Tubus Katalin</td>
                <td>Szeged</td>
                <td>2223000</td>
            </tr>
        </table>

        <p>Lorem ipsum dolor sit amet</p>

</div>
    </body>
</html>

</code>
szit

Felhasználói eszközök

Eszközök a webhelyen

Eszközök az oldalon
