Top 60 pitanja i odgovora na HTML intervjuu (2025.)

Ovdje su HTML pitanja i odgovori za intervjue za brucoše kao i za iskusne kandidate da dobiju posao iz snova.

Besplatno preuzimanje PDF-a: HTML pitanja za intervju

---

1) Što je HTML?

HTML je skraćenica za HyperText Markup Language i jezik je World Wide Weba. To je standardni jezik za oblikovanje teksta koji se koristi za stvaranje i prikazivanje stranica na webu. HTML dokumenti sastoje se od dvije stvari: sadržaja i oznaka koje ga formatiraju za pravilan prikaz na stranicama.

---

2) Što su oznake?

Sadržaj se postavlja između HTML oznaka kako bi se ispravno formatirao. Koristi simbol manje od (<) i simbol veće od (>). Simbol kose crte također se koristi kao završna oznaka. Na primjer:

<strong>sample</strong>

---

3) Dolaze li sve HTML oznake u paru?

Ne, postoje pojedinačne HTML oznake koje ne trebaju završnu oznaku. Primjeri su oznaka i oznake.

---

4) Koji su neki od uobičajenih popisa koji se mogu koristiti pri dizajniranju stranice?

Možete umetnuti bilo koju ili kombinaciju sljedećih vrsta popisa:
– poredani popis
– nesređena lista
– popis definicija
– lista jelovnika
– popis imenika
Svaki od ovih tipova popisa koristi različite skupove oznaka za sastavljanje

---

5) Kako umetnuti komentar u HTML?

Komentari u HTML-u počinju s " ”. Na primjer:

<!-- A SAMPLE COMMENT -->

---

6) Prikazuju li se svi entiteti znakova ispravno na svim sustavima?

Ne, postoje neki entiteti znakova koji se ne mogu prikazati kada je operativni sustav na kojem preglednik radi ne podržava znakove. Kada se to dogodi, ti se znakovi prikazuju kao okviri.

---

7) Što je mapa slika?

Karta slika vam omogućuje povezivanje s mnogo različitih web stranica pomoću jedne slike. Možete definirati oblike u slikama koje želite učiniti dijelom mapiranja slike.

---

8) Koja je prednost kolabiranja bijelog prostora?

Razmaci su prazan niz znakova za razmak, koji se u HTML-u tretira kao jedan znak za razmak. Budući da preglednik sažima više razmaka u jedan razmak, možete uvući retke teksta bez brige o više razmaka. To vam omogućuje organiziranje HTML koda u puno čitljiviji format.

---

9) Mogu li se vrijednosti atributa postaviti na bilo što ili postoje određene vrijednosti koje oni prihvaćaju?

Neke vrijednosti atributa mogu se postaviti samo na unaprijed definirane vrijednosti. Ostali atributi mogu prihvatiti bilo koju brojčanu vrijednost koja predstavlja broj piksela za veličinu.

---

10) Kako umetnuti simbol autorskog prava na stranicu preglednika?

Da biste umetnuli simbol autorskih prava, trebate upisati © ili & #169; u HTML datoteci.

---

11) Kako stvarate veze na odjeljke unutar iste stranice?

Linkovi se mogu kreirati pomoću oznake, uz referenciranje korištenjem simbola broja (#). Na primjer, možete imati jedan redak kao NATRAG NA VRH , što bi rezultiralo pojavom riječi "NATRAG NA VRH" na web stranici i poveznicama na oznaku pod nazivom najgornja. Zatim kreirate zasebnu naredbu oznake negdje na vrhu iste web stranice tako da korisnik bude povezan na to mjesto kada klikne na “NATRAG NA VRH”.

---

12) Postoji li neki način da elementi popisa budu ispravni u HTML datoteci?

Korištenjem uvlaka elemente popisa možete držati ravnima. Ako svaki podugniježđeni popis uvučete dalje od nadređenog popisa koji ga sadrži, možete na prvi pogled odrediti različite popise i elemente koje sadrži.

---

13) Ako vidite web adresu u časopisu, na koju web stranicu ona vodi?

Svaka web stranica na webu može imati zasebnu web adresu. Većina ovih adresa odnosi se na najgornju web stranicu. Objavljena web-adresa koja se pojavljuje u časopisima obično upućuje na ovu najgornju stranicu. S ove stranice najviše razine možete pristupiti svim ostalim stranicama unutar web stranice.

---

14) Koja je upotreba alternativnog teksta u mapiranju slika?

Kada koristite slikovne karte, lako može postati zbunjujuće i teško odrediti koje vruće točke odgovaraju kojim vezama. Koristeći alternativni tekst omogućuje, stavljate opisni tekst na svaku poveznicu žarišne točke.

---

15) Rade li starije HTML datoteke na novijim preglednicima?

Da, starije HTML datoteke usklađene su s HTML standardom. Većina starijih datoteka radi na novijim preglednicima, iako neke značajke možda neće raditi.

---

16) Odnosi li se hiperveza samo na tekst?

Ne, hiperveze se mogu koristiti u tekstu kao iu slikama. To znači da možete pretvoriti sliku u vezu koja će korisnicima omogućiti da se povežu na drugu stranicu kada kliknu. Okružite sliku unutar … kombinacija oznaka.

---

17) Ako operativni sustav korisnika ne podržava potrebni znak, kako se simbol može prikazati?

U slučajevima kada njihov operativni sustav ne podržava određeni znak, i dalje je moguće prikazati taj znak tako da ga umjesto toga prikaže kao sliku.

---

18) Kako promijeniti vrstu broja u sredini liste?

The oznaka uključuje dva atributa – tip i vrijednost. Atribut tipa može se koristiti za promjenu vrste numeriranja za bilo koju stavku popisa. Atribut vrijednosti može promijeniti indeks broja.

---

19) Što su listovi stilova?

Listovi stilova omogućuju vam izradu dosljednih, prenosivih i dobro definiranih predložaka stilova. Ovi se predlošci mogu povezati s nekoliko različitih web stranica, što olakšava održavanje i promjenu izgleda i dojma svih web stranica unutar stranice.

---

20) Navedite tipove grafičkih oznaka dostupnih u HTML-u

S poredanim popisima možete odabrati korištenje različitih vrsta popisa uključujući abecedne i rimske brojeve. Atribut tipa za neuređene popise može se postaviti na disk, kvadrat ili krug.

---

21) Kako stvoriti višebojni tekst na web stranici?

Da biste stvorili tekst s različitim bojama, upotrijebite … oznake za svaki znak na koji želite primijeniti boju. Ovu kombinaciju oznaka možete koristiti onoliko puta koliko je potrebno, okružujući jedan znak ili cijelu riječ.

---

22) Zašto postoje i numeričke i imenovane vrijednosti entiteta znakova?

Brojčane vrijednosti preuzete su iz ASCII vrijednosti za različite znakove, ali ih je teško zapamtiti. Zbog toga su stvorene imenovane vrijednosti entiteta znakova kako bi ih dizajneri web stranica lakše koristili.

---

23) Napišite niz oznaka HTML tablice koji daje sljedeće:
50 kom 100 500
10 kom 5 50

Odgovor:

<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) Koja je prednost grupiranja nekoliko potvrdnih okvira zajedno?

Iako potvrdni okviri ne utječu jedni na druge, grupiranje potvrdnih okvira pomaže u njihovom organiziranju. Gumbi potvrdnih okvira mogu imati svoje ime i ne moraju pripadati grupi. Jedna web stranica može imati mnogo različitih grupa potvrdnih okvira.

---

25) Što će se dogoditi ako preklapate skupove oznaka?

Ako se dva skupa HTML oznaka preklapaju, prepoznat će se samo prva oznaka. Ovaj problem ćete pronaći kada se tekst ne prikazuje ispravno na zaslonu preglednika.

---

26) Što su apleti?

Appleti su mali programi koji se mogu ugraditi unutar web stranica za izvođenje nekih specifičnih funkcija, kao što su izračunavanja, animacije i obrada informacija. Appleti su napisani korištenjem jezika Java.

---

27) Što ako između oznaka nema teksta ili je tekst greškom izostavljen? Hoće li utjecati na prikaz HTML datoteke?

Ako između oznaka nema teksta, nema se što oblikovati. Stoga se neće pojaviti nikakvo oblikovanje. Neke oznake, posebno oznake bez završne oznake kao što je oznaku, ne zahtijeva nikakav tekst između njih.

---

28) Je li moguće postaviti određene boje za rubove tablice?

Možete odrediti boju obruba koristeći stilske listove, ali boje za tablicu koja ne koristi stilske listove bit će iste kao i boja teksta.

---

29) Kako stvoriti poveznicu koja će se povezati s drugom web stranicom kada se klikne?

Za stvaranje hiperveza ili poveznica koje se povezuju s drugom web stranicom upotrijebite oznaku href. Opći format za ovo je: tekst
Zamijenite "site" stvarnim URL-om stranice na koju bi trebala biti veza kada se klikne tekst.

---

30) Koji se drugi načini mogu koristiti za poravnavanje slika i prelamanje teksta?

Tablice se mogu koristiti za pozicioniranje teksta i slika. Još jedan koristan način za omotavanje teksta oko slike je korištenje stilskih listova.

---

31) Može li jedna tekstualna poveznica upućivati ​​na dvije različite web stranice?

Ne. Oznaka može prihvatiti samo jedan href atribut i može upućivati ​​na samo jednu web stranicu.

---

32) Koja je razlika između popisa imenika i izbornika i nesređenog popisa?

Ključna razlika je u tome što direktorij i popisi izbornika ne uključuju atribute za promjenu stila grafičkih oznaka.

---

33) Možete li promijeniti boju metaka?

Boja grafičke oznake uvijek je ista kao i boja prvog znaka u stavci popisa. Ako okružite i prvi znak sa skupom oznaka s postavljenim atributom boje, bojom grafičke oznake, a prvi znak bit će različite boje od teksta.

---

34) Koja su ograničenja veličine tekstualnog polja?

Zadana veličina tekstualnog polja je oko 13 znakova. Međutim, ako uključite atribut veličine, možete postaviti vrijednost veličine na samo 1. Maksimalnu vrijednost veličine odredit će širina preglednika. Ako je atribut veličine postavljen na 0, veličina će biti postavljena na zadanu veličinu od 13 znakova.

---

35) Učinite oznake uvijek moraju biti na početku retka ili stupca?

Bilo koje oznaka se može promijeniti u a označiti. To uzrokuje tekst sadržan unutar oznaku koja će biti prikazana podebljano u pregledniku. Iako oznake se uglavnom koriste za naslove, ne moraju se koristiti isključivo za naslove.

---

36) Kakav je odnos između atributa granice i pravila?

Zadani obrubi ćelija, debljine 1 piksela, automatski se dodaju između ćelija ako je atribut granice postavljen na vrijednost različitu od nule. Isto tako, ako atribut obruba nije uključen, zadani obrub od 1 piksela pojavljuje se ako se atribut pravila doda u označiti.

---

37) Što je marquee?

Marquee vam omogućuje da stavite tekst koji se pomiče na web stranicu. Da biste to učinili, postavite tekst za koji želite da se pomiče unutar i oznake.

---

38) Kako stvoriti tekst na web stranici koji će vam omogućiti slanje e-pošte kada kliknete?

Za promjenu teksta u vezu koju je moguće kliknuti za slanje e-pošte, koristite naredbu mailto unutar oznake href. Format je sljedeći:

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

 

---

39) Jesu li oznake jedini način za odvajanje dijelova teksta?

Ne oznaka je samo jedan od načina za odvajanje redaka teksta. Druge oznake, poput oznaka i oznaku, također odvojene dijelove teksta.

---

40) Postoje li slučajevi u kojima će se tekst pojaviti izvan preglednika?

Prema zadanim postavkama, tekst je preloman kako bi se pojavio unutar prozora preglednika. Međutim, ako je tekst dio ćelije tablice s definiranom širinom, tekst bi se mogao proširiti izvan prozora preglednika.

---

41) Po čemu se aktivni linkovi razlikuju od normalnih linkova?

Zadana boja za normalne i aktivne veze je plava. Neki preglednici prepoznaju aktivnu vezu kada se kursor miša postavi preko te veze; drugi prepoznaju aktivne veze kada je veza u fokusu. Oni koji nemaju pokazivač miša iznad te veze smatraju se normalnom vezom.

---

42) Ograničavaju li listovi stilova broj novih definicija stilova koje se mogu uključiti unutar zagrada?

Listovi stilova ne ograničavaju broj definicija stila koje se mogu uključiti unutar zagrada za određeni birač. Međutim, svaka nova definicija stila mora biti odvojena od ostalih simbolom točke i zareza.

---

43) Mogu li odrediti frakcijske vrijednosti težine kao što su 670 ili 973 za težinu fonta?

Implementacija uvelike ovisi o pregledniku, ali standard ne podržava frakcijske vrijednosti težine. Prihvatljive vrijednosti moraju završavati s dvije nule.

---

44) Koja je hijerarhija koja se slijedi kada su u pitanju listovi stilova?

Ako jedan birač uključuje tri različite definicije stila, definicija koja je najbliža stvarnoj oznaci ima prednost. Ugrađeni stil ima prednost nad ugrađenim stilskim listovima, koji imaju prioritet nad vanjskim stilskim listovima.

---

45) Može li se nekoliko selektora s imenima klasa grupirati zajedno?

Možete definirati nekoliko selektora s istom definicijom stila odvajajući ih zarezima. Ova ista tehnika također radi za selektore s imenima klasa.

---

46) Što se događa ako otvorite vanjski CSS datoteku u pregledniku?

Kada pokušate otvoriti vanjsku CSS datoteku u pregledniku, preglednik ne može otvoriti datoteku jer datoteka ima drugačiji nastavak. Jedini način da upotrijebite vanjsku CSS datoteku je referencirati je pomoću oznaku unutar drugog HTML dokumenta.

---

47) Kako sliku pretvoriti u pozadinsku sliku web stranice?

Da biste to učinili, postavite kôd oznake nakon označiti na sljedeći način:

<body background = “image.gif”>

Zamijenite image.gif nazivom vaše slikovne datoteke. Ovo će uzeti sliku i učiniti je pozadinskom slikom vaše web stranice.

---

48) Što se događa ako se svojstvo list-style-type koristi na elementu koji nije popis kao što je odlomak?

Ako se svojstvo list-style-type koristi na elementu koji nije popis kao što je odlomak, svojstvo će se zanemariti i neće utjecati na odlomak.

---

49) Kada je prikladno koristiti okvire?

Okviri mogu znatno olakšati navigaciju web-stranicom. Ako se glavne veze na stranicu nalaze u okviru koji se pojavljuje na vrhu ili uz rub preglednika, sadržaj za te veze može se prikazati u ostatku prozora preglednika.

---

50) Što se događa ako zbroj vrijednosti u atributu rows ili cols ne iznosi 100 posto?

Preglednik određuje veličinu okvira u odnosu na ukupni zbroj vrijednosti. Ako je atribut cols postavljen na 100%, 200%, preglednik prikazuje dva okomita okvira pri čemu je drugi dvostruko veći od prvog.

---

51) Koji preglednici podržavaju HTML5?

Najnovije verzije preglednika Google Chrome, Apple Safari, Mozilla Firefox i Opera podržavaju većinu HTML5 značajki.

---

52) Imenujte dvije nove oznake uključene u HTML 5

i su nove oznake koje su uključene u HTML5 verziju. Uglavnom se koriste kao zamjena za Flash, Silverlight i slične tehnologije za reprodukciju multimedijskih stavki.

---

53) Znate li koje su dvije semantičke oznake uključene u HTML5 verziju?

The i oznake su dvije nove oznake koje su uključene u HTML5. Članci mogu biti sastavljeni od više odjeljaka koji mogu imati više članaka. Oznaka članka predstavlja cijeli blok sadržaja koji je dio veće cjeline.

---

54) Što je u HTML5?

Ova oznaka predstavlja dio samostalnog sadržaja toka. Uglavnom se koristi kao jedna cjelina kao referenca na glavni tok dokumenta.

---

55) Čemu služi element Canvas?

Element platna pomaže u izradi dijagrama, grafikona, zaobilaženja Photoshop za stvaranje 2D slika i njihovo postavljanje izravno u HTML5 kod.

---

56) Koji su novi FORM elementi dostupni u HTML5?

Novi elementi obrazaca u HTML5 nude puno bolju funkcionalnost od ranijih verzija.

Dane oznake za izvršavanje ovih funkcija su:

1) – Ova oznaka se koristi za određivanje popisa opcija za kontrole unosa.

2) – Ova oznaka predstavlja polje generatora para ključeva.

3) – Predstavlja rezultat bilo kojeg izračuna skriptiranja.

---

57) Recite mi dvije prednosti HTML5 web pohrane

Dvije glavne prednosti HTML5 web pohrane:

• Može pohraniti do 10 MB podataka što je svakako više od onoga što kolačići imaju.
• Podaci web pohrane ne mogu se prenijeti HTTP zahtjevom. Pomaže povećati učinkovitost aplikacije.

---

58) Koje su dvije vrste web pohrane u HTML5?

Dvije vrste pohrane HTML5 su:

Pohrana sesije: Pohranjuje podatke samo trenutne sesije. To znači da se podaci pohranjeni u pohrani sesije automatski brišu kada se preglednik zatvori.

Lokalna pohrana: Lokalna pohrana još je jedna vrsta HTML5 web pohrane. U lokalnoj pohrani podaci se ne brišu automatski kada se zatvori trenutni prozor preglednika.

---

59) Što je predmemorija aplikacije u HTML5 i zašto se koristi?

Koncept predmemorije aplikacije znači da je web aplikacija spremljena u predmemoriju. Može mu se pristupiti bez potrebe za internetskom vezom.

Neke prednosti predmemorije aplikacije:

1. Izvanmrežno pregledavanje – Web korisnici također mogu koristiti aplikaciju kada su izvan mreže.
2. Brzina - Predmemorirani resursi učitavaju se brže
3. Smanjite opterećenje poslužitelja – Web preglednik preuzima samo ažurirane resurse s poslužitelja.

---

60) Objasnite pet novih vrsta unosa koje nudi HTML5 za obrasce?

Slijede važne, nove vrste podataka koje nudi HTML5:

1. Datum: Omogućuje korisniku odabir datuma.
2. datum-vrijeme-lokalno: Ova vrsta unosa omogućuje korisniku odabir datuma i vremena bez vremenske zone.
3. datum i vrijeme: Ova vrsta unosa omogućuje korisniku odabir datuma i vremena s vremenskom zonom.
4. mjesec: Omogućuje korisniku odabir mjeseca i godine
5. e-mail: Ova polja za unos sadržavala su adresu e-pošte.

Ova pitanja za intervju također će vam pomoći u usmenom razgovoru. Izgraditi sjajnu karijeru kao UI / UX developer, kandidati trebaju provaliti intervju u kojem se od njih traže razna pitanja za intervju za HTML5.