<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <center> <!-- <center> --> <p align="right" ><img src="logo.png" alt=""></p> <!-- <img align="right" src="logo.png" alt=""> --> <form action="#" method="post"> <p >VU ID: <input type="text" name="vid" id="vid" value ="BC123456"> <span style="color: red;" >* BC123456</span> </p> <p>Name: <input type="text" name="sname" id="sname" value ="Aamir Latif"><span style="color: red;" >* Aamir Latif</span></p> <p>Father Name: <input type="text" name="fname" id="fname" value ="Muhammad Latif" ><span style="color: red;" >* Muhammad Latif</span></p> <table border="1" width="30%"> <tr> <th>Semester</th> <th>Degree</th> <th>Subject</th> <th>Grade</th> </tr> <tr style="text-align:center" > <td>Spring 2020</td> <td>BSCS</td> <td>IT430</td> <td>A</td> </tr> </table> </form> </center> </body> </html>Task: You have to write the HTML code to show the output as following screenshot. You have to write your own VU Id, Name; Father Name should be in text boxes. All the values in the table should be center aligned.
logo.png