How to Nested Tables in HTML
꧁ Digital Diary ༒ Wefru – India's Largest Writing Community ༒ Read, Write & Grow ༒꧂
꧁ Digital Diary ༒ Wefru – India's Largest Writing Community ༒ Read, Write & Grow ༒꧂
Nesting tables simply means making a Table inside another Table. Nesting tables can lead to complex tables layouts, which are both visually interesting and have the potential of introducing errors depends on its nesting nature.
Nested Table always need to be placed between < td > ... < /td > tags of the outer container Table. You can format nested tables as you would format any other HTML Table.
The following HTML code create a Table with one row and two column and inside the second column again create another table (nested table) with two rows.
HTML Source Code :
<html>
<head>
<title> </title>
</head>
<body>
<table border="20" bordercolor="red" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td style="width:35px; height:80px;" >
<table border="20" bordercolor="blue" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="purple" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="yellow" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
</td> </tr> </table>
</td> </tr> </table>
</td> </tr> </table>
<td style="width:35px; height:80px;" >
<table border="20" bordercolor="blue" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="purple" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="yellow" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
</td> </tr> </table>
</td> </tr> </table>
</td> </tr> </table>
<td style="width:35px; height:80px;" ><table border="20" bordercolor="blue" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="purple" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
<table border="20" bordercolor="yellow" style="width:100%; height:100px;" cellspacing="18px">
<tr>
<td>
</td> </tr> </table>
</td> </tr> </table>
</td> </tr> </table>
</td> </td> </td> </tr>
</table>
</body>
</html>
No FAQ Available.
Profile Complete
Hi I am Chaitanya Kalyani, I'm a professional artist this is the way to express the emotions and feelings. These are the form of the art peices to decor the wall . Custom design made to order. India has a rich artistic heritage, and it's painting refelcts a variety of techniques and styles. These painting techniques showcase the diversity of culture richness of India, art with their unique characteristics and Regional influence
Welcome to my channel :I hope you enjoy the content and don't forget to Like, Share, Comment and Subscribe to my channel @Chaitanya_artist
You can see...
Read More
Masters in Italy for International Students
0 comments · 434 views
Read and comment first →
University of Bologna: Courses, Fees, Admission and Scholarships
0 comments · 423 views
Read and comment first →
What Are the Admission Requirements for University of Messina?
0 comments · 369 views
Read and comment first →
Study Economics in Italy for International Students
0 comments · 335 views
Read and comment first →
MS in Italy: Courses, Fees and Admission
0 comments · 335 views
Read and comment first →
Have a question about this post? Send it straight to the author — only they will see it.
2 comments from 2 people
We are accepting Guest Posting on our website for all categories.
I want to Hire a Professional..
Chaitanya
✓ Profile Complete@DigitalDiaryWefru