HTML TUTORIALS-
HTML Table Borders Tag –
Introduction-
HTML Table Borders Tag -
- HTML tables are used to display data in a structured format, typically in rows and columns.also main important feature of HTML tables is the ability to add borders.this helps to table cells, rows, and columns, making data easier to read and visually organized.
-)📋 1. Basic Table Border?:-
<table style="border: 1px solid black;"> <tr> <th>Name</th> <th>Age</th> </tr> <tr> <td>John</td> <td>30</td> </tr> </table>
Name | Age |
---|---|
John | 30 |
<table style="border: 2px dotted blue;">
<tr>
<th>Item</th>
<th>Price</th>
</tr>
<tr>
<td>Book</td>
<td>$10</td>
</tr>
</table>
Item | Price |
---|---|
Book | $10 |
<table style="border: 2px solid gray; border-radius: 10px;">
<tr>
<th>Language</th>
<th>Difficulty</th>
</tr>
<tr>
<td>Python</td>
<td>Easy</td>
</tr>
</table>
Language | Difficulty |
---|---|
Python | Easy |
<table style="border: 3px double black;">
<tr>
<th>Country</th>
<th>Capital</th>
</tr>
<tr>
<td>India</td>
<td>New Delhi</td>
</tr>
</table>
Country | Capital |
---|---|
India | New Delhi |
<table style="border: 1px solid black; border-collapse: collapse;"> <tr> <th>Product</th> <th>Qty</th> </tr> <tr> <td>Pen</td> <td>50</td> </tr> </table>
Product | Qty |
---|---|
Pen | 50 |
<table style="border: 2px solid; border-color: orange;">
<tr>
<th>Day</th>
<th>Activity</th>
</tr>
<tr>
<td>Monday</td>
<td>Gym</td>
</table>
Day | Activity |
---|---|
Monday | Gym |
Tag | Purpose |
---|---|
<table> | Defines the table |
<tr> | Table row |
<th> | Table header (bold + centered by default) |
<td> | Table data (cell content) |
<caption> | Defines a table caption |
<colgroup> | Specifies a group of one or more columns in a table for formatting |
<col> | Specifies column properties for each column within a (colgroup) element |
<thead> | Groups the header content in a table |
<tbody> | Groups the body content in a table |
-How To Import Data(LSMW) LEGACY SYSTEM MIGRATION WORKBENCH