Interactive HTML, CSS, and JavaScript Lessons

Learn and experiment with web development concepts

Lesson Code

Tag Descriptions

<!DOCTYPE html>: Defines the document type and version of HTML.

<html>: The root element that contains all other HTML elements.

<head>: Contains meta-information about the document, such as the title and character set.

<title>: Sets the title of the webpage, displayed in the browser tab.

<body>: Contains the content of the HTML document, such as headings and paragraphs.

<h1>: Defines the main heading of the page.

<p>: Defines a paragraph of text.

Start and End Tags: Most HTML elements have start tags (e.g., <p>) and end tags (e.g., </p>). The end tag is similar to the start tag but includes a forward slash before the tag name.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Basic HTML Structure</title>
</head>
<body>
<h1>Welcome to My First Web Page</h1>
<p>This is a paragraph of text.</p>
</body>
</html>
Lesson 1 Part: A

Note: The downloaded file will be a plain text file. Please rename it to .html to make it a working HTML file. Ensure you have all necessary parts for the HTML to work correctly.