HTML Notes - Defence Batch

Welcome to the HTML Notes - Defence Batch website. This site contains notes compiled from the six lectures by Rohit Negi Sir. Here you'll find everything from the basic workings of the internet to the fundamentals of HTML.

The Lectures

  1. Lecture 1 : Internet Working

    Topics Covered

    • HOW Does Internet Work ?
      • Principle 1: The Need to Share Information
      • Principle 2: The Problem of Scale
      • Principle 3: The Problem of Connecting Network
      • Principle 4: The Problem of Finding Anyone (Addressing)
      • Principle 5: The Problem of Reliability and Fairness
      • IP Address
      • Public IP Address
      • Private IP Address
    • IPv6
      • What Does an IPv6 Address Look Like?
    • MAC Address:
      • How to Find MAC Address
        • Windows
        • MACOS
    • Port Number
      • The Practical Format: The Three Categories
        1. Well-Known Ports (Range: 0 - 1023)
        2. Registered Ports (Range: 1024 - 49151)
        3. Dynamic / Private / Ephemeral Ports (Range: 49152 - 65535)
    • DNS(DOMAIN NAME SYSTEM)
      1. Checking the Local Cache (Do I already know this?)
      2. The Recursive Resolver (Asking for Help)
      3. The Hierarchical Search (The Global Phonebook)
      4. The Journey Back
      5. The Final Connection
  2. Lecture 2 : What is HTML?

    3. Topics Covered

  3. Lecture 3 : Nested List and Tables

    Topics Covered

    • What are Nested Lists?
    • How to Create Nested Lists
    • Example of an Unordered Nested List
    • Example of an Ordered Nested List
    • What are Tables?
    • Table Tags
    • Example of a table
    • Colspan and Rowspan
  4. Lecture 4 : File Paths & Boilerplate

    Topics Covered

    • Absolute vs Relative File Paths
    • Directory navigation (./, ../)
    • Using file paths in <img>, <a>, <link>, <script>
    • HTML Boilerplate structure
    • <!DOCTYPE html> declaration
    • <html>, <head>, <body> tags
    • <meta charset> and <meta viewport>
    • Page title with <title>
  5. Lecture 5 : HTML Forms

    Topics Covered

    • Introduction to Forms
    • The <form> element
    • Form attributes (action, method, name)
    • <label> and <input> elements
    • Different input types:
      • text, password, email
      • radio, checkbox
      • date, file, range
    • <textarea> for multi-line input
    • <select> dropdowns and <option>
    • <button> and type="submit"
    • Form validation (required, pattern, min/max)
  6. Lecture 6 : Deployment & Media Tags

    Topics Covered

    • Website Deployment Basics
    • Hosting Platforms: GitHub Pages, Netlify, Vercel
    • Steps to publish a website online
    • The <img> tag (attributes: src, alt, width)
    • The <audio> tag with controls and <source>
    • The <video> tag with controls, width, and <source>
    • Fallback text for unsupported browsers
    • Best practices for media accessibility