This article was last updated on April 16, 2022
Canada: 
Oye! Times readers Get FREE $30 to spend on Amazon, Walmart…
USA: Oye! Times readers Get FREE $30 to spend on Amazon, Walmart…
Image source: MaxPixel
Remember the Boy Scouts’ credo – “always be prepared”? Well, that HTML developer position is within reach. There’s just one more bridge to cross – acing that job interview. For that matter, we have prepared a not-so-small list of possible interview questions and answers. So, without further ado, here a couple of questions that could pop up at any point during your interview.
1. Name all the video formats supported by HTML5
Here’s what the interviewer needs to hear from you. “HTML5 supports three types of video formats – mp4, ogg, and webM. However, not all browsers support all three types. For example, Google’s Chrome supports all three video formats, whereas Internet Explorer supports only the mp4 format.”
2. Can you write the code for an HTML audio tag?
Here’s a quick example:
<audio controls>
<source src=”waves.mp3” type=”audio/mpeg”>
</audio>
AdSense-A]3. Can tell me what a marquee is?
The correct answer’s coming right up. “A marquee is an HTML5 element which is being employed to scroll text or images horizontally or vertically. The HTML5 code for a marquee is:
<marquee> I really want to get this job </marquee>
4. How do you write a comment in HTML5?
<!—This interview is going great —>
5. Can you write the code for a clickable text that sends an email?
This one’s trickier, but not impossible. Here’s the answer to the question.
<A HREF= “mailto:inputadresshere”>click to send </A>
6. Can you set a background image to a web page?
Looking for the answer? Then here’s the correct answer.
<body background = “test.gif”
7. What’s the application cache used for?
Here’s what you’ll need to tell the interviewer. “ The application cache is used for three things: speed (decreases the loading time of cached resources), offline browsing (clients will be able to use various apps when they’re browsing offline) and reducing the server’s load.
8. How many types of web storages are there?
“There are two types of web storages currently supported by HTML5 – the session storage, which is employed to store the data during a single session, being automatically cleared once the session ended, and the local storage used to keep browsing data after the browser’s been closed.”
For more inspiration and ways to give that out-of-the-box answer or even more detailed answers on trickier technicalities such as case sensitive HTM tags, web workers or comparisons between HTML 4 and 5, definitely check out other online resources on HTML5 Q&As.
9. Is there any difference between HTML4 and HTM5 Web storage?
“Yes, quite a lot. The most important difference between the two markup languages is that, in HTML5, browsers can store up to 10 MB of data. Another major difference between the two is that the web storage data cannot be moved using the HTTP request.”
AdSense-A]10. How do you open an external CSS file in the browser?
Still thinking about the answer to this question? Then let us give you a very small hint. “By default, your browser’s incapable of opening an external CSS file since it has a slightly different extension. In order to properly open a CSS file, you will need to reference it inside an HTML document, utilizing the <link/> tag.”
11. Can you define an image map?
“An image map is an HTML5 element that allows the user to link various pages by employing one picture.”
12. What is the iframe tag and how do you use it?
Here’s the answer to the question: “The iframe tag will be used if we want to display another webpage within the current webpage.
<iframe src= “demonstration.html” width =”600px” height=”200px”></frame>
13. Name three new forms elements types introduced in HTML5
“There are ten major new forms. To name a few – date, color, and range.”
14. Let’s say we have a video stored at the following address: http://www.testingcandidate.com/thisinterviewisnice.mp4. Using the <video> tag, please implement it into a webpage. Feel free to choose the width.
Here’s what you should write during the interview:
<video src=”http://www.testingcandidate.com/thisinterviewisnice.mp4” width=”800” height=”600” controls ></video>
15. Are GIFs and JPEGs superior to SVG?
“No, they are not. SVG has elements that can be animated, maintains a high quality, can be scripted, indexed, and zooming does not affect the image’s quality.”
16. What is the HTML element for the largest heading?
This is an easy one. “The HTML element for the largest heading is <h1>.”
17. How do you set a background color in HTML?
Here’s the code for setting a background color in HTML.
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #93B874;
}
h1 {
background-color: orange;
}
p {
background-color: rgb(255,0,0);
}
</style>
</head>
Conclusion
These are, perhaps, some of the common questions you could be asked during you HTML developer position interview. Remember that you don’t need to have two Ph.Ds. in computer science to ace this interview. It takes a little preparation and, of course, some luck. Don’t fret. As you can see, most of the questions revolve around basic stuff. Offer straightforward answers,and that job’s as good as yours.
Be the first to comment