Explain the concept of margin and padding in the CSS box model.

Margin is the space outside the border of an element, while padding is the space inside the border of an element.

Margin and padding are used to change the color of the border in CSS.

Margin and padding are the same thing and can be used interchangeably in CSS.

Margin is the space inside the border of an element, while padding is the space outside the border of an element.

How can you create a responsive layout using CSS positioning?

By using relative, absolute, and fixed positioning

Explain the concept of inheritance in CSS.

Inheritance in CSS refers to the way styles are passed down from parent elements to their child elements.

Inheritance in CSS refers to the way elements are grouped together for styling purposes.

Inheritance in CSS refers to the way elements are positioned on the webpage.

Inheritance in CSS refers to the way elements are animated on the webpage.

What are the different types of lists available in HTML?

Ordered lists, unordered lists, and definition lists

Bulleted lists, numbered lists, and checklist lists

Menu lists, navigation lists, and content lists

Static lists, dynamic lists, and responsive lists

Explain the concept of the 'alt' attribute in HTML.

The 'alt' attribute is used to define alternative text for an image, in case the image cannot be displayed.

The 'alt' attribute is used to create a hyperlink

The 'alt' attribute is used to display an image

The 'alt' attribute is used to define a paragraph

Explain the concept of the 'href' attribute in HTML.

The 'href' attribute is used to define the URL of a hyperlink

The 'href' attribute is used to create a form for user input

The 'href' attribute is used to display an image

The 'href' attribute is used to define a paragraph

Explain the concept of the 'title' attribute in HTML.

The 'title' attribute is used to define the title of a hyperlink

The 'title' attribute is used to create a form for user input

The 'title' attribute is used to display an image

The 'title' attribute is used to define a paragraph

Explain the concept of the 'placeholder' attribute in HTML forms.

The 'placeholder' attribute is used to define a placeholder text for an input field

The 'placeholder' attribute is used to create a hyperlink

The 'placeholder' attribute is used to display an image

The 'placeholder' attribute is used to define a paragraph

Explain the concept of the 'required' attribute in HTML forms.

The 'required' attribute is used to define a required input field in a form

The 'required' attribute is used to create a hyperlink

The 'required' attribute is used to display an image

The 'required' attribute is used to define a paragraph

Explain the concept of the 'target' attribute in HTML.

The 'target' attribute is used to specify where to open the linked document

The 'target' attribute is used to create a form for user input

The 'target' attribute is used to display an image

The 'target' attribute is used to define a paragraph

Explain the concept of the 'cite' attribute in HTML.

The 'cite' attribute is used to define the title of a work

The 'cite' attribute is used to create a hyperlink

The 'cite' attribute is used to display an image

The 'cite' attribute is used to define a paragraph

How can you create a fixed navigation bar using CSS?

By using relative, absolute, and fixed positioning

a) HTML describes the structure of a webpage

b) HTML is the standard markup language mainly used to create web pages

c) HTML consists of a set of elements that helps the browser how to view the content

Which of the following is not a difference between HTML and XHTML?

a) Charset in both html and xhtml is “text/html”

b) Tags and attributes are case-insensitive in HTML but not in XHTML

c) Special characters must be escaped using character entities in XHTML unlike HTML

d) Charset in html is “text/html” where as in xhtml it is “application/xml+xhtml”

Which of the following HTML code will make an image clickable?

<a href=" Sanfoundry">https://www.sanfoundry.com/">Sanfoundry Home Page</a>

<img src=" https://www.sanfoundry.com/sanfoundry-logo "> <a href=" Sanfoundry">https://www.sanfoundry.com/">Sanfoundry Home Page</a> </img>

<a href=" Sanfoundry">https://www.sanfoundry.com/">Sanfoundry Home Page</a> <img src=" https://www.sanfoundry.com/sanfoundry-logo " />

. How to insert Hyperlink in HTML Page?

<a href=" HTML">https://www.sanfoundry.com/1000-html-questions-answers/">HTML MCQ</a>

<a src=" HTML">https://www.sanfoundry.com/1000-html-questions-answers/">HTML Test</a>

<a> ">https://www.sanfoundry.com/1000-html-questions-answers/</a>

What is the purpose of the 'src' attribute in the <img> tag in HTML?

The 'src' attribute specifies the URL of the image to be displayed.

The 'src' attribute defines the size of the image.

The 'src' attribute is used to create a hyperlink.

The 'src' attribute is used to define the alt text for the image.

How can you make a list item bold in an unordered list?

By using the <strong> tag inside the <li> tag.

By using the <b> tag inside the <ul> tag.

By using the <span> tag with a bold style inside the <li> tag.

By using the <em> tag inside the <li> tag.

HTML and CSS Quiz

Authored by anurag kalmodiya

Computers

12th Grade

Used 7+ times

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

40 questions

Show all answers

MULTIPLE CHOICE QUESTION

20 sec • 5 pts

What is the purpose of the
tag in HTML?

To group together HTML elements and apply styles or scripts to them as a single unit

To create a hyperlink

To display an image

To define a paragraph

MULTIPLE CHOICE QUESTION

20 sec • 5 pts

Explain the difference between the 'id' and 'class' attributes in HTML.

The 'id' attribute is used for scripting purposes, while the 'class' attribute is used for styling.

The 'id' attribute is used to group elements together, while the 'class' attribute is used for unique identification.

The 'id' attribute is used to uniquely identify an element on a page, while the 'class' attribute is used to group elements together for styling and scripting purposes.

The 'id' attribute is used for styling, while the 'class' attribute is used for unique identification.

MULTIPLE CHOICE QUESTION

20 sec • 5 pts

What is the difference between the 'class' and 'id' selectors in CSS?

The 'class' selector is used to select a single element with a specific class attribute, while the 'id' selector is used to select elements with a specific id attribute.

The 'class' selector is used to select elements with a specific class attribute, while the 'id' selector is used to select a single element with a specific id attribute.

The 'class' selector is used to apply JavaScript functions to elements with a specific class attribute, while the 'id' selector is used to apply JavaScript functions to elements with a specific id attribute.

The 'class' selector is used to style elements with a specific class attribute, while the 'id' selector is used to style elements with a specific id attribute.

MULTIPLE CHOICE QUESTION

20 sec • 5 pts

Explain the concept of specificity in CSS.

Specificity in CSS refers to the way the browser decides which styles to apply when there is a conflict.

Specificity in CSS refers to the color scheme used in the styles

Specificity in CSS refers to the number of elements on the webpage

Specificity in CSS refers to the type of font used in the styles

MULTIPLE CHOICE QUESTION

20 sec • 5 pts

What are the different input types available in HTML forms?

text, password, radio, checkbox, submit, reset, file, hidden, date, color, email, number, range, tel, url, and more

text, password, radio, checkbox, submit, reset, file, hidden, date, color, email, number, range, tel, url, and never

text, password, radio, checkbox, submit, reset, file, hidden, date, color, email, number, range, tel, url, and less

text, password, radio, checkbox, submit, reset, file, hidden, date, color, email, number, range, tel, url, and always

MULTIPLE CHOICE QUESTION

20 sec • 5 pts

How can you center an element horizontally using CSS?

margin: 0 auto;

padding: 0 auto;

text-align: center;

float: center;

MULTIPLE CHOICE QUESTION

20 sec • 5 pts

What are the semantic elements introduced in HTML5?

, ,

HTML and CSS Quiz

What is the purpose of the tag in HTML?

Explain the difference between the 'id' and 'class' attributes in HTML.

What is the difference between the 'class' and 'id' selectors in CSS?

Explain the concept of specificity in CSS.

What are the different input types available in HTML forms?

How can you center an element horizontally using CSS?

What are the semantic elements introduced in HTML5?

What is the purpose of the
tag in HTML?