Part a(lab11axx.html)— Problem – table set up· Table 1– Create a webpage that contains a table with four columns and four rows. §  The first row will contain a heading thatspans across all columns. This heading asks the user to click on an image toenlarge. §  The second row will contain four images. Use thethumbnail images from your previous lab. §  The third row will contain one cell that spans allcolumns, that contains an image of you that is 750px by 750px. (Specify thesize in the element) (In part b, this image will be replaced when the userclicks on a thumbnail image from row two.)§  The forth row will contain one cell that spans allcolumns. It contains a heading that contains your name. (This field will changein part b, every time a new image is loaded.)§  You will find it helpful to assign id’s to yourtr/th elements as well as your image tags. It will save you work in part b.· Apply Style to yourtable.  Make it appealing and professional looking.Part b (lab11bxx.html) UsingJavaScript to open an image in the same document1.  Read the entire problem and before you start.2.  Save lab11axx.html as lab11bxx.html.3.  Use Firefox 4.  Write the JavaScript code so that each thumbnail image in the tableopens the larger original image (from your thumbnails lab) in the cell in rowthree of the table when the thumbnail is clicked.  ▪ E.g., clicking on babbage_thumb.png should causebabbage.png to open in the third row of the table as a 750px by 750pximage replacing the image that was previously there. ◦ When the picture loads also change the text inthe last row to text that describes the image.Note: Write afunction to replace large image with the new image and change the existing textto a caption for the new image. There are many ways to do this.  Refer to Chapter 4 of DOM Scripting and thevideos online for the possible ways to implement this.