A section of a webpage that contains navigation links.

A placeholder for images and multimedia content.

A container for styling elements with CSS.

A self-contained composition in a document, such as a blog post or news article.

Set display: block on the container and use margin for spacing.

Use CSS3 Flexbox by setting display: flex on the container and adjusting properties like flex-direction, flex-wrap, justify-content, and align-items for responsiveness.

Apply float properties to elements for responsiveness.

Use CSS Grid instead of Flexbox for all layouts.

align-items

flex-direction

justify-content

flex-wrap

border

padding

margin

gap

The element is used to display images on a webpage.

The element is used to collect user input and submit it to a server.

The element is for creating tables in HTML.

The element is used to style text with CSS.

Set the type to 'text' for required fields.

Use JavaScript to validate the input field.

Add the 'optional' attribute to the element.

Add the 'required' attribute to the element.

regex

validate

check

pattern

Set display: grid; and grid-template-columns: auto; on the container.

Use float: left; on child items to create columns.

Set display: flex; and flex-wrap: wrap; on the container, then define width for child items.

Apply margin: auto; to the container for spacing.

'flex-start' aligns items to the bottom of the container, while 'flex-end' aligns them to the top.

'flex-start' and 'flex-end' are interchangeable and produce the same alignment effect.

'flex-start' aligns items at the start of the container, while 'flex-end' aligns them at the end.

'flex-start' centers items in the container, while 'flex-end' pushes them to the left.

label

fieldset

input

select

Require a phone number instead of an email address.

Validate the email using JavaScript only.

Use in the HTML5 form.

Use in the HTML5 form.

The

The

The

The

Set display: grid; justify-content: space-between; align-items: stretch;

Set display: flex; justify-content: center; align-items: center;

Set display: block; justify-content: flex-start; align-items: flex-start;

Set display: inline; justify-content: center; align-items: baseline;