Here are the locations,
http-://ajax.googleapis.-com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css
http:-//ajax.googleapis-com/ajax/libs/jquery/1.5/jquery.min.js
http-://ajax.googleapis.-com/ajax/libs/jqueryui/1.8/jquery-ui.min.js
Add new ASPX page into your site.
Open newly created aspx page in design mode and add following code in head section,
<link href="/path$/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="/path$/jquery.min.js"></script>
<script type="text/javascript" src="/path$/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
Add following code in body section of the form , Comments shows where web part zone will be added.
<div id="tabs">
<ul>
<li><a href="#tab-1"><span>Announcements</span></a></li>
<li><a href="#tab-2"><span>Events</span></a></li>
<li><a href="#tab-3"><span>Tasks</span></a></li>
<li><a href="#tab-4"><span>Shared Documents</span></a></li>
</ul>
<div id="tab-1">
<!-- Web part Zone -->
</div>
<div id="tab-2">
<!-- Web part Zone -->
</div>
<div id="tab-3">
<!-- Web part Zone -->
</div>
<div id="tab-4">
<!-- Web part Zone -->
</div>
</div>
Add web part zone in each DIV . It should be like,
Save the form and hit F12. You can able to see the tab table like,
Time to link Master page into this aspx page. To do that, Go to Style tab and select master page to attach. View the page on the browser and add web parts to the zone. Here is the final output,