HTML Basics Lecture 1 | Introduction to HTML & Basic Tags

[00:00] Introduction to HTML Tags
The video starts by introducing basic HTML tags that will be covered, including html, head, title, and body.

[00:26] Setting Up the Environment
Shows how to open Notepad and prepare a new text file to write the HTML code.

[00:48] Basic HTML Structure
Demonstrates writing the foundational tags: html, head, and title. The instructor explains that the head section contains metadata like the title.

[01:26] The Body Tag
Explains the body tag, which contains all the visible content of the website.

[01:43] Adding a Heading (H1)
Introduces the h1 tag for adding the main heading to the page ("This is a heading").

[02:04] Paired Tags Explanation
Explains the concept of paired tags (opening and closing tags) like html / html and body/body.

[03:03] Saving the HTML File
Crucial step: Shows how to save the file with the .html extension (e.g., Abubakar.html) and select "All Files" in the save dialog to ensure it opens as a webpage.

[03:54] Running the Code
Demonstrates opening the saved HTML file in a browser to see the output.

[05:30] Adding a Paragraph
Introduces the p tag to add a paragraph of text to the webpage ("This is a paragraph").

[06:30] Heading Sizes (H1, H2, H3)
Shows the difference between h1, h2, and h3 tags, explaining how the number indicates the size and importance of the heading.

[08:06] Centering Content
Demonstrates how to center the text on the page using the center tag.

[08:42] Line Breaks (br Tag)
Introduces the br tag, a single tag used to insert line breaks and create space between elements.

[09:14] Homework Assignment
The instructor assigns a task to create a simple webpage using the tags learned (headings, paragraphs, etc.) and save it with your own name.