Dec 30, 2009

Adding Tabs in HTML

Being into Java development for a while, I had a chance to work with tabs in html. One of the easiest ways to add tabs to a html page and link to url that I came across is as given below in the following code. I thought this might be useful for some one some day and hence this post.

<ul id="tabs">
<li class="active"><a href="#" title="tab1">Title Tab 1</a></li>
<li><a href="#" title="tab2">Title Tab 2</a></li>
</ul>

In the above code, just change the href to the link as in your
application. You are done! You can have a UI with a couple of tabs and
it would look great!All the best! If you really found this post useful,
please drop your comment in the comment form displayed below! Thanks

No comments:

Post a Comment