HTML, CSS, javascript, PHP

Это вариант вкладок без js, т.е. вкладка меняется, когда открывается новая страница.

HTML:

<ul class="nav">
<li class="active"><span>General</span></li>
<li><a href="#">Current Users</a></li>
<li><a href="#">New to Joomla!</a></li>
<li><a href="#">Languages</a></li>
</ul>

<div class="tab_data">
Содержание вкладки.
</div>

Теперь CSS:

.nav{
	list-style:none;
	margin-bottom:0px;
	margin-left:0px;
	
	border-bottom:1px solid #bbb;
	padding:3px 4px;
	
	line-height:normal;
}


.nav li{
	display:inline;
	 
	background:none repeat scroll 0 0 transparent;
	margin:0;
	padding:0;
}

.nav li a, .nav li span{
	border:1px solid #bbb;
	background:#eee;
	padding:3px 4px;
	margin:0 1px;
}

.nav li a:link, .nav li a:visited {
	text-decoration:none;
}

.nav li.active a, .nav li.active span{
	border-bottom:1px solid #fff;
	background:#fff;
}

.tab_data{
	border:1px solid #bbb;
	border-top:none;
	padding:6px;
	margin:0px;
	margin-bottom:10px;
	position:relative; /* for ie6 */
}