Module 1

1.1 HTML For Absolute Beginner  

HTML FOR BEGINNERS

What is HTML?

Okay, so this is the only bit of mandatory theory. In order to begin to write HTML, it helps if you know what you are writing.

HTML is the language in which most websites are written. HTML is used to create pages and make them functional.

The code used to make them visually appealing is known as CSS and we shall focus on this in a later tutorial. For now, we will focus on teaching you how to build rather than design.

HTML EDITOR 

An editor is a software tool used for writing, editing, and managing code, enabling developers to create and modify programs efficiently. 

Visual Studio Code (VS Code) is a lightweight, powerful, and free code editor used by web developers. Follow these steps to download and install VS Code on your computer:

Step 1: Visit the VS Code Website

🔗 Open your browser and go to the official website:
👉 https://code.visualstudio.com/

Step 2: Download VS Code for Your OS

On the homepage, you’ll see different download options. Choose the one that matches your operating system:
✔ Windows – Click on "Windows" (64-bit or 32-bit as per your system).
✔ Mac – Click on "macOS" (Intel or Apple Silicon).
✔ Linux – Choose the appropriate package (.deb, .rpm, or .tar.gz).

Step 3: Install VS Code

After downloading, follow these steps to install:

✅ For Windows:

1. Open the downloaded .exe file.

2. Click Next and agree to the terms.

3. Select installation location and check "Add to PATH".

4. Click Install and wait for the process to complete.

Step 4: Install Extensions for Web Development

To enhance your experience, install these useful extensions:
🔹 Live Server – Runs your HTML files with live reload.
🔹 ESLint – Helps with JavaScript errors.
🔹 Prettier – Formats your code automatically.
🔹 HTML, CSS, and JavaScript Snippets – Speeds up coding.

🎉 You’re Ready to Code!

Now that you have VS Code installed, you can start building websites and writing clean, efficient code. 🚀

What are Tags and Attributes?

Tags and attributes are the basis of HTML.

They work together but perform different functions – it is worth investing 2 minutes in differentiating the two.

What Are HTML Tags?

Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets. An example of a tag is: <h1>.

Most tags must be opened <h1> and closed </h1> in order to function.

What are HTML Attributes?

Attributes contain additional pieces of information. Attributes take the form of an opening tag and additional info is placed inside.

An example of an attribute is:

<img src="mydog.jpg" alt="A photo of my dog.">

In this instance, the image source (src) and the alt text (alt) are attributes of the <img> tag.

Golden Rules To Remember

1. The vast majority of tags must be opened (<tag>) and closed (</tag>) with the element information such as a title or text resting between the tags.

2. When using multiple tags, the tags must be closed in the order in which they were opened. For example:
   
   <strong><em>This is really important!</em></strong>