5 Frequently used HTML tag in web Design.


 

HTML tags like a,h1 to h6, span, div, and many more.  There are many  HTML tags among them we used some of the tags often. Here is the tag they are most used in web design.

1. <a> tag

It is the most used tag in web development. It is called anchor tag, it is used to link the page, which is the most important part in web development to link the page suppose if we link the webpage to another web page we can write code like  
   <a href="www.youtube.com/prabidhi"> Visit Channel </a>
 

2. <div> tag

The most used tag is <div> tag. It is a block element The <div>tag is a container that is used to define a division or a section. It does not affect the content or layout and is used to group HTML elements to be styled with CSS or manipulated with scripts. If we want to divide one div into two fragments we can write code like this

<div class="wrapper">
  <div class="one">1</div>
  <div class="two">2</div>
</div>

In this case, HTML only is not enough to fragment div we need CSS too.
<style>
  .wrapper {
    display: flex;
    width:100%;
    color:white;
    font-size:20px;
    text-align:center;
  }
  .one{
    background:orange;
    width:50%
  }
  .two{
    background:blueviolet;
    width:50%;
  }
</style>



Result.
div tag


3. Heading tag <h1>  to <h6>

Heading tag means in HTML includes h1 to h6.  h1 tag is the most important tag among them and h6 is the least important tag in HTML.  In web development, We use the h1 tag to make heading bigger as compare to other heading and h6 make a small heading. let's see below example
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>  




4. <span> tag 

  The HTML span tag is an inline container. We use to mark up the text part of the text.
Let's see the below example.

<h1>This is <span style="color:red">colorful</span> heading.</h1>




5. <p> tag

The paragraph tag is the block container. We use <p> tag in web design to describe the title of the block. let see below example


<p> This is all about paragraph tag.</p>

 




Comment below the other most used HTML tags.


Reactions

Post a Comment

0 Comments