HTML Challenges
Master HTML by solving 50 hands-on problems.
The First Heading
Create a level-one heading (h1) with the text 'My First Website'.
Paragraph Power
Create a paragraph (p) with the text 'HTML is fun!'.
Bold Statement
Make the word 'Important' bold using the strong tag.
Clickable Link
Create a link to 'https://google.com' with the text 'Search'.
Image Insertion
Insert an image with src 'cat.jpg' and alt text 'A cute cat'.
Unordered List
Create an unordered list (ul) with three items: 'Apple', 'Banana', 'Cherry'.
Input Field
Create a text input field with a placeholder 'Enter your name'.
Line Break
Add a line break (br) between 'Hello' and 'World'.
Horizontal Rule
Add a horizontal rule (hr) to separate content.
Button Click
Create a button with the text 'Submit'.
Italic Text
Make the word 'Fancy' italic using the i tag.
Underlined Text
Underline the word 'Underlined' using the u tag.
Small Text
Make the copyright text small using the small tag.
Ordered List
Create an ordered list (ol) with two items: 'First', 'Second'.
Password Input
Create a password input field.
Radio Button
Create a radio button with name 'gender' and value 'male'.
Main Content
Wrap the content in a main tag.
Article Tag
Create an article tag with a heading 'News'.
Section Tag
Create a section tag.
Audio Player
Create an audio tag with controls.
Simple Table
Create a table with one row containing two headers: 'Name' and 'Age'.
Form Submission
Create a form that submits to '/login' using the POST method.
Div Container
Create a div with the class 'container' containing a paragraph 'Inside div'.
Internal Link
Create an anchor link that jumps to the element with id 'footer'. Text should be 'Go to Bottom'.
Checkbox Input
Create a checkbox input with the id 'agree' and a label 'I agree' associated with it.
Table Row
Create a table row (tr) with two data cells (td) containing 'A' and 'B'.
Textarea
Create a textarea with 4 rows and 50 columns.
Labelled Input
Create a label for 'email' and an input with id 'email'.
New Tab Link
Create a link to 'https://example.com' that opens in a new tab.
Mailto Link
Create a link to send an email to 'info@example.com'.
Picture Tag
Create a picture tag with an img tag inside.
Details Widget
Create a details tag with a summary 'More Info'.
Aside Content
Create an aside tag with a paragraph 'Sidebar'.
Navigation
Create a nav tag with a link 'Home'.
Definition List
Create a definition list (dl) with one term (dt) and description (dd).
Complex Table
Create a table where the first cell spans 2 columns (colspan). Row 1: 'Header' (spans 2). Row 2: 'A', 'B'.
Semantic Layout
Structure a page using semantic tags: header, nav, main, footer.
Video Embed
Embed a video 'movie.mp4' with controls and width 320.
Select Dropdown
Create a dropdown (select) with name 'cars' and options 'Volvo', 'Saab'. 'Volvo' should be selected by default.
Meta Tags
Add a meta tag for viewport settings to make the page responsive.
Datalist
Create an input linked to a datalist with id 'browsers'.
Optgroup
Create a select with an optgroup labeled 'Cars'.
Fieldset Legend
Group form data with a fieldset and a legend 'Personal Info'.
Table Structure
Create a table with thead, tbody, and tfoot.
Table Caption
Add a caption 'Monthly Savings' to a table.
Charset Meta
Define the character set as UTF-8.
Description Meta
Add a meta description 'Free Web Tutorials'.
Dialog Modal
Create an open dialog tag with text 'Hello'.
Class Attribute
Create a p tag with class 'intro'.
ID Attribute
Create a h1 tag with id 'main-title'.