How do you create a simple form in HTML?

Use the tag in HTML and include input fields within it.

Use the tag in HTML and style it to look like a form

Create a form using only tags and CSS

What is the purpose of the 'input' element in HTML forms?

To create input fields for user data entry in HTML forms.

To generate random numbers for calculations.

To display images in a slideshow format.

Explain the difference between 'text' and 'password' input types in HTML forms.

The 'text' input type displays characters as plain text, while the 'password' input type masks characters for security.

The 'text' input type is for passwords, while the 'password' input type is for regular text.

The 'text' input type is used for numerical values, while the 'password' input type is for text.

The 'text' input type hides characters for security, while the 'password' input type displays characters as plain text.

How can you style a form input field using CSS?

input[type='text'] { color: blue; font-size: 16px; padding: 5px; border: 1px solid black; background-color: #f0f0f0; }

input[type='text'] { color: yellow; font-size: 12px; padding: 4px; border: 3px solid green; background-color: #eee; }

input[type='text'] { color: red; font-size: 14px; padding: 3px; border: 2px solid blue; background-color: #fff; }

input[type='text'] { color: green; font-size: 18px; padding: 7px; border: 1px solid red; background-color: #ccc; }

What is the 'placeholder' attribute used for in HTML forms?

It is used to provide a hint or example of the expected value of an input field.

It is used to submit the form data to a server.

It is used to change the font style of the input field.

It is used to hide the input field from the user.

What is the purpose of the 'submit' button in HTML forms?

To send the form data to the server for processing

To change the font color of the form

To redirect to a different website

How can you align form elements using CSS Flexbox?

Set the display property of the form container to 'flex' and use 'justify-content' and 'align-items' properties.

Set 'display' to 'grid' instead of 'flex'

Use 'position' property with absolute values

Apply 'float' property to form elements

What is the purpose of the 'href' attribute in HTML anchor tags?

To specify the URL of the link destination

To change the font color of the link text

To add a border around the link

Explain the difference between 'padding' and 'margin' in CSS.

Padding is the space inside the border of an element, while margin is the space outside the border of an element.

Padding is used to change the font size, while margin is used to set the background color.

Padding is used for animations, while margin is used for positioning elements.

Padding is used to add borders, while margin is used to align elements.

What is the purpose of the 'alt' attribute in HTML?

To specify the alternative text for an image

To change the font style of a paragraph

To hide an element from the user

Explain the difference between 'padding' and 'margin' in CSS.

Padding is the space inside the border of an element, while margin is the space outside the border of an element.

Padding is used to change the font size, while margin is used to set the background color.

Padding is used for animations, while margin is used for positioning elements.

Padding is used to add borders, while margin is used to align elements.

What is the purpose of the 'href' attribute in HTML anchor tags?

To specify the URL of the link destination

To change the font color of the link text

To add a border around the link

How can you align form elements using CSS Flexbox?

Set the display property of the form container to 'flex' and use 'justify-content' and 'align-items' properties.

Set 'display' to 'grid' instead of 'flex'

Use 'position' property with absolute values

Apply 'float' property to form elements

What is the purpose of the 'alt' attribute in HTML?

To specify the alternative text for an image

To change the font style of a paragraph

To hide an element from the user

What is the purpose of the 'alt' attribute in HTML?

To specify the alternative text for an image

To change the font style of a paragraph

To hide an element from the user

How can you align form elements using CSS Flexbox?

Set the display property of the form container to 'flex' and use 'justify-content' and 'align-items' properties.

Set 'display' to 'grid' instead of 'flex'

Use 'position' property with absolute values

Apply 'float' property to form elements

What is the purpose of the 'title' attribute in HTML?

To specify the title of the web page

To change the font size of a paragraph

To add a border around an image

To hide an element from the user

How can you style a heading element in CSS?

h1 { color: blue; font-size: 24px; }

h1 { color: red; font-weight: bold; }

h1 { background-color: yellow; }

Explain the difference between 'absolute' and 'relative' positioning in CSS.

Absolute positioning is relative to the nearest positioned ancestor, while relative positioning is relative to the normal flow of the document.

Absolute positioning is fixed on the screen, while relative positioning is fluid.

Absolute positioning is used for text elements, while relative positioning is used for images.

Absolute positioning is used for animations, while relative positioning is used for transitions.

What is the purpose of the 'src' attribute in HTML image tags?

To specify the source URL of the image

To change the font color of the image

To add a border around the image

Explain the difference between 'padding' and 'margin' in CSS.

Padding is the space inside the border of an element, while margin is the space outside the border of an element.

Padding is used to change the font size, while margin is used to set the background color.

Padding is used for animations, while margin is used for positioning elements.

Padding is used to add borders, while margin is used to align elements.

What is the purpose of the 'title' attribute in HTML?

To specify the title of the web page

To change the font size of a paragraph

To add a border around an image

To hide an element from the user

How can you style a paragraph element in CSS?

p { color: blue; font-size: 16px; }

p { background-color: yellow; }

HTML and CSS Basics

Authored by Shikshya Neupane

Computers

10th Grade

Used 1+ times

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

37 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of HTML elements?

The purpose of HTML elements is to generate revenue for website owners.

HTML elements are designed to play audio files directly in the browser.

HTML elements are used for creating animations on a web page.

The purpose of HTML elements is to define the structure and content of a web page.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Explain the difference between classes and IDs in CSS.

Classes can be used multiple times and are denoted by a period (.), while IDs should be unique and are denoted by a hash symbol (#).

Classes are denoted by a hash symbol (#) and IDs are denoted by a period (.)

Classes and IDs are interchangeable in CSS

IDs can be used multiple times and are denoted by a period (.), while classes should be unique and are denoted by a hash symbol (#)

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the 'box model' in CSS?

The 'box model' in CSS refers to the way elements are structured with content, padding, border, and margin.

The 'box model' in CSS refers to the way elements are positioned

The 'box model' in CSS refers to the way elements are animated

The 'box model' in CSS refers to the way elements are colored

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How can you center an element horizontally in CSS?

justify-content: center;

padding: 0 auto;

margin: 0 auto;

text-align: center;

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the 'display' property used for in CSS?

The 'display' property in CSS is used to set the background color of an HTML element.

The 'display' property in CSS is used to change the font size of an HTML element.

The 'display' property in CSS is used to specify the type of box used for an HTML element.

The 'display' property in CSS is used to add a border around an HTML element.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Explain the difference between 'inline' and 'block' elements in CSS.

Block elements: span, a, strong, em

Inline elements: ul, ol, li, table

Inline elements: h1, h2, h3, h4

Inline elements: span, a, strong, em, etc. Block elements: div, p, h1, form, etc.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

What is the purpose of the 'flex-direction' property in CSS Flexbox?

To define the direction in which flex items are placed in the flex container.

To control the font size of flex items

To set the background color of flex items

To add animations to flex items

HTML and CSS Basics

What is the purpose of HTML elements?

Explain the difference between classes and IDs in CSS.

What is the 'box model' in CSS?

How can you center an element horizontally in CSS?

What is the 'display' property used for in CSS?

Explain the difference between 'inline' and 'block' elements in CSS.

What is the purpose of the 'flex-direction' property in CSS Flexbox?

How do you create a simple form in HTML?

What is the purpose of the 'input' element in HTML forms?

Explain the difference between 'text' and 'password' input types in HTML forms.

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Computers