Top 60 de întrebări și răspunsuri la interviu HTML (2025)

Iată întrebările și răspunsurile la interviu HTML pentru cei în curs de dezvoltare, precum și pentru candidații cu experiență pentru a obține jobul visat.

Descărcare gratuită PDF: Întrebări de interviu HTML

---

1) Ce este HTML?

HTML este prescurtarea pentru HyperText Markup Language și este limbajul World Wide Web. Este limbajul standard de formatare a textului utilizat pentru crearea și afișarea paginilor pe Web. Documentele HTML sunt compuse din două lucruri: conținutul și etichetele care îl formatează pentru a fi afișat corect pe pagini.

---

2) Ce sunt etichetele?

Conținutul este plasat între etichetele HTML pentru a-l formata corect. Utilizează simbolul mai mic decât (<) și simbolul mai mare decât (>). Un simbol oblic este, de asemenea, folosit ca etichetă de închidere. De exemplu:

<strong>sample</strong>

---

3) Toate etichetele HTML vin într-o pereche?

Nu, există etichete HTML unice care nu au nevoie de o etichetă de închidere. Exemple sunt cele etichetă și etichete.

---

4) Care sunt unele dintre listele comune care pot fi folosite la proiectarea unei pagini?

Puteți insera oricare sau o combinație a următoarelor tipuri de liste:
– lista ordonata
– lista neordonata
– lista de definiții
– lista de meniu
– lista de directoare
Fiecare dintre aceste tipuri de listă utilizează un set de etichete diferit pentru a le compune

---

5) Cum inserați un comentariu în HTML?

Comentariile în HTML încep cu „ ”. De exemplu:

<!-- A SAMPLE COMMENT -->

---

6) Toate entitățile caracter se afișează corect pe toate sistemele?

Nu, există unele entități de caracter care nu pot fi afișate atunci când sistem de operare pe care rulează browserul nu acceptă caracterele. Când se întâmplă acest lucru, aceste caractere sunt afișate ca casete.

---

7) Ce este o hartă cu imagini?

Harta imaginii vă permite să vă conectați la mai multe pagini web diferite folosind o singură imagine. Puteți defini forme în imagini pe care doriți să le faceți parte dintr-o mapare a imaginii.

---

8) Care este avantajul colapsării spațiului alb?

Spațiile albe sunt o secvență goală de caractere spațiale, care este tratată ca un singur caracter spațiu în HTML. Deoarece browserul restrânge mai multe spații într-un singur spațiu, puteți indenta linii de text fără să vă faceți griji pentru mai multe spații. Acest lucru vă permite să organizați codul HTML într-un format mult mai ușor de citit.

---

9) Valorile atributelor pot fi setate la orice sau există valori specifice pe care le acceptă?

Unele valori ale atributelor pot fi setate doar la valori predefinite. Alte atribute pot accepta orice valoare numerică care reprezintă numărul de pixeli pentru o dimensiune.

---

10) Cum inserați un simbol de drepturi de autor pe o pagină de browser?

Pentru a introduce simbolul dreptului de autor, trebuie să tastați © sau & #169; într-un fișier HTML.

---

11) Cum creezi link-uri către secțiuni din aceeași pagină?

Legăturile pot fi create folosind eticheta, cu referire prin utilizarea simbolului numărului (#). De exemplu, puteți avea o linie ca BACK TO TOP , ceea ce ar avea ca rezultat cuvintele „BACK TO TOP” care vor apărea pe pagina web și legături către un marcaj numit cel mai de sus. Apoi creați o comandă de etichetă separată, cum ar fi undeva în partea de sus a aceleiași pagini web, astfel încât utilizatorul să fie conectat la acel loc atunci când a făcut clic pe „ÎNAPOI LA SUS”.

---

12) Există vreo modalitate de a păstra elementele listei drepte într-un fișier HTML?

Folosind indentări, puteți păstra elementele listei drepte. Dacă indentați fiecare listă subimbricată mai mult decât lista părinte care o conține, puteți determina dintr-o privire diferitele liste și elementele pe care le conține.

---

13) Dacă vedeți o adresă web pe o revistă, către ce pagină web indică?

Fiecare pagină web de pe web poate avea o adresă web separată. Cele mai multe dintre aceste adrese sunt relativ la cea mai de sus a paginii web. Adresa web publicată care apare în reviste indică de obicei această pagină de top. Din această pagină de nivel superior, puteți accesa toate celelalte pagini din site.

---

14) La ce folosește textul alternativ în maparea imaginilor?

Când utilizați hărți imagine, poate deveni cu ușurință confuz și dificil să determinați care hotspot-uri corespund căror linkuri. Folosind text alternativ, puteți pune un text descriptiv pe fiecare link de hotspot.

---

15) Fișierele HTML mai vechi funcționează pe browsere mai noi?

Da, fișierele HTML mai vechi sunt conforme cu standardul HTML. Majoritatea fișierelor mai vechi funcționează pe browserele mai noi, deși unele funcții pot să nu funcționeze.

---

16) Un hyperlink se aplică numai textului?

Nu, hyperlinkurile pot fi folosite atât în ​​text, cât și în imagini. Aceasta înseamnă că puteți converti o imagine într-un link care va permite utilizatorilor să facă un link către o altă pagină atunci când dau clic. Înconjurați imaginea în combinațiile de etichete ....

---

17) Dacă sistemul de operare al utilizatorului nu acceptă caracterul necesar, cum poate fi reprezentat simbolul?

În cazurile în care sistemul lor de operare nu acceptă un anumit caracter, este totuși posibil să afișați acel caracter arătându-l ca imagine.

---

18) Cum schimbi tipul de număr în mijlocul unei liste?

The Eticheta include două atribute – tip și valoare. Atributul tip poate fi folosit pentru a schimba tipul de numerotare pentru orice articol din listă. Atributul valoare poate modifica indexul numeric.

---

19) Ce sunt foile de stil?

Foile de stil vă permit să construiți șabloane de stil consistente, transportabile și bine definite. Aceste șabloane pot fi legate la mai multe pagini web diferite, facilitând întreținerea și schimbarea aspectului tuturor paginilor web din site.

---

20) Tipuri de marcatori de stat disponibile în HTML

Cu liste ordonate, puteți alege să utilizați diferite tipuri de liste, inclusiv cifre alfabetice și romane. Atributul de tip pentru listele neordonate poate fi setat la disc, pătrat sau cerc.

---

21) Cum se creează text multicolor într-o pagină web?

Pentru a crea text cu culori diferite, utilizați etichetele ... pentru fiecare caracter pe care doriți să-l aplicați. Puteți utiliza această combinație de etichete de câte ori este necesar, înconjurând un singur caracter sau un cuvânt întreg.

---

22) De ce există atât valori numerice, cât și valori ale entităților cu nume?

Valorile numerice sunt preluate din valorile ASCII pentru diferitele caractere, dar acestea pot fi dificil de reținut. Din acest motiv, valorile entităților de caractere numite au fost create pentru a facilita utilizarea de către designeri de pagini web.

---

23) Scrieți o secvență de etichete de tabel HTML care scoate următoarele:
50 buc 100 500
10 buc 5 50

Răspuns:

<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) Care este avantajul grupării mai multor casete de selectare împreună?

Deși casetele de selectare nu se afectează una pe cealaltă, gruparea casetelor de selectare împreună ajută la organizarea lor. Butoanele casetei de selectare pot avea numele lor și nu trebuie să aparțină unui grup. O singură pagină web poate avea mai multe grupuri diferite de casete de selectare.

---

25) Ce se va întâmpla dacă suprapuneți seturi de etichete?

Dacă două seturi de etichete HTML sunt suprapuse, doar prima etichetă va fi recunoscută. Veți găsi această problemă atunci când textul nu se afișează corect pe ecranul browserului.

---

26) Ce sunt appleturile?

Appleturile sunt mici programe care pot fi încorporate în paginile web pentru a efectua anumite funcționalități specifice, cum ar fi calcule, animații și procesare a informațiilor. Appleturile sunt scrise folosind limbajul Java.

---

27) Ce se întâmplă dacă nu există text între etichete sau dacă un text a fost omis din greșeală? Va afecta afișarea fișierului HTML?

Dacă nu există text între etichete, atunci nu există nimic de format. Prin urmare, nu va apărea nicio formatare. Unele etichete, în special etichete fără o etichetă de închidere, cum ar fi etichetă, nu necesită niciun text între ele.

---

28) Este posibil să setați culori specifice pentru marginile mesei?

Puteți specifica o culoare a marginii folosind foi de stil, dar culorile pentru un tabel care nu utilizează foi de stil vor fi aceleași cu culoarea textului.

---

29) Cum creezi un link care se va conecta la o altă pagină web atunci când dai clic?

Pentru a crea hyperlinkuri sau link-uri care se conectează la o altă pagină web, utilizați eticheta href. Formatul general pentru aceasta este: text
Înlocuiți „site-ul” cu adresa URL reală a paginii la care se presupune că este legată atunci când se face clic pe text.

---

30) Ce alte moduri pot fi folosite pentru a alinia imaginile și a încheia textul?

Tabelele pot fi folosite pentru a poziționa text și imagini. Un alt mod util de a încheia text în jurul unei imagini este utilizarea foilor de stil.

---

31) Poate un singur link text să trimită către două pagini web diferite?

Nu. Eticheta poate accepta doar un singur atribut href și poate indica doar o singură pagină web.

---

32) Care este diferența dintre listele de directoare și meniuri și lista neordonată?

Diferența cheie este că listele de directoare și meniuri nu includ atribute pentru schimbarea stilului marcator.

---

33) Puteți schimba culoarea gloanțelor?

Culoarea marcatorului este întotdeauna aceeași cu cea a primului caracter din elementul din listă. Dacă înconjurați iar primul caracter cu un set de etichete cu atributul de culoare setat, culoarea marcatorului, iar primul caracter va avea o culoare diferită de text.

---

34) Care sunt limitele dimensiunii câmpului de text?

Dimensiunea implicită pentru un câmp de text este de aproximativ 13 caractere. Cu toate acestea, dacă includeți atributul dimensiune, puteți seta valoarea mărimii să fie mai mică de 1. Valoarea dimensiunii maxime va fi determinată de lățimea browserului. Dacă atributul dimensiune este setat la 0, dimensiunea va fi setată la dimensiunea implicită de 13 caractere.

---

35) Fă etichetele trebuie să apară întotdeauna la începutul unui rând sau al unei coloane?

Orice eticheta poate fi schimbată în a etichetă. Acest lucru determină textul conținut în eticheta să fie afișată ca aldine în browser. Deşi etichetele sunt folosite în principal pentru titluri, nu trebuie să fie folosite exclusiv pentru titluri.

---

36) Care este relația dintre atributele de graniță și de regulă?

Marginile implicite ale celulei, cu o grosime de 1 pixel, sunt adăugate automat între celule dacă atributul de chenar este setat la o valoare diferită de zero. De asemenea, dacă atributul de chenar nu este inclus, va apărea o chenar implicit de 1 pixel dacă atributul reguli este adăugat la etichetă.

---

37) Ce este un cort?

Un marcaj vă permite să plasați un text care se derulează într-o pagină web. Pentru a face acest lucru, plasați orice text doriți să apară derulând în interiorul şi etichete.

---

38) Cum creați text pe o pagină web care vă va permite să trimiteți un e-mail atunci când faceți clic?

Pentru a schimba textul într-un link pe care se poate face clic pentru a trimite e-mail, utilizați comanda mailto din eticheta href. Formatul este următorul:

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

 

---

39) Sunt etichetează singura modalitate de a separa secțiuni de text?

Nu eticheta este doar o modalitate de a separa liniile de text. Alte etichete, cum ar fi etichetă și etichetă, de asemenea, secțiuni separate de text.

---

40) Există cazuri în care textul va apărea în afara browserului?

În mod implicit, textul este împachetat pentru a apărea în fereastra browserului. Cu toate acestea, dacă textul face parte dintr-o celulă de tabel cu o lățime definită, textul se poate extinde dincolo de fereastra browserului.

---

41) Prin ce sunt diferite link-urile active de link-urile normale?

Culoarea implicită pentru linkurile normale și active este albastru. Unele browsere recunosc o legătură activă când cursorul mouse-ului este plasat peste acel link; alții recunosc link-uri active atunci când link-ul are accent. Cei care nu au cursorul mouse-ului peste acel link sunt considerați o legătură normală.

---

42) Foile de stil limitează numărul de noi definiții de stil care pot fi incluse între paranteze?

Foile de stil nu limitează numărul de definiții de stil care pot fi incluse în paranteze pentru un anumit selector. Fiecare definiție nouă de stil, totuși, trebuie să fie separată de celelalte printr-un simbol punct și virgulă.

---

43) Pot specifica valori fracționale de greutate, cum ar fi 670 sau 973 pentru greutatea fontului?

Implementarea depinde în mare măsură de browser, dar standardul nu acceptă valori fracționale ale greutății. Valorile acceptabile trebuie să se încheie cu două zerouri.

---

44) Care este ierarhia care este urmată când vine vorba de foile de stil?

Dacă un singur selector include trei definiții de stil diferite, definiția care este cea mai apropiată de eticheta reală are prioritate. Stilul inline are prioritate față de foile de stil încorporate, care are prioritate față de foile de stil externe.

---

45) Se pot grupa mai multe selectoare cu nume de clasă?

Puteți defini mai mulți selectori cu aceeași definiție de stil, separându-i cu virgule. Aceeași tehnică funcționează și pentru selectoarele cu nume de clasă.

---

46) Ce se întâmplă dacă deschideți exteriorul CSS fișier într-un browser?

Când încercați să deschideți fișierul CSS extern într-un browser, browserul nu poate deschide fișierul, deoarece fișierul are o extensie diferită. Singura modalitate de a utiliza un fișier CSS extern este să-l faceți referire folosind etichetă într-un alt document HTML.

---

47) Cum transformi o imagine într-o imagine de fundal a unei pagini web?

Pentru a face acest lucru, plasați un cod de etichetă după etichetați după cum urmează:

<body background = “image.gif”>

Înlocuiți image.gif cu numele fișierului imagine. Aceasta va face fotografia și o va face imaginea de fundal a paginii dvs. web.

---

48) Ce se întâmplă dacă proprietatea list-style-type este utilizată pe un element non-list, cum ar fi un paragraf?

Dacă proprietatea list-style-type este utilizată pe un element non-list ca un paragraf, proprietatea va fi ignorată și nu va afecta paragraful.

---

49) Când este potrivit să folosiți rame?

Cadrele pot face navigarea pe un site mult mai ușoară. Dacă legăturile principale către site sunt situate într-un cadru care apare în partea de sus sau de-a lungul marginii browserului, conținutul acestor link-uri poate fi afișat în restul ferestrei browserului.

---

50) Ce se întâmplă dacă numărul de valori din atributul rânduri sau cols nu se adună la 100 la sută?

Browserul dimensionează cadrele în raport cu suma totală a valorilor. Dacă atributul cols este setat la 100%, 200%, browserul afișează două cadre verticale, al doilea fiind de două ori mai mare decât primul.

---

51) Ce browsere acceptă HTML5?

Cele mai recente versiuni de Google Chrome, Apple Safari, Mozilla Firefox și Opera acceptă majoritatea funcțiilor HTML5.

---

52) Numiți două etichete noi incluse în HTML 5

şi sunt etichete noi care sunt incluse în versiunea HTML5. Ele sunt utilizate în principal ca înlocuitori pentru Flash, Silverlight și tehnologii similare pentru a reda articole multimedia.

---

53) Știți care sunt două etichete semantice incluse în versiunea HTML5?

The şi etichetele sunt două etichete noi care sunt incluse în HTML5. Articolele pot fi compuse din mai multe secțiuni care pot avea mai multe articole. O etichetă de articol reprezintă un bloc complet de conținut care este o secțiune a unui întreg mai mare.

---

54) Ce este în HTML5?

Această etichetă reprezintă o bucată de conținut de flux autonom. Este folosit în mare parte ca o singură unitate ca referință pentru fluxul principal al documentului.

---

55) La ce folosește elementul Canvas?

Elementul canvas ajută la construirea de diagrame, grafice, ocolire Photoshop pentru a crea imagini 2D și a le plasa direct în codul HTML5.

---

56) Care sunt noile elemente FORM care sunt disponibile în HTML5?

Noile elemente de formular din HTML5 oferă o funcționalitate mult mai bună decât versiunile anterioare.

Etichetele furnizate pentru a îndeplini aceste funcții sunt:

1) – Această etichetă este utilizată pentru a specifica o listă de opțiuni pentru controalele de intrare.

2) – Această etichetă reprezintă un câmp generator de perechi de chei.

3) – Acesta reprezintă rezultatul oricărui calcul de scripting.

---

57) Spune-mi două beneficii ale stocării web HTML5

Două avantaje principale ale stocării web HTML5:

• Poate stoca până la 10 MB de date, ceea ce este cu siguranță mai mult decât au cookie-urile.
• Datele de stocare web nu pot fi transferate cu cererea HTTP. Ajută la creșterea performanței aplicației.

---

58) Care sunt două tipuri de stocare web în HTML5?

Două tipuri de stocare HTML5 sunt:

Stocare sesiune: Stochează numai datele sesiunii curente. Înseamnă că datele stocate în stocarea sesiunii se șterg automat când browserul este închis.

Stocare locală: Stocarea locală este un alt tip de stocare web HTML5. În stocarea locală, datele nu sunt șterse automat când fereastra curentă a browserului este închisă.

---

59) Ce este Application Cache în HTML5 și de ce este folosit?

Conceptul Application Cache înseamnă că o aplicație web este stocată în cache. Poate fi accesibil fără a fi nevoie de conexiune la internet.

Câteva avantaje ale aplicației cache:

1. Navigare offline - Utilizatorii web pot folosi aplicația și atunci când sunt offline.
2. Viteza - Resursele din cache se încarcă mai rapid
3. Reduceți încărcarea serverului - Browserul web va descărca numai resurse actualizate de pe server.

---

60) Explicați cinci noi tipuri de introducere furnizate de HTML5 pentru formulare?

Iată noile tipuri de date importante oferite de HTML5:

1. Data: Acesta permite utilizatorului să selecteze o dată.
2. datetime-local: Acest tip de intrare permite utilizatorului să selecteze o dată și o oră fără fus orar.
3. datatime: Acest tip de intrare permite utilizatorului să selecteze o dată și o oră cu fusul orar.
4. lună: Acesta permite utilizatorului să selecteze o lună și un an
5. e-mail: Aceste câmpuri de intrare conţineau o adresă de e-mail.

Aceste întrebări de interviu vă vor ajuta, de asemenea, în viva (orale). Pentru a construi o carieră strălucitoare ca UI / UX dezvoltator, candidații trebuie să deschidă interviul în care li se cere diverse întrebări de interviu HTML5.