Write the HTML coding of the following as shown in the picture.
Attachments:
dainvincible1:
where is da pic
See again
HTML code for the table?
What's the fontttt?
write in any font
I couldn't get the font name for the table content. So any font style is okay? Kay then
yes
Do you need it, like, immediately?
yes
will try.
Answers
Answered by
3
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.
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.
Hope it helps!
Thanks mam!
welcome
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