HTML Basics — Web Development Practice Worksheet

Grades 8–11 Easy difficulty 10 problems

HTML (HyperText Markup Language) structures web page content using elements (tags). Every page needs <!DOCTYPE html>, <html>, <head> (metadata), and <body> (visible content).

Semantic tags describe meaning: <header>, <nav>, <main>, <article>, <section>, <footer>. Headings <h1>–<h6> create hierarchy — use one main h1 per page. Links use <a href="url">text</a>.

Images need alt text for accessibility: <img src="photo.jpg" alt="description">. Lists: <ul>/<ol> with <li> items. Forms use <form>, <input>, <label>, and <button>.

Skills practiced

  • Writing valid HTML document structure
  • Using semantic and heading tags
  • Creating links, lists, and images
  • Applying basic accessibility (alt text, labels)
Name: Date: Period:

Practice Worksheet: HTML Basics

Instructions: Solve each problem carefully. Show all work clearly. Write your final answer in the space provided or on a separate sheet as directed.

  1. 1.What does the acronym HTML stand for?
  2. 2.Which tag is used to create a hyperlink in HTML?
    1. A. <link>
    2. B. <href>
    3. C. <a>
    4. D. <url>
  3. 3.Write the HTML code to create a paragraph of text that says “Hello, World!”
  4. 4.Which of the following is the correct way to insert an image in HTML?
    1. A. <img src="image.jpg">
    2. B. <image src="image.jpg">
    3. C. <img href="image.jpg">
    4. D. <picture src="image.jpg">
  5. 5.What is the purpose of the <title> tag in HTML?
  6. 6.List three common HTML tags used for text formatting (e.g., bold, italic, underline).
  7. 7.Write the HTML code to create an ordered list with three items: “Apples”, “Bananas”, and “Cherries”.
  8. 8.Which tag is used to define a table row in HTML?
    1. A. <tr>
    2. B. <td>
    3. C. <th>
    4. D. <table>
  9. 9.Explain the difference between the <div> and <span> tags in HTML.
  10. 10.Write the HTML code to create a heading that says “Welcome to My Website” using the largest heading size.

Answer Key

  1. 1.
    Final answer: HyperText Markup Language
  2. 2.
    Final answer: C. <a>
  3. 3.
    Final answer: <p>Hello, World!</p>
  4. 4.
    Final answer: A. <img src="image.jpg">
  5. 5.
    Final answer: The <title> tag defines the title of the web page, which appears in the browser's title bar or tab.
  6. 6.
    Final answer: <b> (bold), <i> (italic), <u> (underline) (Other common answers: <strong>, <em>, <mark>, etc.)
  7. 7.
    Final answer: <ol>; \qquad<li>Apples</li>; \qquad<li>Bananas</li>; \qquad<li>Cherries</li>; </ol>
  8. 8.
    Final answer: A. <tr>
  9. 9.
    Final answer: <div> is a block-level element used to group larger sections of content, while <span> is an inline element used to group small pieces of text or elements within a line.
  10. 10.
    Final answer: <h1>Welcome to My Website</h1>
Download PDF

Common mistakes to avoid

  • Skipping DOCTYPE or html/head/body structure
  • Using headings for font size only (skipping levels)
  • Missing alt attributes on images
  • Confusing <div> (generic) with semantic tags when meaning exists

Generate your own like this

Want a fresh set of html basics problems at your chosen difficulty? Use WorksheetSmith to compile a custom, print-ready PDF in seconds.

Generate a custom HTML Basics worksheet

Related worksheets

Last updated: 2026

Open the WorksheetSmith worksheet app