Learn HTML small Tag Step-by-Step

 How to use <small> tag in html

how to use small tag in html


What is HTML Small Tag 

The <small> tag in HTML is used to display text in a smaller size than the surrounding content. It is mainly used for less important information, such as notes, disclaimers, copyright text, or side comments.

✷ The syntax of the <small> tag is very simple

<small>Small text here</small>

✷ Any text written inside this tag will appear smaller, but it will still be clear and readable. In modern HTML, the <small> tag is not just used for styling it also has semantic meaning. It tells the browser and search engines that the text is secondary or less important compared to the main content.

✷ For example, it is commonly used in website footers

✷ <p>This is normal text <small>This is less important text</small></p>

✷ You can use the <small> tag inside elements like <p>, <div>, or <footer> to improve content structure and readability.

✷ if you want more control over font size and design, it is better to use CSS. The <small> tag should be used mainly to show meaning, not just visual style.


Syntax: 

<small> Text information </small>

 how to use small tag in html

Example 

<!DOCTYPE html>
<html>
  <body>
  <h2> what is the <small> tag in html </h2>
    <p>student Refer  Web Designing  Theory  learn programming language</p>
    <p>  <small>  Student Refer  Web Designing  Theory  learn CSS
Programming language
</small> </p>
  </body>

  </html>


   how to use small tag in html

Explain Program

Step 1 ]

<!Doctype html>

<!doctype html>  always be the first line of any HTML document.

Step 2 ]

   <html> and </html>

   html  is the root element.

Step 3 ]

<body> and </body>

body  is  main content area.

All visible content inside to  the <body> tag

Step 4]

<h2> what is the <small> tag in html </h2>
 
heading    inside also use  <small>  tag 
heading display  title .

Step 5]

    <p>student Refer  Web Designing  Theory  learn programming language</p>


<p> create a paragraph.
 paragraph  contains normal text.
text displayed the browser.

Step 6]


<p>  <small>  Student Refer  Web Designing  Theory
 learn CSS Programming language

</small> </p>
 

 
<p> tag inside use the <small>  tag entire text.
  <small> tag  makes text smaller than normal text.
 <small>  tag normal paragraph 
 second paragraph  with smaller size text 

Step 7]


closing the Tag

</body>

 </html>

how to use small tag in html

Output



how to use small tag in html


No comments

Powered by Blogger.