1.CSS - השפה שאיתה אתה מייצר "סגנון" לאתר שלך, מיקום של אלמנטים, צבעים, טקסטים, התאמה לפלטפורמות אחרות, ועוד...

2.HTML - שפת ה-markup שלך, התוכן שלך מתחלק להמון סוגים (תפריטים, פסקאות, מדורים, תמונות ועוד...) עם HTML אתה משייך תוכן לתגית מסויימת ואת הסגנון של התגית הזאת אתה מגדיר באמצעות CSS.

3.Javascript -אז אחרי שהגדרנו את התוכן שלנו ואת העיצוב שלו, אנחנו לפעמים גם רוצים לשלוט בהתנהגות שלו במצבים מסויימים, למשל אני רוצה שבלחיצה על כפתור בתפריט ייפתח תפריט (אפשר גם בלי JS אבל תדמיין שזה תפריט מורכב מאוד מאוד( עדיין אפשר ב-CSS אבל בשביל הדוגמא נלך על תפריט)) אז אתה תמיד יכול להאזין לאירועים שמתרחשים ב-DOM שלך ולבצע פעולות בהתאם.

עכשיו בוא נעבור לשאלה שלך, אתה רוצה שבלחיצה על כפתור נציג תוכן מסויים, אז אני אכיר לך אתר נחמד שנקרא jsfiddle, כתבתי לך דוגמא שעושה בדיוק מה שאתה רוצה עם הערות בקוד, אם יש שאלות תרגיש חופשי.

http://jsfiddle.net/y8krD/