Web Development Master Track (HTML, CSS, JS) Track Progress

0 / 12 Lessons (0%)

Web Development Master Track (HTML, CSS, JS)/Beginner/HTML Introduction & Document Structure

HTML Introduction & Document Structure

Key Takeaway:HTML (HyperText Markup Language) is the standard markup language for creating web pages.

What Is It & Why Use It?

Every website in the world is built with HTML. HTML describes the structure of a web page using elements represented by tags like <h1>, <p>, and <a>. Most elements have an opening tag and a closing tag.

Example Code

<!DOCTYPE html>
<html>
  <head>
    <title>My First Page</title>
  </head>
  <body>
    <h1>Welcome to My Website</h1>
    <p>This is my very first paragraph written in HTML!</p>
  </body>
</html>

Language: html

Code Line-by-Line Breakdown

<!DOCTYPE html>

Declares that this document is an HTML5 document.

<html>

The root element that wraps everything on the web page.

<head>

Contains meta information about the page, such as the tab title.

<body>

Contains the visible page content seen by visitors.

<h1> ... </h1>

A top-level headline.

<p> ... </p>

A paragraph of text.

Remember These Rules

Tags are wrapped in angle brackets: <tagname>content</tagname>.

Closing tags include a forward slash: </tagname>.

Only content inside <body> is visible in the browser window.

Quick Test

Which HTML element contains the visible content of a web page?