A 60 legnépszerűbb HTML-interjú kérdés és válasz (2025)

Íme HTML-interjú kérdések és válaszok pályakezdőknek és tapasztalt jelölteknek álmai állásuk megszerzéséhez.

Ingyenes PDF letöltés: HTML interjúkérdések

---

1) Mi az a HTML?

A HTML a HyperText Markup Language rövidítése, és a világháló nyelve. Ez a szabványos szövegformázó nyelv, amelyet oldalak létrehozására és megjelenítésére használnak a weben. A HTML-dokumentumok két dologból állnak: a tartalomból és a címkékből, amelyek formázzák az oldalakon való megfelelő megjelenítéshez.

---

2) Mik azok a címkék?

A tartalom a HTML-címkék közé kerül a megfelelő formázás érdekében. A kisebb, mint szimbólumot (<) és a nagyobb, mint szimbólumot (>) használja. A perjelet záró címkeként is használják. Például:

<strong>sample</strong>

---

3) Minden HTML címke egy párban van?

Nem, vannak olyan HTML-címkék, amelyekhez nincs szükség záró címkére. Példák a címke és címkéket.

---

4) Melyek azok az elterjedt listák, amelyeket az oldal megtervezésekor használhatunk?

A következő listatípusok bármelyikét vagy kombinációját beszúrhatja:
– rendezett lista
- rendezetlen lista
– definíciós lista
– menü lista
– címtárlista
Ezen listatípusok mindegyike más-más címkekészletet használ az összeállításhoz

---

5) Hogyan illeszthet be megjegyzést HTML-be?

A HTML-ben található megjegyzések a következővel kezdődnek: ”. Például:

<!-- A SAMPLE COMMENT -->

---

6) Minden karakteres entitás megfelelően jelenik meg minden rendszeren?

Nem, vannak olyan karakteres entitások, amelyek nem jeleníthetők meg, amikor a operációs rendszer amelyen a böngésző fut, nem támogatja a karaktereket. Amikor ez megtörténik, ezek a karakterek dobozokként jelennek meg.

---

7) Mi az a képtérkép?

A képtérkép lehetővé teszi, hogy egyetlen kép használatával számos különböző weboldalra hivatkozzon. A képeken olyan alakzatokat határozhat meg, amelyeket a képleképezés részévé kíván tenni.

---

8) Mi az előnye a fehér tér összecsukásának?

A szóközök szóköz karakterek üres sorozata, amelyet a HTML egyetlen szóköz karakterként kezel. Mivel a böngésző több szóközt egyetlen szóközbe csuk össze, behúzhatja a szövegsorokat anélkül, hogy több szóköz miatt kellene aggódnia. Ez lehetővé teszi, hogy a HTML-kódot sokkal olvashatóbb formátumba rendezze.

---

9) Az attribútumértékek beállíthatók bármire, vagy vannak-e konkrét értékek, amelyeket elfogadnak?

Egyes attribútumértékek csak előre meghatározott értékekre állíthatók be. Más attribútumok bármilyen numerikus értéket elfogadhatnak, amely egy méret pixeleinek számát jelenti.

---

10) Hogyan lehet szerzői jogi szimbólumot beilleszteni egy böngészőoldalra?

A szerzői jogi szimbólum beszúrásához a © vagy a & #169; HTML fájlban.

---

11) Hogyan hozhat létre hivatkozásokat ugyanazon az oldalon lévő szakaszokra?

Linkek hozhatók létre a címke használatával, hivatkozással a szám (#) használatával. Például egy sor lehet VISSZA AZ OLDALRA , ami azt eredményezné, hogy a „VISSZA TETEJÉRE” szavak jelennének meg a weboldalon, és a legfelső elnevezésű könyvjelzőre mutató hivatkozások találhatók. Ezután hozzon létre egy külön címkeparancsot, például valahol ugyanazon weboldal tetején, így a felhasználó a „VISSZA AZ OLDALRA” gombra kattintáskor az adott helyre hivatkozik.

---

12) Van valami mód arra, hogy a listaelemeket egyenesen tartsuk egy HTML-fájlban?

A behúzások használatával a listaelemek egyenesek maradhatnak. Ha az egyes albeágyazott listákat az azokat tartalmazó szülőlistánál tovább húzza be, egy pillantással meghatározhatja a különböző listákat és a benne lévő elemeket.

---

13) Ha egy újságon webcímet lát, melyik weboldalra mutat?

A weben minden weboldalnak lehet külön webcíme. Ezeknek a címeknek a többsége a legfelső weboldalhoz kapcsolódik. A magazinokban megjelenő közzétett webcím általában erre a legfelső oldalra mutat. Erről a legfelső szintű oldalról elérheti a webhely összes többi oldalát.

---

14) Mi a haszna az alternatív szövegnek a képtérképezésben?

Képtérképek használatakor könnyen zavaró lehet, és nehéz meghatározni, hogy mely hotspotok melyik hivatkozásnak felelnek meg. Alternatív szöveg használatával minden hotspot hivatkozásra leíró szöveget helyezhet el.

---

15) Működnek a régebbi HTML fájlok újabb böngészőkön?

Igen, a régebbi HTML-fájlok megfelelnek a HTML-szabványnak. A legtöbb régebbi fájl működik az újabb böngészőkön, bár egyes funkciók nem működnek.

---

16) A hiperhivatkozás csak szövegre vonatkozik?

Nem, a hiperhivatkozások a szövegben és a képekben is használhatók. Ez azt jelenti, hogy egy képet linkgé alakíthat, amely lehetővé teszi a felhasználók számára, hogy egy másik oldalra hivatkozzanak, amikor rájuk kattintanak. Vedd körül a képet a … címkekombinációkkal.

---

17) Ha a felhasználó operációs rendszere nem támogatja a szükséges karaktert, hogyan ábrázolható a szimbólum?

Azokban az esetekben, amikor az operációs rendszerük nem támogat egy adott karaktert, továbbra is lehetséges a karakter megjelenítése képként való megjelenítéssel.

---

18) Hogyan lehet megváltoztatni a számtípust a lista közepén?

A A címke két attribútumot tartalmaz – a típust és az értéket. A type attribútum használható bármely listaelem számozási típusának megváltoztatására. Az érték attribútum megváltoztathatja a számindexet.

---

19) Mik azok a stíluslapok?

A stíluslapok lehetővé teszik egységes, hordozható és jól meghatározott stílussablonok készítését. Ezek a sablonok több különböző weboldalhoz kapcsolhatók, így könnyen karbantartható, és a webhelyen belüli összes weboldal megjelenése és hangulata módosítható.

---

20) Állítsa be a HTML-ben elérhető felsorolásjel-típusokat

A rendezett listáknál választhat néhány különböző listatípust, beleértve az ábécé és a római számokat. A rendezetlen listák type attribútuma beállítható lemezre, négyzetre vagy körre.

---

21) Hogyan lehet többszínű szöveget létrehozni egy weboldalon?

Ha különböző színű szöveget szeretne létrehozni, használja a … címkéket minden olyan karakterhez, amelyre színt szeretne alkalmazni. Ezt a címkekombinációt annyiszor használhatja, ahányszor szükséges, egyetlen karaktert vagy egy teljes szót körülvéve.

---

22) Miért vannak numerikus és elnevezett karakteres entitásértékek?

A számértékek a különböző karakterek ASCII-értékeiből származnak, de ezeket nehéz lehet megjegyezni. Emiatt elnevezett karakteres entitásértékek jöttek létre, hogy megkönnyítsék a weboldal-tervezők használatát.

---

23) Írjon egy HTML táblázat címkesorozatot, amely a következőket adja ki:
50 db 100 500
10 db 5 50

Válasz:

<table> 
<tr> 
<td>50 pcs</td> 
<td>100</td> 
<td>500</td> 
</tr> 
<tr> 
<td>10 pcs</td> 
<td>5</td> 
<td>50</td> 
</tr> 
</table>

---

24) Milyen előnyökkel jár több jelölőnégyzet csoportosítása?

Bár a jelölőnégyzetek nincsenek hatással egymásra, a jelölőnégyzetek csoportosítása segít a rendszerezésben. A jelölőnégyzet gombjainak lehet saját neve, és nem kell csoporthoz tartozniuk. Egy weboldalon több különböző jelölőnégyzetcsoport lehet.

---

25) Mi történik, ha átfedi a címkéket?

Ha két HTML-címkekészlet átfedésben van, csak az első címkét ismeri fel a rendszer. Ezt a problémát akkor találja meg, ha a szöveg nem jelenik meg megfelelően a böngésző képernyőjén.

---

26) Mik azok a kisalkalmazások?

A kisalkalmazások olyan kis programok, amelyek beágyazhatók a weboldalakba bizonyos funkciók, például számítások, animációk és információfeldolgozás végrehajtása érdekében. Az appleteket a Java nyelv használatával írják.

---

27) Mi a teendő, ha nincs szöveg a címkék között, vagy ha egy szöveget tévedésből kihagytak? Befolyásolja-e a HTML-fájl megjelenítését?

Ha nincs szöveg a címkék között, akkor nincs mit formázni. Ezért nem jelenik meg a formázás. Egyes címkék, különösen a záró címke nélküli címkék, mint például a címkét, ne legyen szükség szövegre közöttük.

---

28) Lehet-e konkrét színeket beállítani a táblázatszegélyekhez?

A szegélyszínt stíluslapokkal is megadhatja, de a stíluslapokat nem használó táblázatok színei megegyeznek a szöveg színével.

---

29) Hogyan hozz létre egy hivatkozást, amely kattintáskor egy másik weboldalhoz kapcsolódik?

Hiperhivatkozások vagy más weboldalakhoz kapcsolódó hivatkozások létrehozásához használja a href címkét. Ennek általános formátuma: szöveg
Cserélje ki a „site” szót a tényleges oldal URL-jére, amelyre a szövegre kattintva hivatkozni kell.

---

30) Milyen egyéb módszerek használhatók a képek igazítására és a szöveg tördelésére?

A táblázatok szövegek és képek elhelyezésére használhatók. Egy másik hasznos módja annak, hogy szöveget burkoljon a kép köré, a stíluslapok használata.

---

31) Mutathat egyetlen szöveges hivatkozás két különböző weboldalra?

Nem. A címke csak egyetlen href attribútumot fogadhat el, és csak egyetlen weboldalra mutathat.

---

32) Mi a különbség a könyvtár- és menülisták és a rendezetlen lista között?

A legfontosabb különbség az, hogy a könyvtár- és menülisták nem tartalmaznak attribútumokat a felsorolásjel stílusának megváltoztatásához.

---

33) Meg tudod változtatni a golyók színét?

A listaelem színe mindig megegyezik a listaelem első karakterének színével. Ha körülveszi a és az első karakter egy sor címkével a color attribútumkészlettel, a felsorolás színével, és az első karakter a szövegtől eltérő színű lesz.

---

34) Melyek a szövegmező méretének határai?

A szövegmezők alapértelmezett mérete körülbelül 13 karakter. Ha azonban megadja a size attribútumot, akkor a méret értékét akár 1-re is beállíthatja. A maximális méret értékét a böngésző szélessége határozza meg. Ha a size attribútum 0-ra van állítva, a méret az alapértelmezett 13 karakteres méretre lesz állítva.

---

35) Tedd a címkéknek mindig sor vagy oszlop elején kell lenniük?

Bármi címke módosítható a-ra címke. Ez okozza a szövegben található címke félkövérként jelenik meg a böngészőben. Habár a címkéket főként címsorokhoz használják, nem kell kizárólag címsorokhoz használni őket.

---

36) Mi a kapcsolat a határ és a szabály attribútumok között?

Az alapértelmezett, 1 képpont vastagságú cellaszegélyek automatikusan hozzáadódnak a cellákhoz, ha a border attribútum értéke nem nulla. Hasonlóképpen, ha a border attribútumot nem tartalmazza, egy alapértelmezett 1 képpontos szegély jelenik meg, ha a szabályok attribútumot hozzáadják a címke.

---

37) Mi az a sátor?

A kijelölő segítségével görgető szöveget helyezhet el egy weboldalon. Ehhez helyezze el azt a szöveget, amelyet meg szeretne jeleníteni, görgetve a mezőbe és címkéket.

---

38) Hogyan lehet olyan szöveget létrehozni egy weboldalon, amely lehetővé teszi e-mail küldését, ha rákattint?

Ha a szöveget kattintható hivatkozásra szeretné változtatni az e-mail küldéséhez, használja a mailto parancsot a href címkén belül. A formátum a következő:

<A HREF=”mailto:youremailaddress”>text to be clicked</A>

 

---

39) Vannak címkék az egyetlen módja a szövegrészek elkülönítésének?

Nem. Az címke csak az egyik módja a szövegsorok elválasztásának. Egyéb címkék, mint pl címke és címke, különálló szövegrészek is.

---

40) Vannak olyan esetek, amikor a szöveg a böngészőn kívül jelenik meg?

Alapértelmezés szerint a szöveg tördelve jelenik meg a böngészőablakban. Ha azonban a szöveg egy meghatározott szélességű táblázatcella része, a szöveg túlnyúlhat a böngészőablakon.

---

41) Miben különböznek az aktív hivatkozások a normál hivatkozásoktól?

A normál és az aktív hivatkozások alapértelmezett színe a kék. Egyes böngészők felismerik az aktív hivatkozást, ha az egérmutatót a hivatkozás fölé helyezik; mások felismerik az aktív hivatkozásokat, ha a hivatkozáson van a hangsúly. Azok, amelyeken nincs egérmutató a hivatkozáson, normál hivatkozásnak minősülnek.

---

42) A stíluslapok korlátozzák-e a zárójelbe helyezhető új stílusdefiníciók számát?

A stíluslapok nem korlátozzák azon stílusdefiníciók számát, amelyek a zárójelbe foglalhatók egy adott kijelölőnél. Minden új stílusdefiníciót azonban pontosvesszővel kell elválasztani a többitől.

---

43) Megadhatok töredéksúly értékeket, például 670 vagy 973 betűméretet?

A megvalósítás nagymértékben függ a böngészőtől, de a szabvány nem támogatja a törtsúly értékeket. Az elfogadható értékeknek két nullával kell végződniük.

---

44) Mi az a hierarchia, amelyet követnek a stíluslapok esetében?

Ha egy választó három különböző stílusdefiníciót tartalmaz, akkor az aktuális címkéhez legközelebbi definíció élvez elsőbbséget. A beágyazott stílus elsőbbséget élvez a beágyazott stíluslapokkal szemben, amelyek elsőbbséget élveznek a külső stíluslapokkal szemben.

---

45) Csoportosítható-e több osztálynévvel rendelkező szelektor?

Több jelölőt is megadhat azonos stílusdefinícióval, ha vesszővel választja el őket. Ugyanez a technika működik az osztálynevekkel rendelkező szelektoroknál is.

---

46) Mi történik, ha kinyitja a külsőt CSS fájl a böngészőben?

Amikor megpróbálja megnyitni a külső CSS-fájlt egy böngészőben, a böngésző nem tudja megnyitni a fájlt, mert a fájl más kiterjesztéssel rendelkezik. A külső CSS-fájl használatának egyetlen módja, ha hivatkozunk rá címkét egy másik HTML dokumentumon belül.

---

47) Hogyan lehet egy képet egy weboldal háttérképévé tenni?

Ehhez helyezzen el egy címkekódot a címkézése a következőképpen:

<body background = “image.gif”>

Cserélje le az image.gif fájlt a képfájl nevével. Ez elkészíti a képet, és a weboldal háttérképévé teszi.

---

48) Mi történik, ha a listastílus típusú tulajdonságot egy nem lista elemen, például egy bekezdésen használják?

Ha a listastílus típusú tulajdonságot egy nem listaelemen, például egy bekezdésen használja, a tulajdonság figyelmen kívül marad, és nincs hatással a bekezdésre.

---

49) Mikor célszerű kereteket használni?

A keretek sokkal könnyebbé tehetik a webhelyen való navigálást. Ha a webhelyre mutató fő hivatkozások egy keretben találhatók, amely a böngésző tetején vagy széle mentén jelenik meg, a hivatkozások tartalma a böngészőablak többi részében is megjeleníthető.

---

50) Mi történik, ha a sorok vagy cols attribútumban szereplő értékek száma nem éri el a 100 százalékot?

A böngésző az értékek teljes összegéhez viszonyítva méretezi a kereteket. Ha a cols attribútum értéke 100%, 200%, a böngésző két függőleges keretet jelenít meg, amelyek közül a második kétszer akkora, mint az első.

---

51) Mely böngészők támogatják a HTML5-öt?

A Google Chrome, az Apple Safari, a Mozilla Firefox és az Opera legújabb verziói támogatják a legtöbb HTML5 funkciót.

---

52) Nevezzen meg két új címkét a HTML 5-ben

és új címkék, amelyeket a HTML5 verzió tartalmazza. Főleg a Flash, Silverlight és hasonló technológiák helyettesítésére használják multimédiás elemek lejátszására.

---

53) Tudja, hogy melyik két szemantikai címkét tartalmazza a HTML5 verzió?

A és A címkék két új címke, amelyeket a HTML5 tartalmaz. A cikkek több szakaszból is állhatnak, amelyekben több cikk is szerepelhet. A cikkcímke egy teljes tartalomblokkot jelöl, amely egy nagyobb egész szakasza.

---

54) Mi az HTML5-ben?

Ez a címke az önálló folyamtartalom egy darabját jelöli. Leginkább egyetlen egységként használják a dokumentum fő folyamatának referenciaként.

---

55) Mire használható a Canvas elem?

A vászon elem segít diagramok, grafikonok felépítésében, megkerülésében Photoshop 2D képek létrehozásához és közvetlenül a HTML5-kódba való elhelyezéséhez.

---

56) Melyek azok az új FORM elemek, amelyek elérhetők a HTML5-ben?

A HTML5 új Form elemei sokkal jobb funkcionalitást kínálnak, mint a korábbi verziók.

Az e funkciók végrehajtásához megadott címkék a következők:

1) – Ez a címke a beviteli vezérlők beállításainak listájának megadására szolgál.

2) – Ez a címke egy kulcspár-generátor mezőt jelöl.

3) – Bármilyen parancsfájl-számítás eredményét képviseli.

---

57) Mondja el a HTML5 webtárhely két előnyét

A HTML5 Web Storage két fő előnye:

• Legfeljebb 10 MB adatot képes tárolni, ami minden bizonnyal több, mint amit a cookie-k tartalmaznak.
• A webtárolási adatok nem vihetők át HTTP-kéréssel. Segít növelni az alkalmazás teljesítményét.

---

58) Mi a kétféle webtárhely a HTML5-ben?

A HTML5 kétféle tárolási típusa:

Munkamenet tárolása: Csak az aktuális munkamenet adatait tárolja. Ez azt jelenti, hogy a munkamenet tárolójában tárolt adatok automatikusan törlődnek a böngésző bezárásakor.

Helyi raktár: A helyi tárhely a HTML5 webes tárolás egy másik típusa. A helyi tárhelyen az adatok nem törlődnek automatikusan az aktuális böngészőablak bezárásakor.

---

59) Mi az Alkalmazás-gyorsítótár a HTML5-ben, és miért használják?

Az Application Cache koncepció azt jelenti, hogy egy webalkalmazás gyorsítótárban van. Internetkapcsolat nélkül is elérhető.

Az Application Cache néhány előnye:

1. Offline böngészés – A webfelhasználók offline állapotban is használhatják az alkalmazást.
2. Sebesség - A gyorsítótárazott erőforrások gyorsabban töltődnek be
3. Csökkentse a szerver terhelését – A webböngésző csak a frissített erőforrásokat tölti le a szerverről.

---

60) Magyarázza el a HTML5 által az űrlapokhoz biztosított öt új beviteli típust?

Íme a HTML5 által kínált fontos, új adattípusok:

1. Találka: Lehetővé teszi a felhasználó számára a dátum kiválasztását.
2. datetime-local: Ez a beviteli típus lehetővé teszi a felhasználó számára, hogy időzóna nélkül válasszon dátumot és időt.
3. dátum idő: Ez a beviteli típus lehetővé teszi a felhasználó számára, hogy időzónával válassza ki a dátumot és az időt.
4. hónap: Lehetővé teszi a felhasználó számára a hónap és az év kiválasztását
5. e-mail: Ezek a beviteli mezők korábban egy e-mail címet tartalmaztak.

Ezek az interjúkérdések a viva(orals) során is segítenek. Fényes karrier felépítéséhez, mint UI / UX fejlesztő, a jelölteknek fel kell törniük az interjút, amely során különféle HTML5-interjúkérdéseket tesznek fel nekik.