HTML feladatok

Szerző: Sallai András
Copyright © 2020, Sallai András
Szerkesztve: 2020-2024
Licenc: 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:

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.

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

index.html

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

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ímeket adja, kettes fejezetcímmel:
1. 1 bekezdés: A szemrehányás
2. 2 bekezdés: A szentkönyv
3. 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:

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.

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

index.html

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

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. 1 bekezdés: A jövedelem
2. 2 bekezdés: A kollégium
3. 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.

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

index.html

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

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:
1. Egy
2. Kettő
3. 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.

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

index.html

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

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.
1. A „Támogatott platformok: és következő két sor legyen egyetlen bekezdés.
2. 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
1. 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:

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>

Végezze el a következő feladatokat:

Állítsa be az oldal nyelvét magyarra.
Állítson be, olyan karakterkódolást, amelyben az összes magyar ékezetes megjeleníthető.
Á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
A weboldal alján helyezze el egy általános blokk elemben a nevét és az aktuális dátumot.

Feladat 006

Adott a következő weboldal:

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>

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,
1. az első bekezdés előtt
2. legyen egy HP-UX fejezetcím, amit egyesszintűnek jelöl.
Minden fejezet előtt
1. legyen egy kettes szintű fejezetcím
2. tartalma a fejezet előtti megjegyzés szövege
A „A HP-UX” megjegyzéssel ellátott bekezdésben:
1. jelölje kiemeltnek a Hewlett Packard Unix szöveget.
2. A HP-UX szöveget jelölje rövidítésnek.
A három bekezdésnek adjon kettes szintű fejezetcímet.
1. 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.
Az első bekezdésben a „Unix operációs” szöveg legyen félkövérnek jelölve.
Az utolsó bekezdésben a „VxFS-t” szöveg legyen dőltnek jelölve.

Feladat 007

Adott a következő weboldal:

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>

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 UTF-8-ra.
Állítsa be, hogy a böngésző fülön a „vi” felirat jelenjen meg.
A weblap tetején,
1. az első bekezdés előtt
2. legyen egy vi fejezetcím, amit egyesszintűnek jelöl.
Minden fejezet előtt
1. legyen egy kettes szintű fejezetcím
2. tartalma a fejezet előtti megjegyzés szövege
Az „Interfész” megjegyzéssel ellátott bekezdésben:
1. jelölje számítógép billentyűzetnek a i, és a betűt
2. ahol billentyűként van hivatkozva.
3. 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.
1. A cím a bekezdés előtti megjegyzésbe tett szöveg.
Az első bekezdésben a „POSIX” szöveget jelölje félkövérnek.
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:

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.

A szöveg forrása:

https://mek.oszk.hu/00700/00778/html/jokai12.htm (2021)

index.html

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

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.
1. A megjegyzést szövegét másolja a megjegyzés elé, majd
2. Á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.

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.

Feladatok:

Készítsen egy weboldalt had.html néven.
Állítsa be a weboldal nyelvét magyarra.
Oldal kódolása legyen utf-8.
A böngésző fülön a „Had” szó jelenjen meg.
A fenti szöveget illessze be a weblap törzs részére.
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é.
A weblap tetején legyen megjegyzésben a neve és a készítés dátuma.

Feladat 010

Adott a következő szöveg.

Cornelis van Haarlem

Cornelis Corneliszoon van Haarlem (névváltozat magyarul: Cornelisz) (Haarlem, 1562 – Haarlem, 1638. november 11.) a holland festészet aranykorának manierista stílusú festője, Frans Hals portréfestő egyik előfutára.

Életpályája

Antwerpenben tanult, Gillis Coignet (1538–1599) volt a mestere, tapasztalatokat gyűjtött Franciaországban és Amszterdamban is, majd Haarlemben élt és alkotott. Karel van Manderrel festőiskolát alapított, amely nagy hatással volt a felnövekvő festőnemzedékekre. Némileg Bartholomeus Spranger manierista tájékozódását is befolyásolta a haarlemi iskola. Cornelis van Haarlem A lövészek csoportképe című alkotása (1583; Haarlem, múzeum) jelentős állomása a holland csoportarckép-fejlődésnek, Frans Halsra is hatott. Cornelis van Haarlem csoportképében a figurák elhelyezése rendkívül természetes, mindenki a maga szokása, hivatása szerint van ábrázolva, amit egy banketti alkalom fog egybe. A kereskedők az üzlet megkötésének jeléül felé tartják kezüket, az ivócimborák poharat vagy kancsót tartanak, mindenki természetesen viselkedik, az ábrázolás könnyed, ámbár a részletek is gondosan ki vannak dolgozva. Nem csoda, hogy további városokra és festőnemzedékekre hatott, s mintegy divatba jött a csoportképek alkotása.

Forrás

https://hu.wikipedia.org/wiki/Cornelis_van_Haarlem

A szöveg forrása:
- https://hu.wikipedia.org/wiki/Cornelis_van_Haarlem (2024)

A szövegben talál három címet:

Cornelis van Haarlem
Életpályája
Forrás

Az első két cím alatt található egy-egy bekezdés.

A harmadik cím után egy URL található.

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 Haarlem felirat jelenjen meg.
A weblap tetején,
1. legyen az első cím egyes szintű fejezetcím
Az egyesszintű fejezetcím után
1. az első címet követő bekezdést
2. másolja az első cím után
3. jelölje HTML bekezdésnek
Ezt követően, a második címet másolja a weblapra
1. Állítsa be, kettes szintű fejezetcímnek
Ezt követően, a második cím után bekezdést
1. másolja a weblapra
2. jelölje HTML bekezdésnek
Végül a harmadik címet is másolja weblapra
1. Jelölje kettes szintű fejezetcímnek
A harmadik cím után másolja be az URL-t.
1. Az URL-t is jelölje bekezdésnek.
Az egész weblapot tegye egy div elembe.

Listák

Feladat 051

index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-48" />
<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>

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 weboldal számára olyan karakterkódolást állítson be, amellyel az összes magyar ékezetes megjeleníthető.
A böngésző fülön a „MIPS” szó jelenjen meg.
Van négy bekezdés
1. minden bekezdés legyen bekezdésnek jelölve
A bekezdések előtt legyen egy kettes szintű fejezetcím
1. tartalmuk, a bekezdés előtt található megjegyzés tartalma.
A negyedik bekezdésben
1. „Digital Equipment Corporation (DEC)”-től a „Tandem Computers”-ig,
2. jelölje meg számozatlan listának
3. a csillagokat távolítsa el
4. a 3-dik bekezdésben ugyanígy
A lap tetején készítsen, egyes szintű fejezetcímet
1. tartalma „MIPS”
A HTML forráskódjában, megjegyzésbe, írja, a nevét és az aktuális dátumot.
Az első bekezdésben a „RISC utasításkészletű” szöveg legyen félkövérnek jelölve.

Feladat 052

Adott a következő weblap:

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>

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

Végezze el a következő feladatokat:

Állítson be olyan karakterkódolás, ami lehetővé teszi az összes magyar ékezetes megjelenítését.
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”.
1. A megjegyzések alatti bekezdéseket jelölje HTML bekezdésnek.
Keresse meg a következő megjegyzéseket újból: „A vi”, „A vim”.
1. A bekezdések előtt legyen egy kettes szintű fejezetcím
2. tartalmuk, a bekezdés előtt található megjegyzés tartalma.
Keresse meg a „vi változatok” megjegyzés alatti felsorolást.
1. Jelölje számozatlan listának.
A weblap tetején legyen egy „vi szövegszerkesztő” szöveg
1. A szöveget jelölje egyes szintű címsornak.
A „vi változatok” bekezdés alatt van egy ugyanilyen szöveg.
1. Jelölje kettes című fejezetcímnek.
Az első bekezdésben „képernyő-orientált” szöveg legyen kiemeltnek jelölve.

Feladat 053

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>

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.
1. 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, --units[=egység] 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.
A „BSD partíciós táblákhoz” szöveg az első bekezdésben legyen kiemeltnek jelölve.

Feladat 054

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

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

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>

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.
Az oldal alján a „Wikibooks” szó legyen kiemeltnek jelölve. (a mintán ez nem látszik)

Minta

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.
A listában az „Opel” szót jelölje kiemeltnek.

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 nevsor.html néven.
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”.
A „Bálint György” név a listában legyen dőltnek jelölve.

Feladat 057

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

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>

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.
1. A „Gombák” megjegyzést követő szöveget jelölje egyesfejezetcímnek.
2. A „A gombákról” megjegyzés alatti címszöveget jelölje kettes szintű fejezetcímnek.
3. A „Leírás a gombákról” megjegyzést követő bekezdést jelölje bekezdésnek.
4. A „Rokon tulajdonságok” megjegyzést követő címszöveget jelölje kettes fejezetcímnek.
5. A „Rokon lista” megjegyzés után következő 7 sort jelölje számozatlan listának.
  1. Minden sor külön listaelemnek legyen jelölve.
  2. A számozatlan listának állítson be „gomblista” osztályjelölőt.
6. A „Névjegy” megjegyzést követően készítsen egy section elemet.
7. A section elembe írja be saját nevét, a csoportját és az aktuális dátumot.
8. A listán belül az „L-lizin” szót jelölje félkövérnek.

Minta

Feladat 058

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

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>

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:
1. Jelölje bekezdésnek
A „Cessna” és a „Stearman” megjegyzések alatti bekezdéseket:
1. Lássa el kettes szintű fejezet címmel
2. 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.
Az első bekezdésben a „Cessna” szó legyen kiemeltnek jelölve.

Feladat 059

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

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>

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.
1. 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.
Az első bekezdésben a „Roboráló” szó legyen kiemeltnek jelölve.

Feladat 060

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>

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.
1. 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.
Az első két címet következő bekezdésben a „niacint” szó legyen dőltnek jelölve.

Képek

Feladat 101

Adott a következő weboldal:

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>

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
1. legyen egyes szintű fejezetcím
Az egyes szintű fejezetcím után,
1. minden bekezdés legyen bekezdésnek jelölve
Minden bekezdés előtt legyen kettes szintű fejezetcím
1. tartalmuk a bekezdés előtti megjegyzés szövege
Az első bekezdés után szúrja be a solarisLogo.png képet.
A solarisLogo.png kép számára:
1. Ha ki van kapcsolva a képek megjelenítése a következő szöveg jelenjen meg:
  1. „Solaris Logo”
A solarisLogo.png kép számára:
1. Ha kép felé visszük az egeret, a következő szöveg jelenjen meg:
  1. „A Solaris operációs rendszer logója”

Feladat 102

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

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>

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
1. legen egyes szintű fejezetcím
A „Figure 1” feliratú képet
1. 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,
1. szúrja be a lista elemek tartalmainak végére.
Minden bekezdés legyen HTML bekezdésnek jelölve.
1. A „Szimbólumok” megjegyzéssel ellátott bekezdésben
2. a lista is legyen benne a bekezdésben.
Minden bekezdésnek adjon egy kettes szintű fejezetcímet:
1. A fejezetcím tartalma a bekezdés előtti megjegyzés szövege.
A weblap alján hozzon létre egy általános blokk elemmel egy részt:
1. Tartalma saját nevét és a készítés dátuma legyen.

Feladat 103

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

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>

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
1. legen egyes szintű fejezetcím
A „Arduino Pro Micro” feliratú képet
1. illessze a „Az Arduino” megjegyzéssel ellátott bekezdés végére.
2. A kép a HTML bekezdésen belül szerepeljen
A „Arduino Robot” feliratú képet
1. illessze a „Arduino Board” megjegyzéssel ellátott bekezdés végére.
2. A kép a HTML bekezdésen belül szerepeljen
A „Arduino Uno” feliratú képet
1. illessze a „Shield” megjegyzéssel ellátott bekezdés végére.
2. A kép a HTML bekezdésen belül szerepeljen
Minden bekezdésnek adjon egy kettes szintű fejezetcímet
1. A fejezetcím tartalma a bekezdés előtti megjegyzés szövege.
A „Intel Curie” szöveget jelölje dőltnek.

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:

Mentés: csengo

Táblázat

Feladat 151

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>

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.
1. Tartalma lentebb található
A „Hewlett-Packard” szöveg legyen kiemeltnek jelölve.
A weblap tetején megjegyzésbe írja saját nevét és a készítés dátumát.

DEC OSF / 1 1.3

1993. július

Feladat 152

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.
Készítse el az ábrán látható táblázatot.
Állítsa be a táblázatban látható oszlopnyúlást.
Állítsa be a táblázatban látható sornyúlást.
A táblázat előtt, egyes szintű fejezetcímmel jelenítse meg a „Verseny” szót.
A weblap alján hozzon létre általános blokk elemmel egy sort, ahova nevét és a készítés dátumát írja.
A weblap tetején megjegyzésben szerepeljen a neve és a készítés dátuma.

Feladat 153

Egy weblapot kell készítenie, amiben az alábbi táblázat szerepel néhány kiegészítéssel.

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.
Készítse el az ábrán látható táblázatot.
Állítsa be a táblázatban látható oszlopnyúlást.
A táblázat előtt állítsa be egyes szintű fejezetcímmel a következő szöveget:
1. Pénzek
A táblázat számára állítson be feliratot.
1. Tartalma: „Kerekítés”
A weblap alján hozzon létre egy dobozt, amelyben tárolja a nevét és készítés dátumát.
A weblap alján a saját nevét jelölje dőltnek.

Feladat 154

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.
Készítse el az ábrán látható táblázatot.
Állítsa be a táblázatban látható oszlopnyúlást.
Állítsa be a táblázatban látható sornyúlást.
Készítsen egy leírást a táblázatról, a táblázat előtt p elem segítségével.
1. Tartalma: Kötött pályás jármű árlista.
Készítsen egy általános HTML elemmel egy láblécet, ahol saját nevét és a készítés dátumát megadja.
A saját nevét és a készítés dátumát, tegye megjegyzésbe a weblap tetején.

Feladat 155

Végezze el a következő feladatokat:

Készítsen egy weboldalt, állítson be a weboldal nyelvét magyarra.
Állítsa be az oldal kódolását utf-8 értékre.
A böngésző fülön megjelenő szöveg „Versenyzők” legyen.
Készítse el az ábrán látható táblázatot.
Állítsa be a táblázatban látható sornyúlást.
A táblázat előtt, egyes szintű fejezetcímmel a „Személyek” szó jelenjen meg.
A table elemen belül használható feliratnak szánt HTML elemmel, készítsen feliratot táblázatnak.
1. Tartalma: Kajak versenyzőink
A táblázat alatt hozzon létre egy láblécet.
1. Tartalma: „2024-s Kajak-kenu versenyre készült”.
A weblap tetején megjegyzésben írja saját nevét, és a készítés dátumát.

Feladat 156

Végezze el a következő feladatokat:

Készítsen egy weboldalt, állítson be a weboldal nyelvét magyarra.
Állítsa be az oldal kódolását utf-8 értékre.
A böngésző fülön megjelenő szöveg „Termékek” legyen.
Készítse el az ábrán látható táblázatot.
Állítsa be a táblázatban látható sornyúlást.
A táblázat előtt, egyes szintű fejezetcímmel a „Termékek” szó jelenjen meg.

Feladat 157

Végezze el a következő feladatokat:

Készítsen egy weboldalt, állítson be a weboldal nyelvét magyarra.
Állítsa be az oldal kódolását utf-8 értékre.
A böngésző fülön megjelenő szöveg „Költség” legyen.
Készítse el az ábrán látható táblázatot.
Állítsa be a táblázatban látható sornyúlást.
A táblázat előtt, egyes szintű fejezetcímmel a „Költség” szó jelenjen meg.

Feladat 158

Végezze el a következő feladatokat:

Készítsen egy weboldalt, állítson be a weboldal nyelvét magyarra.
Állítsa be az oldal kódolását utf-8 értékre.
A böngésző fülön megjelenő szöveg „Fizetés” legyen.
Készítse el az ábrán látható táblázatot.
Állítsa be a táblázatban látható oszlopnyúlást.
A táblázat előtt, egyes szintű fejezetcímmel a „Fizetés” szó jelenjen meg.

Feladat 159

Végezze el a következő feladatokat:

Készítsen egy weboldalt, állítson be a weboldal nyelvét magyarra.
Állítsa be az oldal kódolását utf-8 értékre.
A böngésző fülön megjelenő szöveg „Felszerelés” legyen.
Készítse el az ábrán látható táblázatot.
Állítsa be a táblázatban látható oszlopnyúlást.
A táblázat számára állítson be táblázatfeliratot, tartalma a „Felszerelés” szó legyen.

Feladat 160

Végezze el a következő feladatokat:

Készítsen egy weboldalt, állítson be a weboldal nyelvét magyarra.
Állítsa be az oldal kódolását utf-8 értékre.
A böngésző fülön megjelenő szöveg „Könyvek” legyen.
Készítse el az ábrán látható táblázatot.
Állítsa be a táblázatban látható oszlop- és sornyúlást.
A táblázat számára állítson be táblázatfeliratot, tartalma a „Könyvek” szó legyen.

Hiperhivatkozások

Feladat 201

Adott a következő szöveg:

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

Készítsen weboldalt dark.html néven.
A weblap nyelvét állítsa magyarra.
Az oldal karakterkódolása utf-8 legyen.
A böngésző fülön a „Dark” szó jelenjen meg.
A weblap tetején egyes szintű fejezet címmel a „Sötét anyag” szöveg szerepeljen.
A „sötét anyag” szöveget jelölje hiperhivatkozásnak.
A hivatkozás célja legyen a következő cím:
- https://en.wikipedia.org/wiki/Dark_matter
A „sugárzást” szó legyen kiemeltnek jelölve.
Az oldal hozzon létre egy lábrész, ahol a neve és készítés dátuma szerepel.

Feladat 202

Adott a következő szöveg:

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.

Készítsen weboldalt. A weblap nyelve magyar legyen.
A weboldal kódolása utf-8 legyen.
A böngészőben megjelenő fülön a „Cápa” szó jelenjen meg.
A weblap tetején a egyes szintű fejezetcímmel a „Cápa” szó tegye.
A fenti szöveget tegye egy általános blokk elembe.
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
A „legnagyobb húsevő” szöveget jelölje kiemeltnek.
Az „óriásfogú” szót jelölje dőlnek.

Feladat 203

Adott a következő szöveg:

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.

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:

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.

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:

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.

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:

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.

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:

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.

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:

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.

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.

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>

Feladat 0602

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>

Feladat 0603

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>

Tartalomjegyzék

HTML feladatok

Jelölés

Feladat 001

Feladat 002

Feladat 003

Feladat 004

Feladat 005

Feladat 006

Feladat 007

Feladat 008

Feladat 009

Feladat 010

Listák

Feladat 051

Feladat 052

Feladat 053

Feladat 054

Minta

Feladat 055

Feladat 056

Feladat 057

Minta

Feladat 058

Feladat 059

Feladat 060

Képek

Feladat 101

Feladat 102

Feladat 103

Feladat 104

Feladat 105

Táblázat

Feladat 151

Feladat 152

Feladat 153

Feladat 154

Feladat 155

Feladat 156

Feladat 157

Feladat 158

Feladat 159

Feladat 160

Hiperhivatkozások

Feladat 201

Feladat 202

Feladat 203

Feladat 204

Feladat 205

Feladat 206

Feladat 207

Feladat 208

Feladat 209

Feladat 210

Feladat 211

Feladat 212

Szabad

Feladat 0501

Hibás elemek (csak HTML)

Feladat 0601

Feladat 0602

Feladat 0603