how to create attractive looking tabs in HTML

Question

I am trying to get a simple page up that will have four links in the top header menu (horizontally). when clicked one, that html page will load in the body.

So all in all there will be 5 pages. 1 navigation page, and 4 different HTML pages.

I am not sure where to start with this. can someone point me to some good resources?

I did look on google but there is just so much out there i am not sure which one I should be looking at to get my stuff done.

Kind of like how they have it on http://jsbin.com

I am doing this in Rails. so perhaps I can use templates...

Answer 1

jQuery UI has a pretty good tab component, it can load content via AJAX too, which it sounds like you need to do.

Answer 2

You always download the CSS Tab Designer, set your tab names, choose a selection and then generate the CSS and required HTML. Once you have that done, you can then make them more dynamic through code.

Note: The software is for windows.

Hope this helps some.