HTML from Scratch: Basics for Beginners. Lesson #1


Welcome to my blog overcod.net! If you are thinking about creating websites or web pages, learning the basics of HTML is a great starting point. It’s a smart decision to begin by understanding HTML for beginners, as it forms the foundation for future growth in web development.

Why are my lessons right for you? First, they are clear and accessible, even for those just starting out. Second, I emphasize practical exercises because practice is essential for mastering any subject.

Let’s move on to Lesson #1, where I’ll explain what HTML is and show you the HTML document structure.

What is HTML?
HTML (HyperText Markup Language) is a hypertext markup language created by Tim Berners-Lee in the early 1990s. Simply put, HTML is a set of tags that allow us to structure text, images, links, and other elements on a web page.





Hypertext refers to the combination of text, images, tables, and links that are interconnected. Essentially, a web page is a form of hypertext.

Markup is the process of using tags to specify where different elements, such as text, images, or tables, will appear on the page.

Now, let’s take a look at the structure of an HTML document, which serves as the foundation for any web page.

HTML Document Structure

  1. <HTML> and </HTML> — marks the beginning and end of the HTML document.
  2. <HEAD> and </HEAD> — the “head” of the document, where various meta tags and other essential information are placed. We’ll discuss these tags in more detail in future lessons.
  3. <TITLE> and </TITLE> — the document’s title, displayed both in the browser and in search engine results.
  4. <BODY> and </BODY> — the “body” of the document, containing all the visible content of the web page, such as text, images, tables, and more.

Now, let’s clarify what a tag is. A tag is an element enclosed in angle brackets < >, and it’s through these tags that the structure of an HTML document is built. Examples include: <html></html>, <head></head>, <title></title>, <br>, <p></p>, and others.

Some tags need to be closed, like <html></html>, while others are self-closing, such as <br>.

If any of this is unclear, don’t worry. In the next lesson, we’ll create a simple web page together, and you’ll see how all this theory works in practice. You’ll soon realize that learning HTML is easy, especially with hands-on examples and a step-by-step approach. HTML for students and schoolchildren is a highly accessible way to start learning web technologies.