Mastering HTML Interview Questions Part-2: Explore autofocus, span, blockquote and progress tag

Introduction

Imagine you’re building a house. HTML (Hypertext Markup Language) is like the strong foundation that holds everything together. Knowing some cool HTML tricks can make you a superstar in job interviews.

Welcome back to the second part of our series! We’re going to start from the basics and gradually climb up to advanced concepts, just like taking steps up a ladder of knowledge.

In this series, we’re unlocking the answers to the first 10 tricky HTML interview questions. Don’t worry, we’ll keep it super easy with examples. These answers will give you a boost of confidence during interviews, showing off what you know. Let’s dive into these questions!

If you’re curious to learn more about HTML and its magic, check out the official guide from the World Wide Web Consortium (W3C) at HTML — World Wide Web Consortium.

For nifty tips and tricks on making HTML work like a charm, the Mozilla Developer Network (MDN) has a user-friendly guide just for you. Discover it at HTML — Mozilla Developer Network.

And if you’re interested in making your website easy for everyone to use, the Web Accessibility Initiative (WAI) website is a goldmine of helpful resources. Find them at Web Accessibility Initiative.

Remember, these extra resources can provide more information to help you grasp HTML better, along with the questions and examples we’re covering.

Table Of Contents

1. How can you set the default checked state for a checkbox or radio button in HTML?
2. Explain the purpose of the autofocus attribute in tags
3. What is the purpose of the span element in HTML?
4. What is the purpose of the
   

   element in HTML?

5. Explain the purpose of the contenteditable attribute in HTML.
6. What is the purpose of the element in HTML5?
7. How can you create a hyperlink that sends an email when clicked?
8. How can you create an ordered list in HTML?
9. How can you create an unordered list in HTML?
10. How can you create an ordered list with uppercase Roman numerals in HTML?

1- How can you set the default checked state for a checkbox or radio button in HTML?

👉 Answer:

To make checkboxes or radio buttons start checked, use the checked attribute.

 type="checkbox" id="myCheckbox" checked>
 for="myCheckbox">Check me

2- Explain the purpose of the autofocus attribute in tags

👉 Answer:

Autofocus makes an input field ready for typing as soon as a webpage loads.

 type="text" name="username" autofocus>

3- What is the purpose of the span element in HTML?

👉 Answer:

Think of as a tiny box for styling parts of a larger text block. It has no semantic meaning on its own but is useful for styling or targeting specific parts of the content.

My name is  class="highlight">Abidullah786.

4- What is the purpose of the

element in HTML?

👉 Answer:

The

element shows quoted content, setting it apart from the rest such as a quote from another source. It helps distinguish quoted content from the surrounding text.

  
This is a quoted text.

5- Explain the purpose of the contenteditable attribute in HTML.

👉 Answer:

The contenteditable attribute lets you edit an element’s content, like a word processor. It can be applied to any HTML element, enabling rich text editing within the browser.

 contenteditable="true">You can edit this.