HTML Developer Technical Interview Questions And Answers Of Webskitters Technology Made By Me Including HTML, CSS, JavaScript And Bootstrap (Part 1 - HTML Questions And Answers)

Q1. What is Semantic HTML?

Ans: Semantic HTML uses HTML tags which is used to design web contents rather than just its presentation or look. Semantic HTML has better SEO (Search Engine Optimization) as well as easier maintenance of code. For example : <header> tag, <article> tag, <nav> tag and <aside> tag.

Q2. Differentiate between <div> and <span>.

Ans: <div> = <div> tag is a block-level element used for grouping larger sections of content.

<span> = <span> tag is an inline element used for styling smaller portions of text.

Q3. What are HTML5 form input types?

Ans: HTML5 introduced input types like email, date, range, color and number to enhance form validation and user experience.

Q4. Explain the use of alt attribute in images?

Ans: The alt attribute in images provides alternative text for images and displaying text when the images fail to load.

Q5. What is the purpose of the <meta> tag?

Ans: The <meta> tag provides metadata about the HTML document, such as character encoding and viewport settings for responsive design.

Q6. In how many ways can we display an attribute in HTML?

Ans: In three ways we can display an attribute in HTML.

• Inline styles (For ex. : <p style="color:red">).
• External CSS via linked stylesheet.
• Dynamically updating attributes with JavaScipt.

Q7. Difference between <b> and <strong> tags?

Ans: <b> tag = <b> tag is specially more stylish and the text is bold.

<strong> tag = <strong> tag is used to define the text with strong importance.

Q8. Why do we use <!DOCTYPE html>?

Ans: <!DOCTYPE html> indicates the document is HTML5 and it is an "information" to the browser about what document type to expect.