Module 1
1.1 HTML For Absolute Beginner ย
HTML FOR BEGINNERS
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:
๐ Open your browser and go to the official website:
๐ https://code.visualstudio.com/
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).
After downloading, follow these steps to install:
โ For Windows:
Open the downloaded .exe file.
Click Next and agree to the terms.
Select installation location and check "Add to PATH".
Click Install and wait for the process to complete.
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.
Now that you have VS Code installed, you can start building websites and writing clean, efficient code. ๐
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
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.
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>