Frontend Web Development

3.

HTML: Structuring Web Content

3.1.

HTML Fundamentals

3.1.1.

HTML Syntax Rules

3.1.2.

Elements and Tags

3.1.3.

Attributes and Values

3.1.4.

Global Attributes

3.1.5.

Boolean Attributes

3.1.6.

Custom Data Attributes

3.2.

Document Object Model

3.2.1.

DOM Tree Structure

3.2.2.

3.2.3.

Element Relationships

3.2.4.

DOM Manipulation Concepts

3.3.

Document Structure

3.3.1.

DOCTYPE Declaration

3.3.2.

HTML Root Element

3.3.3.

Head Section Components

3.3.3.1.

3.3.3.2.

3.3.3.3.

3.3.3.4.

Script Elements

3.3.4.

Body Section Structure

3.4.

Text Content Elements

3.4.1.

Headings Hierarchy

3.4.2.

Paragraph Elements

3.4.3.

Text Formatting

3.4.3.1.

Bold and Strong

3.4.3.2.

Italic and Emphasis

3.4.3.3.

Underline and Strike-through

3.4.4.

Line Breaks and Spacing

3.4.5.

Horizontal Rules

3.4.6.

3.4.6.1.

3.4.6.2.

3.4.7.

Code and Preformatted Text

3.5.

Link and Navigation Elements

3.5.1.

Anchor Elements

3.5.2.

Link Attributes

3.5.2.1.

3.5.2.2.

target Attribute

3.5.2.3.

3.5.3.

3.5.4.

3.5.5.

Email and Telephone Links

3.5.6.

3.6.

3.6.1.

Unordered Lists

3.6.2.

3.6.3.

3.6.4.

Description Lists

3.6.5.

3.7.

Image and Media Elements

3.7.1.

3.7.1.1.

3.7.1.2.

3.7.1.3.

width and height Attributes

3.7.2.

Figure and Caption Elements

3.7.3.

Responsive Images

3.7.3.1.

srcset Attribute

3.7.3.2.

sizes Attribute

3.7.3.3.

picture Element

3.8.

Semantic HTML Elements

3.8.1.

Importance for SEO

3.8.2.

Importance for Accessibility

3.8.3.

Document Structure Elements

3.8.3.1.

3.8.3.2.

Navigation Element

3.8.3.3.

3.8.3.4.

Article Element

3.8.3.5.

Section Element

3.8.3.6.

3.8.3.7.

3.8.4.

Content Sectioning

3.8.5.

Text-Level Semantics

3.8.5.1.

3.8.5.2.

3.8.5.3.

Address Element

3.9.

Form Elements and Controls

3.9.1.

Form Element Structure

3.9.1.1.

action Attribute

3.9.1.2.

method Attribute

3.9.1.3.

enctype Attribute

3.9.2.

Input Element Types

3.9.2.1.

3.9.2.2.

3.9.2.3.

3.9.2.4.

3.9.2.5.

Date and Time Inputs

3.9.2.6.

3.9.2.7.

Radio Button Input

3.9.2.8.

3.9.2.9.

3.9.3.

Form Control Elements

3.9.3.1.

Textarea Element

3.9.3.2.

Select and Option Elements

3.9.3.3.

Button Elements

3.9.3.4.

Fieldset and Legend

3.9.4.

Form Validation

3.9.4.1.

HTML5 Validation Attributes

3.9.4.2.

Required Fields

3.9.4.3.

Pattern Matching

3.9.4.4.

Custom Validation Messages

3.9.5.

Form Accessibility

3.9.5.1.

3.9.5.2.

ARIA Attributes for Forms

3.9.5.3.

Form Error Handling

3.10.

3.10.1.

Table Structure

3.10.2.

3.10.3.

3.10.4.

Table Data Cells

3.10.5.

3.10.5.1.

3.10.5.2.

3.10.5.3.

3.10.6.

3.10.6.1.

Column Spanning

3.10.6.2.

3.10.7.

Table Accessibility

3.10.8.

Table Styling Considerations

3.11.

Multimedia Elements

3.11.1.

3.11.1.1.

3.11.1.2.

3.11.1.3.

Audio Attributes

3.11.2.

3.11.2.1.

3.11.2.2.

3.11.2.3.

Video Attributes

3.11.2.4.

3.11.3.

Embedded Content

3.11.3.1.

iframe Elements

3.11.3.2.

Object and Embed Elements

Previous

2. How the Web Works

Go to top

Next

4. CSS: Styling and Layout