Top 60 des questions et réponses d'entrevue HTML (2024)

Voici les questions et réponses d'entrevue HTML pour les débutants ainsi que les candidats expérimentés pour obtenir l'emploi de leurs rêves.

Téléchargement gratuit du PDF : questions d'entretien HTML


1) Qu'est-ce que le HTML ?

HTML est l'abréviation de HyperText Markup Language et est le langage du World Wide Web. Il s'agit du langage de formatage de texte standard utilisé pour créer et afficher des pages sur le Web. Les documents HTML sont constitués de deux éléments : le contenu et les balises qui le formatent pour un affichage correct sur les pages.


2) Que sont les balises ?

Le contenu est placé entre les balises HTML afin de le formater correctement. Il utilise le symbole inférieur à (<) et le symbole supérieur à (>). Un symbole de barre oblique est également utilisé comme balise de fermeture. Par exemple:

<strong>sample</strong>

3) Toutes les balises HTML sont-elles fournies par paire ?

Non, il existe des balises HTML uniques qui n'ont pas besoin de balise de fermeture. Les exemples sont les étiquette et Mots clés.


4) Quelles sont certaines des listes courantes qui peuvent être utilisées lors de la conception d'une page ?

Vous pouvez insérer n'importe quel type de liste ou une combinaison des types suivants :
– liste ordonnée
- liste non ordonnée
– liste de définition
– liste des menus
– liste des répertoires
Chacun de ces types de liste utilise un ensemble de balises différent pour composer


5) Comment insérer un commentaire en HTML ?

Les commentaires en HTML commencent par " ”. Par exemple:

<!-- A SAMPLE COMMENT -->
Questions d'entrevue HTML

6) Toutes les entités de personnage s'affichent-elles correctement sur tous les systèmes ?

Non, certaines entités de caractères ne peuvent pas être affichées lorsque le le système d'exploitation sur lequel le navigateur s'exécute ne prend pas en charge les caractères. Lorsque cela se produit, ces caractères sont affichés sous forme de cases.


7) Qu'est-ce qu'une image cliquable ?

La carte d'images vous permet de créer des liens vers de nombreuses pages Web différentes à l'aide d'une seule image. Vous pouvez définir des formes dans les images que vous souhaitez intégrer à un mappage d'images.


8) Quel est l'avantage de réduire l'espace blanc ?

Les espaces blancs sont une séquence vide de caractères d'espacement, qui est traitée comme un caractère d'espacement unique en HTML. Étant donné que le navigateur réduit plusieurs espaces en un seul espace, vous pouvez mettre en retrait des lignes de texte sans vous soucier des espaces multiples. Cela vous permet d'organiser le code HTML dans un format beaucoup plus lisible.

Questions d'entrevue HTML5
Questions d'entrevue HTML5

9) Les valeurs d'attribut peuvent-elles être définies sur n'importe quoi ou y a-t-il des valeurs spécifiques qu'elles acceptent ?

Certaines valeurs d'attribut ne peuvent être définies que sur des valeurs prédéfinies. D'autres attributs peuvent accepter n'importe quelle valeur numérique qui représente le nombre de pixels pour une taille.


10) Comment insérer un symbole de copyright sur une page de navigateur ?

Pour insérer le symbole de copyright, vous devez taper © ou & #169; dans un fichier HTML.


11) Comment créez-vous des liens vers des sections d'une même page ?

Des liens peuvent être créés à l'aide de la balise, avec un référencement à l'aide du symbole numérique (#). Par exemple, vous pouvez avoir une ligne comme BACK TO TOP , ce qui entraînerait l'apparition des mots « BACK TO TOP » sur la page Web et des liens vers un signet nommé topmost. Vous créez ensuite une commande de balise distincte comme quelque part en haut de la même page Web afin que l'utilisateur soit lié à cet endroit lorsqu'il a cliqué sur "RETOUR AU HAUT".


12) Existe-t-il un moyen de conserver les éléments de la liste directement dans un fichier HTML ?

En utilisant des retraits, vous pouvez garder les éléments de la liste droits. Si vous indentez chaque liste sous-imbriquée plus loin que la liste parente qui la contient, vous pouvez d'un coup d'œil déterminer les différentes listes et les éléments qu'elle contient.


13) Si vous voyez une adresse Web sur un magazine, vers quelle page Web pointe-t-elle ?

Chaque page Web sur le Web peut avoir une adresse Web distincte. La plupart de ces adresses sont relatives à la page Web la plus élevée. L'adresse Web publiée qui apparaît dans les magazines pointe généralement vers cette page la plus élevée. À partir de cette page de niveau supérieur, vous pouvez accéder à toutes les autres pages du site Web.


14) À quoi sert le texte alternatif dans le mappage d'images ?

Lorsque vous utilisez des images cliquables, il peut facilement devenir déroutant et difficile de déterminer quels points chauds correspondent à quels liens. En utilisant des textes alternatifs, vous placez un texte descriptif sur chaque lien de point d'accès.


15) Les anciens fichiers HTML fonctionnent-ils sur les nouveaux navigateurs ?

Oui, les anciens fichiers HTML sont conformes à la norme HTML. La plupart des fichiers plus anciens fonctionnent sur les navigateurs les plus récents, bien que certaines fonctionnalités puissent ne pas fonctionner.


16) Un lien hypertexte s'applique-t-il uniquement au texte ?

Non, les hyperliens peuvent être utilisés aussi bien dans le texte que dans les images. Cela signifie que vous pouvez convertir une image en un lien qui permettra aux utilisateurs de créer un lien vers une autre page lorsqu'ils cliquent dessus. Entourez l'image dans les combinaisons de balises … .


17) Si le système d'exploitation de l'utilisateur ne prend pas en charge le caractère nécessaire, comment le symbole peut-il être représenté ?

Dans les cas où leur système d'exploitation ne prend pas en charge un caractère particulier, il est toujours possible d'afficher ce caractère en le montrant sous forme d'image à la place.


18) Comment changer le type de numéro au milieu d'une liste ?

Le La balise comprend deux attributs - type et valeur. L'attribut type peut être utilisé pour changer le type de numérotation pour n'importe quel élément de la liste. L'attribut value peut modifier l'index des nombres.


19) Que sont les feuilles de style ?

Les feuilles de style vous permettent de créer des modèles de style cohérents, transportables et bien définis. Ces modèles peuvent être liés à plusieurs pages Web différentes, ce qui facilite la maintenance et la modification de l'apparence de toutes les pages Web du site.


20) Types de puces d'état disponibles en HTML

Avec les listes ordonnées, vous pouvez choisir d'utiliser différents types de liste, y compris les chiffres alphabétiques et romains. L'attribut type pour les listes non ordonnées peut être défini sur disque, carré ou cercle.


21) Comment créez-vous du texte multicolore dans une page Web ?

Pour créer du texte avec différentes couleurs, utilisez les balises … pour chaque caractère auquel vous souhaitez appliquer une couleur. Vous pouvez utiliser cette combinaison de balises autant de fois que nécessaire, entourant un seul caractère ou un mot entier.


22) Pourquoi y a-t-il à la fois des valeurs d'entités de caractères numériques et nommées ?

Les valeurs numériques sont tirées des valeurs ASCII des différents caractères, mais celles-ci peuvent être difficiles à retenir. Pour cette raison, des valeurs d'entité de caractère nommées ont été créées pour faciliter leur utilisation par les concepteurs de pages Web.


23) Écrivez une séquence de balises de table HTML qui affiche ce qui suit :
50 pièces 100 500
10 pièces 5 50

Réponse

<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) Quel est l'intérêt de regrouper plusieurs cases à cocher ?

Bien que les cases à cocher ne s'affectent pas les unes les autres, le regroupement des cases à cocher aide à les organiser. Les boutons de case à cocher peuvent avoir leur nom et n'ont pas besoin d'appartenir à un groupe. Une même page Web peut avoir plusieurs groupes de cases à cocher différents.


25) Que se passera-t-il si vous superposez des ensembles de balises ?

Si deux ensembles de balises HTML se chevauchent, seule la première balise sera reconnue. Vous rencontrerez ce problème lorsque le texte ne s'affiche pas correctement sur l'écran du navigateur.


26) Que sont les applets ?

Les applets sont de petits programmes qui peuvent être intégrés dans des pages Web pour exécuter certaines fonctionnalités spécifiques, telles que des calculs, des animations et le traitement de l'information. Les applets sont écrites en langage Java.


27) Que faire s'il n'y a pas de texte entre les balises ou si un texte a été omis par erreur ? Cela affectera-t-il l'affichage du fichier HTML ?

S'il n'y a pas de texte entre les balises, il n'y a rien à formater. Par conséquent, aucun formatage n'apparaîtra. Certaines balises, en particulier les balises sans balise fermante comme tag, ne nécessitent aucun texte entre eux.


28) Est-il possible de définir des couleurs spécifiques pour les bordures de tableau ?

Vous pouvez spécifier une couleur de bordure à l'aide de feuilles de style, mais les couleurs d'un tableau qui n'utilise pas de feuilles de style seront les mêmes que la couleur du texte.


29) Comment créez-vous un lien qui se connectera à une autre page Web lorsque vous cliquerez ?

Pour créer des hyperliens ou des liens qui se connectent à une autre page Web, utilisez la balise href. Le format général pour cela est : texte
Remplacez "site" par l'URL de la page réelle qui est censée être liée lorsque le texte est cliqué.


30) Quels autres moyens peuvent être utilisés pour aligner les images et habiller le texte ?

Les tableaux peuvent être utilisés pour positionner du texte et des images. Un autre moyen utile d'envelopper du texte autour d'une image consiste à utiliser des feuilles de style.


31) Un seul lien texte peut-il pointer vers deux pages Web différentes ?

Non. La balise ne peut accepter qu'un seul attribut href et ne peut pointer que vers une seule page Web.


32) Quelle est la différence entre les listes de répertoires et de menus et la liste non ordonnée ?

La principale différence est que les listes de répertoires et de menus n'incluent pas d'attributs permettant de modifier le style de puce.


33) Pouvez-vous changer la couleur des puces ?

La couleur de la puce est toujours la même que celle du premier caractère de l'élément de liste. Si vous entourez le et le premier caractère avec un ensemble de balises avec l'attribut de couleur défini, la couleur de la puce et le premier caractère sera d'une couleur différente du texte.


34) Quelles sont les limites de la taille du champ texte ?

La taille par défaut d'un champ de texte est d'environ 13 caractères. Toutefois, si vous incluez l'attribut de taille, vous pouvez définir la valeur de taille sur une valeur aussi faible que 1. La valeur de taille maximale sera déterminée par la largeur du navigateur. Si l'attribut size est défini sur 0, la taille sera définie sur la taille par défaut de 13 caractères.


35) Faites les balises doivent toujours apparaître au début d'une ligne ou d'une colonne ?

N'importe lequel l'étiquette peut être remplacée par une étiqueter. Cela provoque le texte contenu dans le balise à afficher en gras dans le navigateur. Bien que Les balises sont principalement utilisées pour les en-têtes, elles ne doivent pas être utilisées exclusivement pour les en-têtes.


36) Quelle est la relation entre les attributs border et rule ?

Les bordures de cellule par défaut, d'une épaisseur de 1 pixel, sont automatiquement ajoutées entre les cellules si l'attribut border est défini sur une valeur différente de zéro. De même, si l'attribut border n'est pas inclus, une bordure par défaut de 1 pixel apparaît si l'attribut rules est ajouté au étiqueter.


37) Qu'est-ce qu'un chapiteau ?

Un chapiteau permet de mettre un texte défilant dans une page web. Pour ce faire, placez le texte que vous souhaitez faire défiler dans le et Mots clés.


38) Comment créez-vous du texte sur une page Web qui vous permettra d'envoyer un e-mail lorsque vous cliquez dessus ?

Pour transformer le texte en un lien cliquable pour envoyer un e-mail, utilisez la commande mailto dans la balise href. Le format est le suivant :

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

 


39) Sont les balises sont-elles le seul moyen de séparer des sections de texte ?

Non. Le tag n'est qu'un moyen de séparer des lignes de texte. D'autres balises, comme le étiquette et balise, sépare également des sections de texte.


40) Y a-t-il des cas où le texte apparaîtra en dehors du navigateur ?

Par défaut, le texte est enveloppé pour apparaître dans la fenêtre du navigateur. Toutefois, si le texte fait partie d'une cellule de tableau avec une largeur définie, le texte peut s'étendre au-delà de la fenêtre du navigateur.


41) En quoi les liens actifs sont-ils différents des liens normaux ?

La couleur par défaut des liens normaux et actifs est le bleu. Certains navigateurs reconnaissent un lien actif lorsque le curseur de la souris est placé sur ce lien ; d'autres reconnaissent les liens actifs lorsque le lien a le focus. Ceux qui n'ont pas de curseur de souris sur ce lien sont considérés comme un lien normal.


42) Les feuilles de style limitent-elles le nombre de nouvelles définitions de style pouvant être incluses entre crochets ?

Les feuilles de style ne limitent pas le nombre de définitions de style pouvant être incluses entre crochets pour un sélecteur donné. Cependant, chaque nouvelle définition de style doit être séparée des autres par un symbole point-virgule.


43) Puis-je spécifier des valeurs de poids fractionnaires telles que 670 ou 973 pour le poids de la police ?

La mise en œuvre dépend en grande partie du navigateur, mais la norme ne prend pas en charge les valeurs de poids fractionnaires. Les valeurs acceptables doivent se terminer par deux zéros.


44) Quelle est la hiérarchie suivie en matière de feuilles de style ?

Si un seul sélecteur comprend trois définitions de style différentes, la définition la plus proche de la balise réelle est prioritaire. Le style en ligne est prioritaire sur les feuilles de style intégrées, qui sont prioritaires sur les feuilles de style externes.


45) Est-il possible de regrouper plusieurs sélecteurs avec des noms de classe ?

Vous pouvez définir plusieurs sélecteurs avec la même définition de style en les séparant par des virgules. Cette même technique fonctionne également pour les sélecteurs avec des noms de classe.


46) Que se passe-t-il si vous ouvrez le CSS fichier dans un navigateur ?

Lorsque vous essayez d'ouvrir le fichier CSS externe dans un navigateur, le navigateur ne peut pas ouvrir le fichier, car le fichier a une extension différente. La seule façon d'utiliser un fichier CSS externe est de le référencer à l'aide de balise dans un autre document HTML.


47) Comment transformer une image en image d'arrière-plan d'une page Web ?

Pour ce faire, placez un code de balise après le tag comme suit :

<body background = “image.gif”>

Remplacez image.gif par le nom de votre fichier image. Cela prendra la photo et en fera l'image d'arrière-plan de votre page Web.


48) Que se passe-t-il si la propriété list-style-type est utilisée sur un élément non-liste comme un paragraphe ?

Si la propriété list-style-type est utilisée sur un élément non-liste comme un paragraphe, la propriété sera ignorée et n'affectera pas le paragraphe.


49) Quand est-il approprié d'utiliser des cadres ?

Les cadres peuvent faciliter la navigation sur un site. Si les principaux liens vers le site sont situés dans un cadre qui apparaît en haut ou sur le bord du navigateur, le contenu de ces liens peut être affiché dans le reste de la fenêtre du navigateur.


50) Que se passe-t-il si le nombre de valeurs dans l'attribut rows ou cols ne correspond pas à 100 % ?

Le navigateur dimensionne les cadres par rapport à la somme totale des valeurs. Si l'attribut cols est défini sur 100 %, 200 %, le navigateur affiche deux cadres verticaux, le second étant deux fois plus grand que le premier.


51) Quels navigateurs supportent HTML5 ?

Les dernières versions de Google Chrome, Apple Safari, Mozilla Firefox et Opera prennent toutes en charge la plupart des fonctionnalités HTML5.


52) Nommez deux nouvelles balises incluses dans le HTML 5

et sont de nouvelles balises qui sont incluses dans la version HTML5. Ils sont principalement utilisés en remplacement de Flash, Silverlight et de technologies similaires pour lire des éléments multimédias.


53) Savez-vous quelles sont les deux balises sémantiques incluses dans la version HTML5 ?

Le et Les balises sont deux nouvelles balises incluses dans HTML5. Les articles peuvent être composés de plusieurs sections pouvant contenir plusieurs articles. Une balise d'article représente un bloc complet de contenu qui est une section d'un ensemble plus vaste.


54) Qu'est-ce que en HTML5 ?

Cette balise représente un élément de contenu de flux autonome. Il est principalement utilisé comme une seule unité comme référence du flux principal du document.


55) A quoi sert l'élément Canvas ?

L'élément canvas permet de créer des tableaux, des graphiques, de contourner Photoshop pour créer des images 2D et les placer directement dans le code HTML5.


56) Quels sont les nouveaux éléments FORM disponibles en HTML5 ?

Les nouveaux éléments de formulaire dans HTML5 offrent de bien meilleures fonctionnalités que les versions précédentes.

Les balises données fournies pour réaliser ces fonctions sont :

1) – Cette balise est utilisée pour spécifier une liste d'options pour les contrôles d'entrée.

2) – Cette balise représente un champ générateur de paires de clés.

3) – Il représente le résultat de tout calcul de script.


57) Dites-moi deux avantages du stockage Web HTML5

Deux avantages principaux du stockage Web HTML5 :

  • Il peut stocker jusqu'à 10 Mo de données, ce qui est certainement plus que ce que contiennent les cookies.
  • Les données de stockage Web ne peuvent pas être transférées avec la requête HTTP. Cela permet d'augmenter les performances de l'application.

58) Quels sont les deux types de stockage Web en HTML5 ?

Deux types de stockage de HTML5 sont :

Stockage de session : Il stocke uniquement les données de la session en cours. Cela signifie que les données stockées dans le stockage de session s'effacent automatiquement lorsque le navigateur est fermé.

Stockage local: Le stockage local est un autre type de stockage Web HTML5. Dans le stockage local, les données ne sont pas automatiquement supprimées lorsque la fenêtre actuelle du navigateur est fermée.


59) Qu'est-ce que le cache d'application dans HTML5 et pourquoi est-il utilisé ?

Le concept de cache d'application signifie qu'une application Web est mise en cache. Il peut être accessible sans avoir besoin d'une connexion Internet.

Quelques avantages du cache d'application :

  1. Navigation hors ligne – Les internautes peuvent également utiliser l'application lorsqu'ils sont hors ligne.
  2. La vitesse - Les ressources mises en cache se chargent plus rapidement
  3. Réduire la charge du serveur – Le navigateur Web ne téléchargera que les ressources mises à jour à partir du serveur.

60) Expliquez cinq nouveaux types de saisie fournis par HTML5 pour les formulaires ?

Voici les nouveaux types de données importants proposés par HTML5 :

  1. Date : Il permet à l'utilisateur de sélectionner une date.
  2. datetime-local : Ce type d'entrée permet à l'utilisateur de sélectionner une date et une heure sans fuseau horaire.
  3. date-heure : Ce type d'entrée permet à l'utilisateur de sélectionner une date et une heure avec un fuseau horaire.
  4. mois: Il permet à l'utilisateur de sélectionner un mois et une année
  5. Courriel: Ces champs de saisie contenaient autrefois une adresse e-mail.


Ces questions d'entretien vous aideront également dans votre soutenance (orale). Pour bâtir une brillante carrière en tant que UI / UX développeur, les candidats doivent réussir l'entretien dans lequel on leur demande diverses questions d'entretien HTML5.

Partager

30 Commentaires

  1. Avatar Adabala VayuCkumar dit:

    cher monsieur,
    je veux en savoir plus sur la zone de texte dans le code html
    comment compter les numéros de zone de texte saisis. je veux dire .. j'entre 1234 dans la zone de texte. je veux le résultat 1+2+3+4 =10. comment c'est. s'il vous plaît donnez n'importe quel code à ce sujet

    1. Avatar Mandar Andhari dit:

      vous devez utiliser javascript pour cela… la chaîne d'entrée que vous avez prise, par exemple 1234, vous devez la diviser, puis vous devez effectuer l'addition de ces nombres…

  2. tutoriel très utile….excellent…aimé !!

  3. Avatar Antoine Navis dit:

    Merci, c'est vraiment très utile pour moi d'assister à l'entretien.

  4. Avatar karunakavya dit:

    Excellent…très utile pour moi…quiz html……

  5. Avatar Vijaypal Singh Rawat dit:

    contenu d'apprentissage génial,
    Beaucoup Thanx

  6. Avatar Guillaume Ashet dit:

    10q vous créez une nouvelle génération avec une parfaite connaissance du html

  7. Avatar Service de référencement dit:

    Je suis vraiment content de votre blog car votre article est très exclusif et efficace pour les nouveaux lecteurs.

  8. Avatar Khushi Tyagi dit:

    C'est vraiment utile… Pour mon examen de cours..

  9. Avatar Greeshma Umrao dit:

    C'est vraiment bien. Aidez-moi beaucoup, merci d'avoir téléchargé ceci.

  10. Avatar Ram Pratap Singh dit:

    Merci c'est très utile pour moi d'assister à l'entretien

  11. merci beaucoup de m'aider à connaître le HTML

  12. bon quiz et site Web, je sais que j'ai fait beaucoup de travail acharné pour faire cela

  13. Hi
    J'essaie de coder une interface de calculatrice
    Je suis confronté à deux problèmes :
    1) pourquoi les dimensions de ces boutons (.,+) ne sont pas exactes
    2) pourquoi ce code :

    .style {
    marge: 0 auto;

    ne centre pas l'interface ?
    au fait mon navigateur est Edge
    Merci

    Mes codes html :

    Interface de la calculatrice

    0

    7
    8
    9

    4
    5
    6

    1
    2
    3

    0
    .
    ±

    ×
    +
    -

    ÷
    =
    Effacer

    .bouton {
    couleur d'arrière-plan : rgb(81, 122, 121);
    bordure : 7px solide RVB (213, 236, 213) ;
    Couleur blanche;
    padding: 10px 45px;
    font-size: 25px;
    }

    .bouton20 {
    couleur d'arrière-plan : rgb(36, 117, 117);
    padding: 15px 32px;
    text-align: droite;
    largeur: 285px;
    hauteur: 45px;
    }

    .bouton19 {
    padding: 10px 20px;
    }

    .style {
    marge: 0 auto;
    }

    1. Avatar Simrin Pal Singh dit:

      Donner la largeur avec une marge 0 auto

  14. Apprenant HTML.J'espère que votre classe m'est très utile.

  15. Avatar Jacki Bhaai dit:

    helll, quelle est la bonne façon de balise html img

  16. Avatar Mahalingappa Birajdar dit:

    Merci beaucoup d'avoir fourni du contenu, chaque concept est clairement bien formaté et expliqué, mais une autre chose qui doit être améliorée est d'avoir besoin de plus, par exemple si facilement comprendre au lieu de théorique.

Soyez sympa! Laissez un commentaire

Votre adresse email n'apparaitra pas. Les champs obligatoires sont marqués *