HTML Tags You Must Know (With Use Cases)

By -

If you’re starting your journey into web development, the first thing you’ll work with is HTML. HTML uses tags to structure content on a webpage.

In this blog, we’ll go through the most important HTML tags you must know as a beginner—especially those used for headings, paragraphs, text formatting, and layout basics.

What Are HTML Tags?

HTML tags are predefined keywords enclosed inside angle brackets (< >) that tell the browser how to display content.

Example:

<p>This is a paragraph</p>

Most tags have:

  • An opening tag

  • A closing tag

Some tags are self-closing, which we’ll also see below.

1. Heading Tags (<h1> to <h6>)

Heading tags are used to define titles and headings on a webpage. All heading tags comes with different sizes <h1> being the largest heading tag, while <h6> being the smallest heading tag.

<h1>Main Heading</h1>
<h2>Sub Heading</h2>
<h3>Smaller Heading</h3>

Use Cases

  • <h1> → Main page title

  • <h2> to <h6> → Subsections and smaller headings

Best practice: Use only one <h1> per page for better SEO and structure.

2. Paragraph Tag (<p>)

The <p> tag is used to write paragraphs of text.

<p>This is a paragraph of text.</p>

Use Cases

  • Blog content

  • Descriptions

  • Articles

Browsers automatically add spacing before and after paragraphs.

3. Line Break Tag (<br>)

The <br> tag inserts a line break without starting a new paragraph.

Hello<br>
World

Use Cases

  • Addresses

  • Poems

  • Breaking lines inside text

<br> is a self-closing tag, so it doesn't need a closing tag.

4. Horizontal Rule (<hr>)

The <hr> tag creates a horizontal line to separate content.

<hr>

Use Cases

  • Separating sections

  • Dividing topics visually

It improves readability in long pages.

5. Bold Text (<strong>)

The <strong> tag makes text bold and also gives it importance.

<strong>Important text</strong>

Use Cases

  • Highlighting key points

  • Emphasizing important words

Search engines treat <strong> text as meaningful.

6. Italic Text (<em>)

The <em> tag is used for emphasized (italic) text.

<em>Emphasized text</em>

Use Cases

  • Stressing a word

  • Quoting thoughts or ideas

7. Underline Text (<u>)

The <u> tag underlines text.

<u>Underlined text</u>

Use Cases

  • Highlighting text visually

  • Special emphasis

Use carefully—underlines can look like links.

8. Small Text (<small>)

The <small> tag displays text in a smaller font size.

<small>Copyright notice</small>

Use Cases

  • Disclaimers

  • Copyright text

  • Side notes

9. Superscript (<sup>) and Subscript (<sub>)

H<sub>2</sub>O
10<sup>2</sup>

Use Cases

  • Chemical formulas

  • Mathematical expressions

  • Footnotes

10. Comment Tag (<!-- -->)

Comments are not visible on the webpage but help developers understand the code.

<!-- This is a comment -->

Use Cases

  • Explaining code

  • Temporary notes

  • Debugging

Why These Tags Matter

These basic tags:

  • Form the structure of webpages
  • Improve readability
  • Help search engines understand content
  • Are used in almost every website

Mastering them is essential before moving to CSS or JavaScript.

Conclusion

HTML tags are the foundation of web development. Understanding headings, paragraphs, line breaks, and text formatting tags will help you build clean and well-structured webpages.

Once you’re comfortable with these, learning CSS and JavaScript becomes much easier.

Comments

Post a Comment

Popular posts from this blog

Numbers & Numeric Operations in C++: Data Types & cmath Functions

By -
Image
Introduction Numbers are at the core of almost every C++ program, whether you’re performing calculations, storing values, managing user input, or building complex logic. C++ provides several numeric data types—such as int , float , double , and long —to handle different kinds of numerical information efficiently. Understanding how these numbers work, how they are stored, and how to perform operations on them is essential for beginners. In this blog post, we’ll explore the different types of numbers in C++, how they behave, and how you can use them to perform mathematical tasks in your programs. Let’s Explore Numbers & Numeric Operations in C++ Today, we are performing mathematical operations in C++. We will include the include<cmath> library in our code, this library gives us a lot of functions, and methods that help us to perform mathematical operations. In this post, we are going to learn about functions like fmin(*, *) fmax(*, *) floor(*) ceil(*) and round(*...
Read more

Introduction to C++: Your First Program & Hello World

By -
Image
Introduction Programming always begins with a simple but powerful first step — printing “Hello, World!” to the screen. For beginners, this small program acts as an introduction to the basic structure, syntax, and workflow of a programming language. In C++, the “ Hello World ” program helps new learners understand how a C++ program is written, compiled, and executed. In this post, we’ll look at the C++ code for printing “ Hello World ”, break down every part of it, and explain how it works in the simplest way possible. Let’s Write Your First C++ Program Today we are learning about cout and endl Cout stands for " Console out " and endl stands for " End line ". Overall, We use cout to print output in our console and endl to start a new line after the execution of each cout. Using endl is optional but cout is mandatory to get output in our console. Also, we use the " << " sign when we use cout and endl. The overall statement looks like this: cout ...
Read more

Intro to C++ for Beginners

By -
Image
Hi, I’m Taiel , the writer of this blog, and this is the first post on C++ in the tech and programming blog . Let’s get started without any delay. If you’re new to C++, you don’t need any heavy setup at first. For practice, you can use tools like OnlineGDB, Programmiz, Scrimba, or Visual Studio . These platforms allow you to write, compile, and run C++ programs easily, making them perfect for beginners. Introduction C++ is a high-level, general-purpose programming language created by Bjarne Stroustrup . It was first released in 1985 as an extension of the C language. The main goal was to add more flexibility and features, such as object-oriented programming , while maintaining performance and efficiency. Over time, C++ has evolved to include templates for generic programming , functional programming support , and low-level memory control . Because of these features, it is widely used to build performance-critical systems such as operating systems and embedded software . C++ is a comp...
Read more

User Input in C++: Reading Data from Keyboard with cin & getline()

By -
Image
Introduction Getting user input is an essential part of making interactive C++ programs. Instead of displaying fixed outputs, programs can ask users for information—such as numbers, names, or choices—and respond based on those inputs. In C++, user input is commonly taken using the cin object along with the extraction operator ( >> ). This allows beginners to easily read values like integers, floating-point numbers, characters, and even entire strings. In this blog post, we’ll explore how user input works in C++, look at important functions, and understand how to handle input safely and correctly. Let’s Explore User Input in C++ Today, We are getting the user input and printing it out in a very creative manner. This is not only going to teach you how to get user input but also how to print them with strings, where the string is set as default. To get user input, we use cin meaning console in , and instead of using this sign << we will use this sign >> to get user...
Read more

Mad Libs Game in C++: Build Your First Interactive Program

By -
Image
Introduction One of the best ways to understand the basics of C++ is by building small, fun projects—and a Mad Libs game is a perfect example. This simple word-based game lets users enter different types of words like nouns, verbs, or adjectives, and the program places them into a story template to create a funny or unexpected result. By making a Mad Libs game in C++, beginners can practice key concepts such as variables, strings, user input, and output formatting. In this blog post, we’ll walk through how a basic Mad Libs program works and how it helps strengthen your overall understanding of C++. Let’s Build a Mad Libs Game in C++ Today, we are going to make a Mad Libs Game using C++ . To make the game, we are going to use the combinations of getline(); //function and cout //in our text editor Now, Here's our code, so you can understand better: As you can see, Our game is ready to play. Important Notes While building a simple game like Mad Libs in C++, beg...
Read more

Strings in C++: Basics, Methods & Examples

By -
Image
Introduction Strings are one of the most useful and frequently used features in C++ programming. They allow us to store and work with text, such as names, messages, sentences, and any sequence of characters. In C++, strings can be handled using both character arrays ( char[] ) and the modern string class from the Standard Library, which makes working with text much easier. In this blog, we’ll explore what strings are, how they work in C++, and look at practical examples of declaring, modifying, and accessing string data. Understanding strings is essential for building real-world applications like user input systems, text processing tools, and interactive programs. Let’s Explore Strings in C++ Today, we are learning about some methods, indexing characters, and replacing some letters without needing to rewrite the code. Also, we will use " \n " in some places instead of " endl " to print a new line in our code. Index numbers in programming languages start from 0 li...
Read more

Variables & Data Types in C++: Basics with Examples

By -
Image
Introduction Understanding variables and data types is one of the first and most important steps in learning C++. Variables act as containers that store different kinds of information, while data types define what kind of values those variables can hold—such as numbers, characters, or true/false values. Together, they form the foundation of every C++ program. In this blog, we’ll explore what variables are, why data types matter, and how C++ uses a variety of types like int , float , char , bool , and more. This topic is essential for beginners who want to write efficient, error-free programs. Let’s Explore Variables & Data Types in C++ Today, We are learning about Data Types and Variables , and how to use them in C++. In programming languages we use variables most of the time, variables are like boxes that contain elements like sentences, characters, integers, decimals, and boolean values . Variables are defined into multiple types, also known as Data Types. In the case of data t...
Read more

Printing Patterns in C++: Shape Output with Loops & Logic

By -
Image
Introduction Printing shapes using C++ is a fun and effective way for beginners to practice loops, conditions, and pattern-building logic. Whether it’s a square, triangle, pyramid, or diamond, these patterns help new programmers understand how nested loops work and how characters like * , # , or numbers can be arranged to create visual output. In this blog post, we’ll explore how to print different shapes in C++, look at the code behind them, and explain how the loops interact to form each pattern. This is one of the best ways to strengthen logical thinking and improve your problem-solving skills in C++. Let’s Print Patterns with Loops in C++ Today, we will print out shapes like pyramids and stairs using C++. It means today we are going to use this in multiple sentence: cout << * << endl; Yesterday, In the printing "Hello World" using C++  blog post we used this sentence only once but today we are going to use it multiple times, so if any of you don't know h...
Read more

Return Statement in C++: Syntax, Purpose & Examples

By -
Image
Introduction The return statement is one of the most important parts of a C++ function. It allows a function to send a value back to the place where it was called and also marks the end of the function’s execution. Whether you are working with simple functions or building more complex programs, understanding how the return statement works is essential. In this blog, we’ll explore what the return statement does, why it is used, how it behaves in different types of functions, and how it helps in writing cleaner and more efficient C++ code. This topic is crucial for beginners who want to strengthen their function-related concepts. Let’s Explore the Return Statement in C++ Today, we are going to return results from functions to main function. It is very easy to use return statement but return statement doesn't works on void() function. This is an example of return statement: return A; Where " A " is a variable and the word " return " passes the outcome from the ...
Read more

Functions in C++: Syntax, Use & Examples

By -
Image
Introduction Functions are one of the most important concepts in C++ because they allow you to break your program into smaller, manageable pieces. Instead of writing all your code inside the main() function, you can create separate blocks of code—called functions—that perform specific tasks. This makes your program easier to read, understand, reuse, and debug. In this blog post, we’ll explore what functions are, how they work in C++, the different types of functions, and why they are essential for writing clean and organized programs. Whether you're a beginner or building your first projects, understanding functions will significantly improve your coding skills. Let’s Explore Functions in C++ Today, we are going to create Functions . Functions performs a set of commands by using a set of data, e.g. int main() //It is also a kind of a function which runs some of our commands in our program. Functions are very helpful as we don't need to create same commands multiple time, he...
Read more