Skip to content
    SeaCode
    Learning tracksCode ArenaWorkshops & EventsInstructors
    Log inSign up
    </>HTML

    Document foundations

    • What is HTML?
    • Metadata and language
    • Attributes and character references
    • Headings, paragraphs and formatting

    Content and media

    • Links
    • Images
    • Lists
    • Tables
    • Responsive images and media

    Forms

    • Forms and inputs
    • Grouping form controls
    • Form validation and submission

    Structure and accessibility

    • Semantic HTML
    • Keyboard and screen-reader access
    • Disclosure with details
    • Project: your profile page
    HTML

    Document foundations · Lesson 1 of 16

    What is HTML?

    Tags, and your very first page.

    5 minutes2 games

    HTML isn't a programming language; it's a markup language. It tells the browser “this is a heading”, “this is a paragraph”, “this is an image”. It does that with tags: a word inside < >. Most tags open and close, and the closing one has a /.

    HTML
    <h1>My first page</h1>
    <p>Hello! This is a paragraph.</p>
    <p>And this is <strong>another</strong> one.</p>

    Press “Run” to see the page under the code. Change the text and run again.

    • html
      • head
        • title
        • meta
      • body
        • h1
        • p

    Important

    Browsers may recover from malformed HTML, but recovery does not make the markup valid. Nest elements correctly.

    Interview question

    How do elements and attributes differ?

    A complete page

    HTML
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <title>Page title</title>
      </head>
      <body>
        <!-- everything you see goes here -->
        <h1>Hello</h1>
      </body>
    </html>
    • <head> holds information about the page that isn't shown, like the tab title.
    • <body> holds everything the visitor sees.
    • <!-- ... --> is a comment; the browser ignores it.

    Quick question

    Visible content goes inside which tag?

    Spot the bug

    One tag isn't closed properly. Click the line.

    Learn more from

    • MDN: HTML referencedeveloper.mozilla.org
    • web.dev: overviewweb.dev

    Played 0 of 2 games

    Sign in to save your progress and earn XP.

    NextMetadata and language
    SeaCode

    Learn to code for real, online or at our branch in front of Cairo University, Giza.

    Learn

    • All courses
    • Interactive tutorials
    • Interview practice problems
    • Mock interview
    • Learning tracks
    • Code Arena
    • Workshops & Events
    • Knowledge library
    • Team projects

    Your account

    • Log in
    • Sign up
    • Learning plan
    • Certificates
    • Site map

    Contact us

    • WhatsApp
    • 010 9094 1104
    • In front of Cairo University, Giza

    © 2026 SeaCode. All rights reserved.