header and footer Elements (Continued)

Can include multiple headers or footers in

header and footer Markup Example

section Element

Defines a section in a document, such as a chapter,

section Example

nav Element

Defines a block of navigation links and is useful for

nav Example

nav Example

article Element

Defines a part of an HTML document that consists of

aside Element

Used for sidebars and notes—content that’s related to the current

aside Example

aside Example

section, article, aside

HTML Tables

Ordered List

Orders list entries using numbers, by default
Uses the

tag

Ordered List Example

Unordered List

Displays list entries in a bulleted list
Uses a

tag
Round

Unordered List Example

Unordered List Example

Forms and Input

Form input is the information a user enters into

Creating a Form

Use the

Creating a Form (Continued)

The fieldset element is used with many forms

Form with Fieldset Example

Simple Form Example

Simple Form Example

Form required and email Attributes

The required attribute requires information in a

required Example

Form placeholder Attribute

Placeholder text is text displayed inside an input field

Form pattern Attribute

The pattern attribute provides a format (a regular expression)

Form pattern Attribute (Continued)

You can use the pattern attribute with these

Form autofocus Attribute

The autofocus attribute moves the focus to a particular

Validation

The process of verifying that information entered or captured in a

Validation (Continued)

Automatic validation of input means the browser checks the data

Validation Example

Practice Task