Web Development Knowledge Check

What is the purpose of the 'action' attribute in an HTML form?

• The 'action' attribute controls the form's layout.

• The 'action' attribute sets the form's title.

• The 'action' attribute specifies the URL for form submission.

• The 'action' attribute defines the form's method type.

How can you ensure that a form field is required in HTML?

• Use JavaScript to validate the form after submission.

• Set the input type to 'hidden' to make it required.

• Add the 'optional' attribute to the input element.

• Add the 'required' attribute to the input element, e.g., .

What is the main benefit of using CSS Flexbox for layout?

• The main benefit of using CSS Flexbox for layout is its ability to create responsive and flexible layouts that adapt to different screen sizes.

• It allows for fixed-width layouts only.

• It simplifies the use of CSS Grid.

• It requires more code than traditional CSS.

How do you center a flex item within a flex container?

• Apply 'text-align: center;' to the flex container.

• Set 'display: block;' on the flex container.

• Use 'justify-content: center;' and 'align-items: center;' on the flex container.

• Use 'margin: auto;' on the flex item.

What command is used to create a new branch in Git?

• git branch

• git checkout -b

• git create

• git new-branch

How do you merge a branch into the main branch in Git?

• Use 'git push main '

• Execute 'git checkout ' to switch branches

• Use 'git checkout main' followed by 'git merge '.

• Run 'git rebase ' on the main branch

What is the Bootstrap class for creating a responsive grid?

• container, row, col

• grid-container

• flex-row

• column-layout

How do you create a two-column layout using Bootstrap?

• Apply 'flex' classes to create a two-column layout.

• Utilize 'container' class without any grid classes.

• Use the 'col-4' class for three columns instead.

• Use Bootstrap's grid system with 'row' and 'col-6' classes to create two equal columns.

What is the purpose of media queries in responsive web design?

• To ensure all devices display the same layout.

• To increase the loading speed of a website.

• The purpose of media queries in responsive web design is to apply different styles based on the device's characteristics.

• To limit the use of CSS in web design.

How can you make an image responsive using CSS?

• Use CSS: img { display: block; margin: auto; }

• Use CSS: img { width: 100%; height: auto; }

• Set the image dimensions in pixels: img { width: 300px; height: 200px; }

• Use CSS: img { max-width: 500px; height: 100%; }