Week 2- "Adding Some Tabs"

Today, Mr.Syamsul asked us to modify the previous lab tutorial, which is add some tabs into the page. Lets review the product of previous lab tutorial.

"HOME", "INFO", "ACADEMIC" and "CONTACT" are the tabs that can found in the original file that Mr. Syamsul given. Now I am going to add some tabs which names "HOBBY" and "EXPERIENCE".

Actually it's very easy. At first, I change the table width and the image's width to 1536px to make the columns fix the table without changing the column's size.Then, I add the two lines of coding which link to the two .html files.

At the same time, make sure the files need to be created and key the actions that need to perform when user clicks the button into the .html. And anything just same as what I had learned before.

Taada~Here's the result. Two columns are added behind it(Just ignore the typing error..).

_______________________________________________________________

But did anyone notice what's wrong on it??

Er-hem. I just noticed that this result couldn't fix my laptop's screen as it's too long for it(That wasn't a problem when it opened in lab with wider screen display).

But what's matter, this is just a practice. Smile :) 

I was upset on this for 2 seconds.