Skip to content

Latest commit

 

History

History
44 lines (30 loc) · 1.36 KB

README.md

File metadata and controls

44 lines (30 loc) · 1.36 KB

Lesson 1: HTML Page Structure

Introduction

Welcome to your first HTML lesson! 🎉

In this lesson, you will learn the basic structure of an HTML webpage. Every webpage has a foundation, and understanding how HTML pages are structured is the first step to becoming a great web developer.

What You’ll Learn

  • What <!DOCTYPE html> means and why it's important.
  • The purpose of the <html>, <head>, and <body> tags.
  • How to create a simple webpage with text.

HTML Page Structure

<!DOCTYPE html>

  • Tells the browser that this is an HTML5 document.
  • Always the first line of an HTML file.
  • Not a tag, but a declaration.

<html>

  • The root element of the webpage.
  • Contains all other HTML elements.
  • Includes the lang attribute to set the language of the page (e.g., lang="en" for English).

<head>

  • Contains metadata about the webpage (information not displayed on the page).
  • Common elements inside <head>:
    • <title>: The title shown on the browser tab.
    • <meta charset="UTF-8">: Specifies character encoding for text.
    • <meta name="viewport" content="width=device-width, initial-scale=1.0">: Ensures the page is mobile-friendly.

<body>

  • Contains all the visible content of the page.
  • Includes headings, paragraphs, images, links, and more.

Next Lesson: HTML Headings