1. Introduction

HTML (HyperText Markup Language) is a markup language that is used for creating web pages and documents that allows us to structure and present content over the Web.

It's important to note that HTML is not considered a programming language because it can't perform mathematical logic or other features that are common in programming languages.

HTML is a markup language that is used to display and structure elements of a web page. It is one of the main technologies used on the World Wide Web, and it's an essential thing to know as a web developer!

<aside> 📌 HTML code is sent to the web browser which can understand it and render a web page accordingly. Another essential technology in web development is called CSS, which is used in combination with HTML.

</aside>

CSS (Cascading Style Sheets) is a style sheet language that is used to style (describe) the presentation of a document that is written in a markup language like HTML.

In other words, we use HTML to define the structure and the meaning of a page, while we use CSS to specify its visual style.

<aside> ℹī¸ CSS works in combination with HTML and it's used to style our pages to make them look better visually. With CSS, we can change the element size, colors, position, add animations and many other things.

</aside>

2. HTML

We use HTML to structure content on our web pages. With it, we can add HTML elements that have special meaning - like headings, text, images, forms, and others.

<aside> ⚠ī¸ To write HTML and CSS code, we want to install a code editor application. Nowadays, one of the most popular tools which allow us to write code is Visual Studio Code. Before writing any code, make sure to download and install it from this link. You can find more information about VS Code in this video tutorial.

</aside>

The HTML that we write in the code editor application which we prefer (like Visual Studio Code) is saved to files with the .html extension. To see the resulting page of the HTML code that we wrote and saved, we can open the .html file in a web browser.

<aside> 🌐 One of the most popular web browsers is Google Chrome. It has powerful tools that we can utilize while creating our pages, and it's widely used among developers. You can download and install it on your computer by following this link.

</aside>

HTML provides tags that are used to create elements that describe different types of content on our websites.

<aside> 🛑 Make sure to install a code editor and a web browser before proceeding!

</aside>

2.1. Syntax

An HTML element is an individual component of an HTML document that provides semantics or meaning. For example, there is an HTML element called title which is used to specify the title of the web page/document.

This is the general syntax structure for defining HTML elements:

<tagName>Some Content</tagName>