fbpx

Create table with ROWSPAN and COLSPAN attribute of TABLE in HTML(Prepare timetable of your class). Include CELLSPACING & CELL PADDING. – RakeshMgs

0
(0)


Question: Create table with ROWSPAN and COLSPAN attribute of TABLE in HTML(Prepare timetable of your class). Include CELLSPACING & CELL PADDING.


<!DOCTYPE html>
<html>
<head>
<title>WD 9.2 (xv)</title>
</head>
<body>
<table border="1">
<tr>
<th>Dates</th>
<th>Exam Session</th>
<th>Module Code</th>
<th>Module Name</th>
</tr>
<tr>
<td colspan="4"> Practical Papers <span style="color: red;">(Exact date and time of the examination will be communicated separately)</span></td>
</tr>
<tr align="center">
<td align="center" rowspan="2">01-May-2022 <br> To <br>10-May-2022</td>
<td>-</td>
<td>PR - 4</td>
<td>PRACTICAL</td>
</tr>
<tr align="center">
<td>-</td>
<td>PR - 5</td>
<td>PRACTICAL</td>
</tr>
</table>
</body>
</html>



table display: table; border-collapse: separate; box-sizing: border-box; text-indent: initial; width: max-content; min-width: 100%; max-width: 100%; white-space: pre; font-size: initial; font-family: monospace; tab-size: 4; border-spacing: 0px; border-color: grey; margin: 0px; .code border: solid #5C7B90; border-width: 1px 1px 1px 10px; color: #000000; font: 13px ‘Courier New’, Courier, monospace; line-height: 0px; margin: 10px 0 10px 10px; max-height: 400px; min-height: 20px; overflow-y: auto; padding: 10px 5px 5px; width: 90%; .code:hover background-repeat:no-repeat;


Output


Output

function copyToClipboard(element) var $temp = $(“”); $(“body”).append($temp); $temp.val($(element).text()).select(); document.execCommand(“copy”); $temp.remove(); function copiedText() alert(“Successfully Copied”); button cursor:pointer; color: #fff; background: #ff5400; font-size: 15px; padding: 5px 15px; border:none; button:hover background: green; .line-number color:#ccc;

try prettyPrint(); catch(e)



Source link

How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

As you found this post useful...

Follow us on social media!

We are sorry that this post was not useful for you!

Let us improve this post!

Tell us how we can improve this post?

Leave a Reply