How to Create Table in HTML with Border without CSS ? Last Updated : 12 Jun, 2025 Summarize Comments Improve Suggest changes Share Like Article Like Report Creating tables in HTML remains an Important skill for over 80% of beginner web developers, especially when it comes to displaying structured data clearly. Tables help organize information into rows and columns, enhancing readability and layout. In this article, we’ll explore how to create a basic HTML table with borders—all without using any CSS styling—focusing solely on native HTML elements.Step 1: Basic Table StructureThe basic structure of an HTML table consists of the <table> element, which contains rows (<tr> elements), and each row contains cells (<td> elements for data cells or <th> elements for header cells).Here's a simple example of a table with three rows and three columns: index.html <table> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> <tr> <td>Data 1</td> <td>Data 2</td> <td>Data 3</td> </tr> <tr> <td>Data 4</td> <td>Data 5</td> <td>Data 6</td> </tr> </table> Step 2: Adding Borders to the TableTo add borders to the table without using CSS, we can use the border attribute directly in the <table> tag. The border attribute specifies the width of the border in pixels.Here's how you can add a border to the entire table:<table border="1"> <!-- Table rows and cells --></table>Complete Code ExampleHere's a complete HTML example with a table that has borders: index.html <!DOCTYPE html> <html> <head> <title>HTML Table with Border</title> </head> <body> <table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> </tr> <tr> <td>Data 1</td> <td>Data 2</td> <td>Data 3</td> </tr> <tr> <td>Data 4</td> <td>Data 5</td> <td>Data 6</td> </tr> </table> </body> </html> OutputCode Overview:The <table border="1"> element creates a table with a border width of 1 pixel.The <tr> elements define the table rows.The <th> elements are used for table headers, and the <td> elements are used for table data.The borders are applied to the entire table, including the cells. Comment More infoAdvertise with us Next Article How to create a zebra stripped table with CSS ? V vkash8574 Follow Improve Article Tags : HTML HTML-Questions Similar Reads How to Create Table Border in HTML ? In HTML, we can represent the data in the tabular format by using the <table> tag. We can customize the table by creating a border with different widths and colors. Below are the approaches to create a Table Border in HTML: Table of Content Using HTML Table Tag AttributesUsing HTML Inline Styl 2 min read How to Create Table in HTML? HTML tables are used for organizing and displaying data in a structured format on web pages. Tables are commonly used for product information, presenting data analytics, or designing a pricing comparison chart. Elements of HTML TableTable ElementsDescription<table>The <table> element def 3 min read How to create a zebra stripped table with CSS ? Creating a zebra-striped table with CSS makes your table easier to read by adding alternating background colors to the rows. This design helps to visually separate the rows, making it simpler for users to follow the data.These are the following methods to create a zebra-stripped table with CSS Table 2 min read How to Create a Full-Width Table using CSS? Creating a full-width table using CSS involves setting the table's width to 100% and adjusting other relevant properties to ensure that it stretches across the entire width of its parent container. In this article, we will explain the approach to creating a full-width table using CSS. ApproachCreate 2 min read How to Set Border Width in CSS? The CSS border-width property is used to set the border of an element. This property allows you to specify the width of the border for all four sides of an element or individually for each side. Here, we will cover all possible approaches with detailed explanations and code examples. Table of Conten 3 min read How create table without using <table> tag ? HyperText Markup Language (HTML) is the standard markup language used to create web pages. HTML allows table creation using the <table> tag. However, tables can also be created in HTML without using <table> tag with the help of Cascading Style Sheet (CSS). CSS is a mechanism for adding s 3 min read Like