In this tutorial we will show you the solution of HTML tab indent there are many ways with the of which you are able to apply tab indent in html.
In this article, we will show you some ways to use tab indent. We hope that you understand the article properly. Let us understand the concept now.
Step By Step Guide On HTML Tab Indent :-
Now, as we already say that there are many ways to use tab indent in html.
First way is to use   that is no-blank space whereas the other way is to use with the help of margins.
We already discuss many times about both of the types but in different ways. Let us understand how to use them for tab indent. Here, is the code given below in html.
<!DOCTYPE html>
<html>
<head>
<title> Title of the document</ title>
<style>
.indent div{
margin-left: 10px;
}
</style>
</head>
<body>
<div class="indent">
this
<div>
is
<div>
text
<div>
using
<div>
tab
<div>
indent
</div>
</div>
</div>
</div>
</div>
</div>
<!-- you can also use for this job -->
<div>
this
<div>
is
<div>
text
<div>
using
<div>
nbsp
<div>
tag
</div>
</div>
</div>
</div>
</div>
</div>
<body>
</html>
- First, we write <! DOCTYPE html> which we used as an instruction to the web browser about what version of HTML file is written in.
- Secondly, the <html> tag is used to indicate the beginning of an HTML document.
- As above now <head> tag is used to contain information about web page. In this tag a <title> tag is used which helps us to specify a webpage title. Both <head> and <title> tags are Paired tags. So, both have </head> and </title> ending tags respectively.
- Thirdly, <body> tag is used to define the webpage body. All the contents to show on website are written here.
- Here, in body first we create div under div. this is to show you the example of tab indent using margin left property which is applied to all the div’s underclass indent as showed in style tag.
- Now, in next case we use to leave a blank space. But every time in next to next tags of div we have to increase the number of spaces, for better understanding. And the look which you want.
- This is because the previous space again not applied to next div. and with the increasing number of space, the tab indent more than previous one. We hope that you understand this concept.
- At last, the <body> and <html> tags are closed with </body> and </html> respectively.
Conclusion :-
In conclusion, here we want to say that after reading this article you are able to apply tab indent in html.
The better way to use tab is with the help of margin which we talk about in first example. I hope this tutorial on HTML tab indent helps you.
About Anjali
