Write the HTML coding of this table given in the picture. Please help Please!
Attachments:
Answers
Answered by
1
Here is the HTML Code snippet:-----
<html>
<head></head>
<body>
<style>
table, th, td {
border: 2px solid black;
text-align: center;
font-weight: bold;
}
</style>
<table style="" cellspacing=0>
<tr>
<td style="width:25%">Question Number</td>
<td style="width:25%">Question</td>
<td style="width:20%">Answer</td>
<td style="width:20%">Marks per Ans.</td>
<td style="width:10%"> </td>
</tr>
<tr>
<td rowspan="3"> </td>
<td rowspan="3">Name three features of the test</td>
<td>A</td>
<td>3</td>
<td rowspan="3">5</td>
</tr>
<tr>
<td>O</td>
<td>4</td>
</tr>
<tr>
<td>B</td>
<td>5</td>
</tr>
<tr>
<td> </td>
<td>There is single answer</td>
<td>True</td>
<td>2</td>
<td>5</td>
</tr>
</table>
</body>
</html>
Please note this font style was not matched.
Please refer the question -----https://brainly.in/question/1212348
Hope it helps!
<html>
<head></head>
<body>
<style>
table, th, td {
border: 2px solid black;
text-align: center;
font-weight: bold;
}
</style>
<table style="" cellspacing=0>
<tr>
<td style="width:25%">Question Number</td>
<td style="width:25%">Question</td>
<td style="width:20%">Answer</td>
<td style="width:20%">Marks per Ans.</td>
<td style="width:10%"> </td>
</tr>
<tr>
<td rowspan="3"> </td>
<td rowspan="3">Name three features of the test</td>
<td>A</td>
<td>3</td>
<td rowspan="3">5</td>
</tr>
<tr>
<td>O</td>
<td>4</td>
</tr>
<tr>
<td>B</td>
<td>5</td>
</tr>
<tr>
<td> </td>
<td>There is single answer</td>
<td>True</td>
<td>2</td>
<td>5</td>
</tr>
</table>
</body>
</html>
Please note this font style was not matched.
Please refer the question -----https://brainly.in/question/1212348
Hope it helps!
Answered by
1
Hi there!
mudit11 here to help
__________________________________
<html><!-- NOTE: Any text written like this in the following code is comments and are for your help to understand the code. These comments WILL NOT affect the coding.--><head><!-- Head and title tags are here... customize the name/input with your project name or your own name if you want.--><meta src="none"><!-- There is no need for any meta--><title> HTML TABLE </title> </head><!-- This HTML Coding By mudit11 on brainly.in --><body> <table border="black" style="border:solid"> <!-- Solid, yah, the in the image, it is filled with black solid border. So it was required.--> <tr> <!--First row of your table goes as following... --> <td> Question number</td> <td> Question </td> <td> Answer </td> <td> Marks per Ans. </td> <td> </td> </tr> <!-- End of the first row--> <tr> <!-- Middle row starts below, it took the most time anyway. I hope you get the code: ... --> <td> <!-- The first block is empty, so I left it--></td> <td> Name three <br> <!-- it is in the next line... --> features of the test</td> <!-- The following letters and numbers are aligned center as it was shown the image. Feel free to remove the align tag if you don't need it.--> <td align="center"> A <br><hr>O <br><hr> B </td> <td align="center"> 3 <br><hr>4 <br><hr> 5 </td> <td> <h2> 5 </h2> </td> </tr> <!-- End of the middle row--> <tr> <!-- Bottom row of the table start below:--> <td> </td> <td> There is single answer</td> <td> Time </td> <td align="center"> 2 </td> <td> 5</td> </tr> <!-- Bottom rows ends here --> <!-- Creating the bottom row was probably the easiest.. in the whole table.--> </table> <!-- Since we have the table now, we can end it to secure the code.--> <!-- Coding By mudit11 --> </body></html>
<!-- End of your HTML page-->
____________________________
mudit11 here to help
__________________________________
<html><!-- NOTE: Any text written like this in the following code is comments and are for your help to understand the code. These comments WILL NOT affect the coding.--><head><!-- Head and title tags are here... customize the name/input with your project name or your own name if you want.--><meta src="none"><!-- There is no need for any meta--><title> HTML TABLE </title> </head><!-- This HTML Coding By mudit11 on brainly.in --><body> <table border="black" style="border:solid"> <!-- Solid, yah, the in the image, it is filled with black solid border. So it was required.--> <tr> <!--First row of your table goes as following... --> <td> Question number</td> <td> Question </td> <td> Answer </td> <td> Marks per Ans. </td> <td> </td> </tr> <!-- End of the first row--> <tr> <!-- Middle row starts below, it took the most time anyway. I hope you get the code: ... --> <td> <!-- The first block is empty, so I left it--></td> <td> Name three <br> <!-- it is in the next line... --> features of the test</td> <!-- The following letters and numbers are aligned center as it was shown the image. Feel free to remove the align tag if you don't need it.--> <td align="center"> A <br><hr>O <br><hr> B </td> <td align="center"> 3 <br><hr>4 <br><hr> 5 </td> <td> <h2> 5 </h2> </td> </tr> <!-- End of the middle row--> <tr> <!-- Bottom row of the table start below:--> <td> </td> <td> There is single answer</td> <td> Time </td> <td align="center"> 2 </td> <td> 5</td> </tr> <!-- Bottom rows ends here --> <!-- Creating the bottom row was probably the easiest.. in the whole table.--> </table> <!-- Since we have the table now, we can end it to secure the code.--> <!-- Coding By mudit11 --> </body></html>
<!-- End of your HTML page-->
____________________________
Similar questions