Le 60 migliori domande e risposte per interviste HTML (2025)

Ecco le domande e le risposte al colloquio HTML per le matricole e i candidati esperti per ottenere il lavoro dei loro sogni.

Download gratuito del PDF: domande per l'intervista in HTML

---

1) Cos'è l'HTML?

HTML è l'abbreviazione di HyperText Markup Language ed è il linguaggio del World Wide Web. È il linguaggio di formattazione del testo standard utilizzato per creare e visualizzare pagine sul Web. I documenti HTML sono costituiti da due cose: il contenuto e i tag che lo formattano per una corretta visualizzazione sulle pagine.

---

2) Cosa sono i tag?

Il contenuto viene inserito tra i tag HTML per formattarlo correttamente. Utilizza il simbolo minore di (<) e il simbolo maggiore di (>). Il simbolo della barra viene utilizzato anche come tag di chiusura. Per esempio:

<strong>sample</strong>

---

3) Tutti i tag HTML vengono forniti in coppia?

No, esistono tag HTML singoli che non necessitano di un tag di chiusura. Gli esempi sono i etichetta e tag.

---

4) Quali sono alcuni degli elenchi comuni che possono essere utilizzati durante la progettazione di una pagina?

È possibile inserire uno o una combinazione dei seguenti tipi di elenco:
- lista ordinata
- lista non ordinata
– elenco delle definizioni
– elenco dei menù
– elenco delle directory
Ciascuno di questi tipi di elenco utilizza un set di tag diverso da comporre

---

5) Come si inserisce un commento in HTML?

I commenti in HTML iniziano con " ”. Per esempio:

<!-- A SAMPLE COMMENT -->

---

6) Tutte le entità carattere vengono visualizzate correttamente su tutti i sistemi?

No, ci sono alcune entità carattere che non possono essere visualizzate quando il file sistema operativo su cui è in esecuzione il browser non supporta i caratteri. Quando ciò accade, questi caratteri vengono visualizzati come riquadri.

---

7) Cos'è una mappa immagine?

La mappa immagine ti consente di collegarti a molte pagine Web diverse utilizzando una singola immagine. Puoi definire forme nelle immagini che desideri rendere parte di una mappatura di immagini.

---

8) Qual è il vantaggio di comprimere lo spazio bianco?

Gli spazi bianchi sono una sequenza vuota di caratteri di spazio, che viene trattata come un singolo carattere di spazio in HTML. Poiché il browser comprime più spazi in un unico spazio, puoi rientrare le righe di testo senza preoccuparti di più spazi. Ciò consente di organizzare il codice HTML in un formato molto più leggibile.

---

9) I valori degli attributi possono essere impostati su qualcosa o esistono valori specifici che accettano?

Alcuni valori degli attributi possono essere impostati solo su valori predefiniti. Altri attributi possono accettare qualsiasi valore numerico che rappresenti il ​​numero di pixel per una dimensione.

---

10) Come si inserisce un simbolo di copyright in una pagina del browser?

Per inserire il simbolo del copyright è necessario digitare © o & #169; in un file HTML.

---

11) Come si creano collegamenti a sezioni all'interno della stessa pagina?

I collegamenti possono essere creati utilizzando il tag, con riferimento tramite l'uso del simbolo numerico (#). Ad esempio, puoi avere una riga come BACK TO TOP , che comporterebbe la visualizzazione delle parole "BACK TO TOP" sulla pagina Web e il collegamento a un segnalibro denominato topmost. Quindi crei un comando tag separato come da qualche parte nella parte superiore della stessa pagina web in modo che l'utente venga collegato a quel punto quando ha fatto clic su "TORNA ALL'INIZIO".

---

12) Esiste un modo per mantenere gli elementi dell'elenco dritti in un file HTML?

Utilizzando i rientri, puoi mantenere dritti gli elementi dell'elenco. Se rientri ogni elenco secondario più in profondità rispetto all'elenco principale che lo contiene, puoi determinare a colpo d'occhio i vari elenchi e gli elementi che contiene.

---

13) Se vedi un indirizzo web su una rivista, a quale pagina web punta?

Ogni pagina web sul web può avere un indirizzo web separato. La maggior parte di questi indirizzi sono relativi alla pagina web più in alto. L'indirizzo web pubblicato che appare all'interno delle riviste in genere indica questa pagina più in alto. Da questa pagina di primo livello è possibile accedere a tutte le altre pagine del sito.

---

14) Qual è l'uso del testo alternativo nella mappatura delle immagini?

Quando si utilizzano le mappe immagine, può facilmente creare confusione ed essere difficile determinare quali hotspot corrispondono a quali collegamenti. Utilizzando il testo alternativo è possibile inserire un testo descrittivo su ciascun collegamento hotspot.

---

15) I file HTML meno recenti funzionano sui browser più recenti?

Sì, i file HTML meno recenti sono conformi allo standard HTML. La maggior parte dei file meno recenti funziona sui browser più recenti, anche se alcune funzionalità potrebbero non funzionare.

---

16) Un collegamento ipertestuale si applica solo al testo?

No, i collegamenti ipertestuali possono essere utilizzati sia nel testo che nelle immagini. Ciò significa che puoi convertire un'immagine in un collegamento che consentirà agli utenti di collegarsi a un'altra pagina quando vengono cliccati. Circonda l'immagine all'interno delle combinazioni di tag ....

---

17) Se il sistema operativo dell'utente non supporta il carattere necessario, come può essere rappresentato il simbolo?

Nei casi in cui il loro sistema operativo non supporta un carattere particolare, è comunque possibile visualizzare quel carattere mostrandolo invece come immagine.

---

18) Come si cambia il tipo di numero al centro di una lista?

IL il tag include due attributi: tipo e valore. L'attributo type può essere utilizzato per modificare il tipo di numerazione per qualsiasi elemento dell'elenco. L'attributo value può modificare l'indice numerico.

---

19) Cosa sono i fogli di stile?

I fogli di stile consentono di creare modelli di stile coerenti, trasportabili e ben definiti. Questi modelli possono essere collegati a diverse pagine Web, semplificando la manutenzione e la modifica dell'aspetto di tutte le pagine Web all'interno del sito.

---

20) Tipi di punti elenco di stato disponibili in HTML

Con gli elenchi ordinati, puoi scegliere di utilizzare diversi tipi di elenco, inclusi i numeri alfabetici e romani. L'attributo type per gli elenchi non ordinati può essere impostato su disc, Square o Circle.

---

21) Come si crea testo multicolore in una pagina web?

Per creare testo con colori diversi, utilizza i tag ... per ogni carattere a cui desideri applicare il colore. Puoi utilizzare questa combinazione di tag tutte le volte necessarie, circondando un singolo carattere o un'intera parola.

---

22) Perché esistono valori di entità carattere sia numerici che denominati?

I valori numerici sono presi dai valori ASCII dei vari caratteri, ma possono essere difficili da ricordare. Per questo motivo, sono stati creati valori di entità carattere con nome per semplificarne l'utilizzo da parte dei progettisti di pagine Web.

---

23) Scrivere una sequenza di tag di tabella HTML che restituisca quanto segue:
50 pezzi 100 500
10 pezzi 5 50

Risposta:

<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) Qual è il vantaggio di raggruppare più checkbox insieme?

Sebbene le caselle di controllo non si influenzino a vicenda, raggrupparle insieme aiuta a organizzarle. I pulsanti delle caselle di controllo possono avere il loro nome e non è necessario che appartengano a un gruppo. Una singola pagina web può avere molti gruppi diversi di caselle di controllo.

---

25) Cosa accadrà se sovrapponi set di tag?

Se due serie di tag HTML sono sovrapposte, verrà riconosciuto solo il primo tag. Troverai questo problema quando il testo non viene visualizzato correttamente sullo schermo del browser.

---

26) Cosa sono le applet?

Gli applet sono piccoli programmi che possono essere incorporati nelle pagine Web per eseguire alcune funzionalità specifiche, come calcoli, animazioni ed elaborazione delle informazioni. Le applet sono scritte utilizzando il linguaggio Java.

---

27) Cosa succede se non c'è testo tra i tag o se per errore è stato omesso un testo? Influirà sulla visualizzazione del file HTML?

Se non c'è testo tra i tag, non c'è nulla da formattare. Pertanto non verrà visualizzata alcuna formattazione. Alcuni tag, in particolare quelli senza tag di chiusura come the tag, non è necessario alcun testo tra di loro.

---

28) È possibile impostare colori specifici per i bordi della tabella?

Puoi specificare un colore del bordo utilizzando i fogli di stile, ma i colori per una tabella che non utilizza i fogli di stile saranno gli stessi del colore del testo.

---

29) Come si crea un collegamento che si collegherà a un'altra pagina web quando viene cliccato?

Per creare collegamenti ipertestuali o collegamenti che si collegano a un'altra pagina Web, utilizzare il tag href. Il formato generale per questo è: testo
Sostituisci "sito" con l'URL della pagina effettiva a cui dovrebbe essere collegato quando si fa clic sul testo.

---

30) Quali altri modi possono essere utilizzati per allineare le immagini e disporre il testo?

Le tabelle possono essere utilizzate per posizionare testo e immagini. Un altro modo utile per disporre il testo attorno a un'immagine è utilizzare i fogli di stile.

---

31) Un singolo collegamento testuale può puntare a due pagine web diverse?

No. Il tag può accettare solo un singolo attributo href e può puntare solo a una singola pagina web.

---

32) Qual è la differenza tra gli elenchi di directory e menu e l'elenco non ordinato?

La differenza principale è che gli elenchi di directory e menu non includono attributi per modificare lo stile del punto elenco.

---

33) Puoi cambiare il colore dei proiettili?

Il colore del punto elenco è sempre uguale a quello del primo carattere nell'elemento dell'elenco. Se circondi il e il primo carattere con una serie di tag con l'attributo color impostato, il colore del punto elenco e il primo carattere sarà di un colore diverso dal testo.

---

34) Quali sono i limiti della dimensione del campo testo?

La dimensione predefinita per un campo di testo è di circa 13 caratteri. Tuttavia, se includi l'attributo dimensione, puoi impostare il valore della dimensione su un valore minimo pari a 1. Il valore della dimensione massima sarà determinato dalla larghezza del browser. Se l'attributo size è impostato su 0, la dimensione verrà impostata sulla dimensione predefinita di 13 caratteri.

---

35) Fai i tag devono sempre trovarsi all'inizio di una riga o di una colonna?

Qualunque il tag può essere cambiato in a etichetta. Ciò fa sì che il testo contenuto all'interno del file tag da visualizzare in grassetto nel browser. Sebbene i tag vengono utilizzati principalmente per i titoli, non è necessario che siano utilizzati esclusivamente per i titoli.

---

36) Qual è la relazione tra gli attributi del confine e della regola?

I bordi predefiniti delle celle, con uno spessore di 1 pixel, vengono aggiunti automaticamente tra le celle se l'attributo border è impostato su un valore diverso da zero. Allo stesso modo, se l'attributo border non è incluso, verrà visualizzato un bordo predefinito di 1 pixel se l'attributo rule viene aggiunto al etichetta.

---

37) Cos'è un tendone?

Un testo scorrevole ti consente di inserire un testo scorrevole in una pagina web. Per fare ciò, posiziona il testo che desideri appaia scorrendo all'interno del file E tag.

---

38) Come si crea un testo su una pagina web che ti permetta di inviare un'e-mail quando viene cliccato?

Per trasformare il testo in un collegamento cliccabile per inviare e-mail, utilizzare il comando mailto all'interno del tag href. Il formato è il seguente:

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

 

---

39) Sono i tag sono l'unico modo per separare sezioni di testo?

No. Il Il tag è solo un modo per separare le righe di testo. Altri tag, come il etichetta e tag, anche sezioni separate di testo.

---

40) Ci sono casi in cui il testo apparirà al di fuori del browser?

Per impostazione predefinita, il testo viene mandato a capo per apparire nella finestra del browser. Tuttavia, se il testo fa parte di una cella di tabella con una larghezza definita, il testo potrebbe estendersi oltre la finestra del browser.

---

41) In cosa differiscono i collegamenti attivi dai collegamenti normali?

Il colore predefinito per i collegamenti normali e attivi è il blu. Alcuni browser riconoscono un collegamento attivo quando il cursore del mouse viene posizionato su quel collegamento; altri riconoscono i collegamenti attivi quando il collegamento ha il focus. Quelli che non hanno il cursore del mouse su quel collegamento sono considerati collegamenti normali.

---

42) I fogli di stile limitano il numero di nuove definizioni di stile che possono essere incluse tra parentesi?

I fogli di stile non limitano il numero di definizioni di stile che possono essere incluse tra parentesi per un determinato selettore. Ogni nuova definizione di stile, però, deve essere separata dalle altre tramite il simbolo del punto e virgola.

---

43) Posso specificare valori di peso frazionario come 670 o 973 per il peso del carattere?

L'implementazione dipende in gran parte dal browser, ma lo standard non supporta valori di peso frazionario. I valori accettabili devono terminare con due zeri.

---

44) Qual è la gerarchia che viene seguita quando si tratta di fogli di stile?

Se un singolo selettore include tre diverse definizioni di stile, la definizione più vicina al tag effettivo ha la precedenza. Lo stile in linea ha la priorità sui fogli di stile incorporati, che a loro volta hanno la priorità sui fogli di stile esterni.

---

45) È possibile raggruppare più selettori con nome di classe?

È possibile definire più selettori con la stessa definizione di stile separandoli con virgole. Questa stessa tecnica funziona anche per i selettori con nomi di classi.

---

46) Cosa succede se si apre l'esterno CSS file in un browser?

Quando provi ad aprire il file CSS esterno in un browser, il browser non può aprire il file perché ha un'estensione diversa. L'unico modo per utilizzare un file CSS esterno è farvi riferimento utilizzando tag all'interno di un altro documento HTML.

---

47) Come si fa a trasformare un'immagine in un'immagine di sfondo di una pagina web?

Per fare ciò, inserisci un codice tag dopo il taggare come segue:

<body background = “image.gif”>

Sostituisci image.gif con il nome del tuo file immagine. Questo prenderà la foto e la renderà l'immagine di sfondo della tua pagina web.

---

48) Cosa succede se la proprietà list-style-type viene utilizzata su un elemento non di lista come un paragrafo?

Se la proprietà list-style-type viene utilizzata su un elemento non elenco come un paragrafo, la proprietà verrà ignorata e non influenzerà il paragrafo.

---

49) Quando è opportuno utilizzare i telai?

I frame possono rendere la navigazione di un sito molto più semplice. Se i collegamenti principali al sito si trovano in un riquadro visualizzato nella parte superiore o lungo il bordo del browser, il contenuto di tali collegamenti può essere visualizzato nella parte restante della finestra del browser.

---

50) Cosa succede se la somma dei valori nell'attributo rows o cols non raggiunge il 100%?

Il browser dimensiona i frame rispetto alla somma totale dei valori. Se l'attributo cols è impostato su 100%, 200% il browser visualizza due frame verticali, il secondo dei quali è due volte più grande del primo.

---

51) Quali browser supportano HTML5?

Le ultime versioni di Google Chrome, Apple Safari, Mozilla Firefox e Opera supportano tutte la maggior parte delle funzionalità HTML5.

---

52) Nomina due nuovi tag inclusi nell'HTML 5

E sono nuovi tag inclusi nella versione HTML5. Vengono utilizzati principalmente in sostituzione di Flash, Silverlight e tecnologie simili per riprodurre elementi multimediali.

---

53) Sai quali sono i due tag semantici inclusi nella versione HTML5?

IL E i tag sono due nuovi tag inclusi in HTML5. Gli articoli possono essere composti da più sezioni che possono avere più articoli. Un tag articolo rappresenta un blocco completo di contenuto che è una sezione di un insieme più grande.

---

54) Cos'è nell'HTML5?

Questo tag rappresenta una parte del contenuto del flusso autonomo. Viene utilizzato principalmente come singola unità come riferimento al flusso principale del documento.

---

55) A cosa serve l'elemento Canvas?

L'elemento tela aiuta a costruire grafici, grafici, bypass Photoshop per creare immagini 2D e inserirle direttamente nel codice HTML5.

---

56) Quali sono i nuovi elementi FORM disponibili in HTML5?

I nuovi elementi del modulo in HTML5 offrono funzionalità molto migliori rispetto alle versioni precedenti.

I tag forniti per svolgere queste funzioni sono:

1) – Questo tag viene utilizzato per specificare un elenco di opzioni per i controlli di input.

2) – Questo tag rappresenta un campo generatore di coppie di chiavi.

3) – Rappresenta il risultato di qualsiasi calcolo di scripting.

---

57) Dimmi due vantaggi dell'archiviazione Web HTML5

Due vantaggi principali dell'archiviazione Web HTML5:

• Può memorizzare fino a 10 MB di dati che sono sicuramente più di quelli che contengono i cookie.
• I dati di archiviazione Web non possono essere trasferiti con la richiesta HTTP. Aiuta ad aumentare le prestazioni dell'applicazione.

---

58) Quali sono i due tipi di Web Storage in HTML5?

Due tipi di archiviazione di HTML5 sono:

Archiviazione della sessione: Memorizza solo i dati della sessione corrente. Ciò significa che i dati memorizzati nella memoria della sessione vengono cancellati automaticamente quando il browser viene chiuso.

Memoria locale: L'archiviazione locale è un altro tipo di archiviazione Web HTML5. Nella memoria locale, i dati non vengono eliminati automaticamente quando la finestra del browser corrente viene chiusa.

---

59) Cos'è l'Application Cache in HTML5 e perché viene utilizzata?

Il concetto di Application Cache significa che un'applicazione web viene memorizzata nella cache. Può essere accessibile senza la necessità di una connessione Internet.

Alcuni vantaggi dell'Application Cache:

1. Navigazione offline – Gli utenti Web possono utilizzare l'applicazione anche quando sono offline.
2. Velocità - Le risorse memorizzate nella cache vengono caricate più rapidamente
3. Ridurre il carico del server – Il browser Web scaricherà solo le risorse aggiornate dal server.

---

60) Spiegare i cinque nuovi tipi di input forniti da HTML5 per i moduli?

Di seguito sono riportati i nuovi importanti tipi di dati offerti da HTML5:

1. Data: Consente all'utente di selezionare una data.
2. datetime-locale: Questo tipo di input consente all'utente di selezionare una data e un'ora senza fuso orario.
3. appuntamento: Questo tipo di input consente all'utente di selezionare una data e un'ora con il fuso orario.
4. mese: Consente all'utente di selezionare un mese e un anno
5. e-mail: Questi campi di input contenevano un indirizzo e-mail.

Queste domande dell'intervista ti aiuteranno anche nella tua viva(orale). Per costruire una brillante carriera come UI / UX sviluppatore, i candidati devono completare il colloquio in cui vengono poste varie domande per il colloquio HTML5.