Tools, FAQ, Tutorials:
Creating Nested HTML Tables
How To Create Nested Tables?
✍: FYIcenter.com
You can create nested tables by including a child table inside a cell of
the parent table. Below is a tutorial example of nested tables:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Nested Tables</title> <style type="text/css">tr.small {font-size: 9pt}</style> </head> <body> <table border="1" width="400" style="background-color: #eeeeee"> <caption>Online Order</caption> <tr> <th align="left">Description</th> <th align="right">Qty</th> <th align="right">Price</th> <th align="left">Email account note</th> </tr> <tr> <td>Email Account</td> <td align="right">10</td> <td align="right">$9.90</td> <td align="left" rowspan="5"> <table border="1"> <tr class="small"><td>Mailbox</td><td>10GB</td></tr> <tr class="small"><td>Webmail</td><td>Yes</td></tr> <tr class="small"><td>POP3</td><td>Yes</td></tr> <tr class="small"><td>IMAP</td><td>Yes</td></tr> <tr class="small"><td>Anti-Spam</td><td>Yes</td></tr> </table> </td> </tr> <tr> <td>FYIcenter.com Ad</td> <td align="right">1</td> <td align="right">$99.00</td> </tr> <tr> <td>1-year Access</td> <td align="right">1</td> <td align="right">$199.00</td> </tr> <tr> <td colspan="2" align="right">Shipping</td> <td align="right">$3.99</td> </tr> <tr> <td colspan="2" align="right">Tax</td> <td align="right">$15.99</td> </tr> </table> </body> </html>
If you save the above document as nested_table.html, and view it with
Internet Explorer, you will see that a child table is nested in a parent table
as shown below:
Â
⇒HTML Tables and Table Cells
⇒⇒HTML Tutorials
2017-04-22, 1373👍, 0💬
Popular Posts:
What Is HTML? HTML (HyperText Markup Language) is the standard markup language for creating Web page...
Where to find tutorials on Visual Studio? I want to know How to learn Visual Studio. Here is a large...
Where to find tutorials on Using Azure API Management Developer Portal? Here is a list of tutorials ...
What Azure AD App Registration Manifest? Azure AD App Registration Manifest is JSON file that contai...
Where to find tutorials on RSS specifications? I want to learn it to describe my API services. Here ...