HTML Exercises
Test your HTML skills with exercises from all categories:
Test your HTML skills with exercises from all categories:
Exercises
Tip: Sign in to track your progress.
0/51 done
[## Introduction3 exercises
OpenDone](exercise.asp?x=xrcise_intro1)[## Basic4 exercises
OpenDone](exercise.asp?x=xrcise_basic1)[## Elements3 exercises
OpenDone](exercise.asp?x=xrcise_elements1)[## Attributes5 exercises
OpenDone](exercise.asp?x=xrcise_attributes1)[## Headings3 exercises
OpenDone](exercise.asp?x=xrcise_headings1)[## Paragraphs6 exercises
OpenDone](exercise.asp?x=xrcise_paragraphs1)[## Styles7 exercises
OpenDone](exercise.asp?x=xrcise_styles1)[## Formatting6 exercises
OpenDone](exercise.asp?x=xrcise_formatting1)[## Quotations5 exercises
OpenDone](exercise.asp?x=xrcise_quotation_elements1)[## Comments3 exercises
OpenDone](exercise.asp?x=xrcise_comments1)[## Colors3 exercises
OpenDone](exercise.asp?x=xrcise_colors1)[## RGB Colors3 exercises
OpenDone](exercise.asp?x=xrcise_colors_rgb1)[## Hex Colors3 exercises
OpenDone](exercise.asp?x=xrcise_colors_hex1)[## HSL Colors3 exercises
OpenDone](exercise.asp?x=xrcise_colors_hsl1)[## CSS5 exercises
OpenDone](exercise.asp?x=xrcise_css1)[## Links5 exercises
OpenDone](exercise.asp?x=xrcise_links1)[## Link Colors3 exercises
OpenDone](exercise.asp?x=xrcise_links_colors1)[## Bookmarks3 exercises
OpenDone](exercise.asp?x=xrcise_links_bookmarks1)[## Images7 exercises
OpenDone](exercise.asp?x=xrcise_images1)[## Image Map3 exercises
OpenDone](exercise.asp?x=xrcise_images_imagemap1)[## Background Images3 exercises
OpenDone](exercise.asp?x=xrcise_images_background1)[## Picture3 exercises
OpenDone](exercise.asp?x=xrcise_images_picture1)[## Favicon3 exercises
OpenDone](exercise.asp?x=xrcise_favicon1)[## Title3 exercises
OpenDone](exercise.asp?x=xrcise_page_title1)[## Tables3 exercises
OpenDone](exercise.asp?x=xrcise_tables1)[## Table Borders3 exercises
OpenDone](exercise.asp?x=xrcise_table_borders1)[## Table Sizes3 exercises
OpenDone](exercise.asp?x=xrcise_table_sizes1)[## Table Headers3 exercises
OpenDone](exercise.asp?x=xrcise_table_headers1)[## Table Padding/Spacing3 exercises
OpenDone](exercise.asp?x=xrcise_table_padding_spacing1)[## Table Colspan and Rowspan3 exercises
OpenDone](exercise.asp?x=xrcise_table_colspan_rowspan1)[## Lists3 exercises
OpenDone](exercise.asp?x=xrcise_lists1)[## Unordered Lists4 exercises
OpenDone](exercise.asp?x=xrcise_lists_unordered1)[## Ordered Lists4 exercises
OpenDone](exercise.asp?x=xrcise_lists_ordered1)[## Description Lists3 exercises
OpenDone](exercise.asp?x=xrcise_lists_other1)[## Block and Inline3 exercises
OpenDone](exercise.asp?x=xrcise_blocks1)[## Div element3 exercises
OpenDone](exercise.asp?x=xrcise_div1)[## Classes4 exercises
OpenDone](exercise.asp?x=xrcise_classes1)[## Id3 exercises
OpenDone](exercise.asp?x=xrcise_id1)[## Iframes5 exercises
OpenDone](exercise.asp?x=xrcise_iframe1)[## Scripts5 exercises
OpenDone](exercise.asp?x=xrcise_scripts1)[## Head3 exercises
OpenDone](exercise.asp?x=xrcise_head1)[## Responsive3 exercises
OpenDone](exercise.asp?x=xrcise_responsive1)[## Computercode4 exercises
OpenDone](exercise.asp?x=xrcise_computercode_elements1)[## Semantic Elements3 exercises
OpenDone](exercise.asp?x=xrcise_semantic_elements1)[## Entities3 exercises
OpenDone](exercise.asp?x=xrcise_entities1)[## Forms3 exercises
OpenDone](exercise.asp?x=xrcise_forms1)[## Form Attributes3 exercises
OpenDone](exercise.asp?x=xrcise_forms_attributes1)[## Form Elements4 exercises
OpenDone](exercise.asp?x=xrcise_form_elements1)[## Input Types6 exercises
OpenDone](exercise.asp?x=xrcise_form_input_types1)[## Input Attributes5 exercises
OpenDone](exercise.asp?x=xrcise_form_attributes1)[## Input Form Attributes3 exercises
OpenDone](exercise.asp?x=xrcise_form_attributes_form1)
Log in to track your progress
If you haven't already, sign up to become a EA Academy Learners, and get points for every exercise you complete.
As a logged-in EA Academy user you will have access to many features like having your own web page, track your learning progress, receive personal guided paths, and more.
The Exercise
The exercises are a mix of "multiple choice" and "fill in the blanks" questions.
There are between 3 and 9 questions in each category.
The answer can be found in the corresponding tutorial chapter.
If you're stuck, or answer wrong, you can try again or hit the "Show Answer" button to see the correct answer.
Interactive Code Examples
HTML Exercises Example
html<!DOCTYPE html>
<html>
<head>
<style>
body {
font-family: system-ui, -apple-system, sans-serif;
padding: 24px;
background: #f8fafc;
color: #0f172a;
}
.demo-card {
background: #ffffff;
padding: 24px;
border-radius: 16px;
border: 1px solid #e0e7ff;
box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.08);
max-width: 540px;
}
h2 { color: #4f46e5; margin-top: 0; font-size: 22px; }
p { color: #64748b; line-height: 1.6; }
.btn {
display: inline-flex;
align-items: center;
gap: 8px;
background: #4f46e5;
color: #ffffff;
border: none;
padding: 10px 20px;
border-radius: 9999px;
font-weight: 700;
font-size: 13px;
cursor: pointer;
box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25);
}
.btn:hover { background: #4338ca; }
</style>
</head>
<body>
<div class="demo-card">
<h2>HTML Exercises</h2>
<p>This is a live runnable interactive demonstration for <strong>HTML Exercises</strong>.</p>
<button class="btn" onclick="alert('Testing HTML Exercises!')">
<span>Interactive Action</span> →
</button>
</div>
</body>
</html>