xFactorSchool.com(Beta)
How to Do Examples
Python Examples
HTML Examples
Code Examples
C Code Examples
C++ Code Examples
C# Code Examples
Java Code Examples
Python Code Examples
HTML Code Examples
CSS Code Examples
JavaScript Code Examples
Online Editor
C Code Editor
C++ Code Editor
C# Code Editor
Java Code Editor
Python Code Editor
HTML Code Editor
CSS Code Editor
JavaScript Code Editor
Practice how to create a table with collapse border in an HTML page
HTML Online Editor
Run Code
More HTML Sample Codes
<!DOCTYPE html> <html> <head> <title>Table Border Collapse in HTML Page</title> <!-- Title of the page--> <style> /* CSS style added to collapse the border of the table */ table { border-collapse: collapse; /* for table border collapse */ width: 100%; /* width of the table is 100% */ } th, td { border: 1px solid green; /* Border for th and td */ } </style> </head> <body> <h1>Example of Table Border Collapse in a Webpage</h1> <hr/> <!--<table> is used to create table--> <table> <tr> <!--<tr> is used to create table row--> <th>Name</th> <!--<th> is used to create table header--> <th>Gender</th> <th>Age</th> </tr> <tr> <td>Alice</td> <!--<td> is used to create table data--> <td>Female</td> <td>15</td> </tr> <tr> <td>Peter</td> <td>Male</td> <td>16</td> </tr> </table> <p>CSS style is used to collapse table border. 'border-collapse: collapse;' is used to collapse the border of the table.</p> </body> </html>
HTML Online Editor
HTML Online Editor