I want a code html + css +javascript exactly the same as the picture Develop application using html/css/JavaScript +.

Note : provide separate CSS file and HTML file ( example index.html and mytyle.css) using .

You can use the following commands:

font-size , color , background-color , border

margin-top: 100px; margin-bottom: 100px; margin-right: 150px; margin-left: 80px; font-family: "Times New Roman", Times, serif;

Question 1

Create similar screen using html/css/javascript (in one file):

\begin{tabular}{|c|c|c|c|c|c|c|} \hline Appreciation & Total & Final (50\%) & \begin{tabular}{l} Quarterly \\ (50%) \\ \end{tabular} & Student number Student name & \begin{tabular}{l} Serial \\ Number \\ \end{tabular} & \multirow{3}{*}{ Course final grades } \\ \hline & 70 & 30 & 40 & |(223456) & 1 & \\ \hline & 70 & 30 & 40 & || (223456) & 1 & \\ \hline A & 90 & & & [223456) & 3 & \multirow{4}{*}{ Serial Number } \\ \hline & 90 & 45 & 45 & |(423456) & 3 & \\ \hline & 90 & 4 & 45 & & 3 & \\ \hline+A & 95[ & 45 & 50 & [] (123456) & 3 & \\ \hline & & & & & & \\ \hline & & & & & & \\ \hline & & & & & & \\ \hline & & & & & & \\ \hline & & & & & & \multirow[b]{2}{*}{ Final (50\%) } \\ \hline & & & & & & \\ \hline & & & & & & \multirow[t]{2}{*}{45} \\ \hline & & & & & & \\ \hline \end{tabular}