{"id":520,"date":"2025-05-19T11:18:35","date_gmt":"2025-05-19T11:18:35","guid":{"rendered":"https:\/\/buhave.com\/courses\/?p=520"},"modified":"2025-05-20T12:57:18","modified_gmt":"2025-05-20T12:57:18","slug":"tables","status":"publish","type":"post","link":"https:\/\/buhave.com\/courses\/html\/tables\/","title":{"rendered":"Tables"},"content":{"rendered":"

Structure of a table: <table>, <tr>, <td>, <th><\/h2>\n

HTML tables are used to display tabular data (like spreadsheets or schedules) in a structured row-and-column format using key tags: <table>, <tr>, <td>, and <th>.<\/p>\n

Basic Tags and Their Roles<\/h3>\n\n\n\n\n\n\n\n\n
Tag<\/th>\nMeaning<\/th>\nDescription<\/th>\n<\/tr>\n<\/thead>\n
<table><\/code><\/td>\nTable container<\/td>\nWraps all table elements (rows and cells)<\/td>\n<\/tr>\n
<tr><\/code><\/td>\nTable row<\/td>\nDefines a single row of data<\/td>\n<\/tr>\n
<td><\/code><\/td>\nTable data cell<\/td>\nDefines a standard data cell inside a row<\/td>\n<\/tr>\n
<th><\/code><\/td>\nTable header cell<\/td>\nUsed for header cells; usually bold and centered by default<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Simple Table Example:<\/strong><\/p>\n

<table border=”1″><\/em>
\n<tr><\/em>
\n<th>Name<\/th><\/em>
\n<th>Age<\/th><\/em>
\n<th>City<\/th><\/em>
\n<\/tr><\/em>
\n<tr><\/em>
\n<td>Alice<\/td><\/em>
\n<td>25<\/td><\/em>
\n<td>New York<\/td><\/em>
\n<\/tr><\/em>
\n<tr><\/em>
\n<td>Bob<\/td><\/em>
\n<td>30<\/td><\/em>
\n<td>Los Angeles<\/td><\/em>
\n<\/tr><\/em>
\n<\/table><\/em><\/p>\n

What\u2019s Happening:<\/strong><\/p>\n

    \n
  • <table> wraps the entire table.<\/li>\n
  • The first <tr> contains <th> for column headings.<\/li>\n
  • The following <tr> tags contain <td> elements for actual data.<\/li>\n<\/ul>\n

    Additional Tips:<\/strong><\/p>\n

      \n
    • Use border, cellpadding, and cellspacing (via CSS or attributes) for spacing\/styling.<\/li>\n
    • Use <thead>, <tbody>, and <tfoot> for semantic structure (especially helpful in long tables).<\/li>\n
    • Use CSS for styling (e.g., zebra striping rows, hover effects, border collapse).<\/li>\n<\/ul>\n

      Table headers and captions<\/h2>\n

      Adding headers and a caption to HTML tables enhances readability, accessibility, and structure, especially when presenting complex data.<\/p>\n

      <th> \u2013 Table Header Cells<\/h3>\n

      The <th> (table header) tag is used to define column or row headings. These cells are typically bold and centered by default.<\/p>\n

      Syntax:<\/strong><\/p>\n

      <tr><\/em>
      \n<th>Product<\/th><\/em>
      \n<th>Price<\/th><\/em>
      \n<th>Quantity<\/th><\/em>
      \n<\/tr><\/em><\/p>\n

      Attributes:<\/strong><\/p>\n

        \n
      • scope=”col” \u2192 Declares the header for a column.<\/li>\n
      • scope=”row” \u2192 Declares the header for a row.<\/li>\n
      • Improves accessibility for screen readers.<\/li>\n<\/ul>\n

        Example with Scope:<\/strong><\/p>\n

        <tr><\/em>
        \n<th scope=”col”>Name<\/th><\/em>
        \n<th scope=”col”>Email<\/th><\/em>
        \n<\/tr><\/em>
        \n<tr><\/em>
        \n<th scope=”row”>John<\/th><\/em>
        \n<td>john@example.com<\/td><\/em>
        \n<\/tr><\/em><\/p>\n

        <caption> \u2013 Table Title or Description<\/h3>\n

        The <caption> tag provides a short title or summary for the table and appears above the table by default.<\/p>\n

        Example:<\/strong><\/p>\n

        <table border=”1″><\/em>
        \n<caption>Monthly Sales Report<\/caption><\/em>
        \n<tr><\/em>
        \n<th>Month<\/th><\/em>
        \n<th>Sales<\/th><\/em>
        \n<\/tr><\/em>
        \n<tr><\/em>
        \n<td>January<\/td><\/em>
        \n<td>$10,000<\/td><\/em>
        \n<\/tr><\/em>
        \n<\/table><\/em><\/p>\n

        Notes:<\/strong><\/p>\n

          \n
        • The <caption> tag must be the first child of the <table>.<\/li>\n
        • Useful for accessibility and context in printed or screen-reader views.<\/li>\n<\/ul>\n

          Best Practices<\/strong><\/p>\n

            \n
          • Always use <th> for headers instead of styling <td> elements.<\/li>\n
          • Use scope or id\/headers attributes for better accessibility.<\/li>\n
          • Keep <caption> concise and descriptive.<\/li>\n
          • Style captions with CSS (e.g., caption-side: bottom; to move it below).<\/li>\n<\/ul>\n

            Merging cells: colspan, rowspan<\/h2>\n

            In HTML tables, you can merge cells horizontally and vertically using the colspan and rowspan attributes on <td> or <th> elements to better structure complex data.<\/p>\n

            colspan \u2013 Merge Columns<\/h3>\n

            Definition:<\/strong><\/p>\n

              \n
            • The colspan attribute allows a cell to span across multiple columns.<\/li>\n<\/ul>\n

              Example:<\/strong><\/p>\n

              <table border=”1″><\/em>
              \n<tr><\/em>
              \n<th colspan=”2″>Employee Info<\/th><\/em>
              \n<\/tr><\/em>
              \n<tr><\/em>
              \n<td>Name<\/td><\/em>
              \n<td>John<\/td><\/em>
              \n<\/tr><\/em>
              \n<\/table><\/em><\/p>\n

              Result:<\/strong><\/p>\n

              Employee Info<\/p>\n

              Name<\/strong><\/p>\n

                \n
              • The header cell spans 2 columns.<\/li>\n<\/ul>\n

                rowspan \u2013 Merge Rows<\/h3>\n

                Definition:<\/strong><\/p>\n

                  \n
                • The rowspan attribute allows a cell to span across multiple rows.<\/li>\n<\/ul>\n

                  Example:<\/strong><\/p>\n

                  <table border=”1″><\/em>
                  \n<tr><\/em>
                  \n<th rowspan=”2″>Department<\/th><\/em>
                  \n<td>HR<\/td><\/em>
                  \n<\/tr><\/em>
                  \n<tr><\/em>
                  \n<td>Finance<\/td><\/em>
                  \n<\/tr><\/em>
                  \n<\/table><\/em><\/p>\n

                  The header cell spans 2 rows vertically.<\/p>\n

                  Combining colspan and rowspan<\/strong><\/p>\n

                    \n
                  • You can use both attributes together to build complex layouts.<\/li>\n<\/ul>\n

                    Example:<\/strong><\/p>\n

                    <table border=”1″><\/em>
                    \n<tr><\/em>
                    \n<th rowspan=”2″ colspan=”2″>Employee<\/th><\/em>
                    \n<td>Salary<\/td><\/em>
                    \n<\/tr><\/em>
                    \n<tr><\/em>
                    \n<td>$50,000<\/td><\/em>
                    \n<\/tr><\/em>
                    \n<\/table><\/em><\/p>\n

                    Tips and Best Practices<\/strong><\/p>\n

                      \n
                    • Adjust other rows and columns accordingly when using rowspan or colspan.<\/li>\n
                    • Always ensure your table structure remains logically aligned.<\/li>\n
                    • Use CSS for visual enhancements rather than layout merging unless necessary.<\/li>\n<\/ul>\n

                      Styling basics (borders, spacing)<\/h2>\n

                      Styling HTML tables improves readability, aesthetics, and usability. Here\u2019s a detailed guide to applying basic styles like borders, spacing, and alignment using both HTML attributes and CSS.<\/p>\n

                      1. Table Borders<\/h3>\n

                      Inline Attribute (HTML):<\/strong><\/p>\n

                      <table border=”1″><\/em><\/p>\n

                      Adds simple borders to the table and cells.<\/p>\n

                      CSS Styling (Recommended):<\/strong><\/p>\n

                      table, th, td {<\/em>
                      \nborder: 1px solid black;<\/em>
                      \nborder-collapse: collapse; \/* Removes double borders *\/<\/em>
                      \n}<\/em><\/p>\n

                      2. Cell Spacing vs. Cell Padding<\/h3>\n

                      cellspacing \u2013 Space between cells (HTML attribute or CSS border-spacing)<\/p>\n

                      <table cellspacing=”10″><\/em><\/p>\n

                      Or with CSS:<\/p>\n

                      table {<\/em>
                      \nborder-spacing: 10px;<\/em>
                      \n}<\/em><\/p>\n

                      cellpadding \u2013 Space inside cells (HTML attribute or CSS padding)<\/p>\n

                      <table cellpadding=”10″><\/em><\/p>\n

                      Or with CSS:<\/p>\n

                      th, td {<\/em>
                      \npadding: 10px;<\/em>
                      \n}<\/em><\/p>\n

                      3. Alignment (Text and Content)<\/h3>\n

                      th {<\/em>
                      \ntext-align: center;<\/em>
                      \nvertical-align: middle;<\/em>
                      \n}<\/em>
                      \ntd {<\/em>
                      \ntext-align: left;<\/em>
                      \n}<\/em><\/p>\n

                      4. Table Width, Height, and Background<\/h3>\n

                      table {<\/em>
                      \nwidth: 80%;<\/em>
                      \nbackground-color: #f9f9f9;<\/em>
                      \n}<\/em><\/p>\n

                      th {<\/em>
                      \nbackground-color: #e0e0e0;<\/em>
                      \n}<\/em><\/p>\n

                      Example (CSS Embedded in HTML):<\/strong><\/p>\n

                      <style><\/em>
                      \ntable, th, td {<\/em>
                      \nborder: 1px solid black;<\/em>
                      \nborder-collapse: collapse;<\/em>
                      \n}<\/em>
                      \nth, td {<\/em>
                      \npadding: 8px;<\/em>
                      \ntext-align: left;<\/em>
                      \n}<\/em>
                      \n<\/style><\/em><\/p>\n

                      <table><\/em>
                      \n<tr><\/em>
                      \n<th>Name<\/th><\/em>
                      \n<th>Role<\/th><\/em>
                      \n<\/tr><\/em>
                      \n<tr><\/em>
                      \n<td>Alice<\/td><\/em>
                      \n<td>Developer<\/td><\/em>
                      \n<\/tr><\/em>
                      \n<\/table><\/em><\/p>\n

                      Pro Tip:<\/strong><\/p>\n

                      For modern, responsive styling, consider using CSS frameworks like Bootstrap or utility libraries like Tailwind CSS.<\/p>\n","protected":false},"excerpt":{"rendered":"

                      Structure of a table: <table>, <tr>, <td>, <th> HTML tables are used to display tabular data (like spreadsheets or schedules) in a structured row-and-column format using key tags: <table>, <tr>, <td>, and <th>. Basic Tags and Their Roles Tag Meaning Description <table> Table container Wraps<\/p>\n","protected":false},"author":1,"featured_media":521,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-520","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html"],"yoast_head":"\nTables - HTML Course<\/title>\n<meta name=\"description\" content=\"HTML tables organize and display structured data in rows and columns, enabling clear comparison, styling, accessibility, and layout.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buhave.com\/courses\/html\/tables\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tables - HTML Course\" \/>\n<meta property=\"og:description\" content=\"HTML tables organize and display structured data in rows and columns, enabling clear comparison, styling, accessibility, and layout.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buhave.com\/courses\/html\/tables\/\" \/>\n<meta property=\"og:site_name\" content=\"BUHAVE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BeYouHave\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/naveedsafdarawan\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T11:18:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-20T12:57:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Tables.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Naveed Safdar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Naveed Safdar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/\"},\"author\":{\"name\":\"Naveed Safdar\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/person\\\/04fe0254e118521c9fbb3da39de5acca\"},\"headline\":\"Tables\",\"datePublished\":\"2025-05-19T11:18:35+00:00\",\"dateModified\":\"2025-05-20T12:57:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/\"},\"wordCount\":1059,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Tables.webp\",\"articleSection\":[\"HTML Course\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/\",\"name\":\"Tables - HTML Course\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Tables.webp\",\"datePublished\":\"2025-05-19T11:18:35+00:00\",\"dateModified\":\"2025-05-20T12:57:18+00:00\",\"description\":\"HTML tables organize and display structured data in rows and columns, enabling clear comparison, styling, accessibility, and layout.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/#primaryimage\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Tables.webp\",\"contentUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/Tables.webp\",\"width\":1200,\"height\":628,\"caption\":\"Tables\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/html\\\/tables\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Courses\",\"item\":\"https:\\\/\\\/buhave.com\\\/courses\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Course\",\"item\":\"https:\\\/\\\/buhave.com\\\/courses\\\/learn\\\/html\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tables\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#website\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/\",\"name\":\"BUHAVE\",\"description\":\"Courses - Learn Online for Free\",\"publisher\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/buhave.com\\\/courses\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#organization\",\"name\":\"BUHAVE\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/buhave-course.webp\",\"contentUrl\":\"https:\\\/\\\/buhave.com\\\/courses\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/buhave-course.webp\",\"width\":375,\"height\":75,\"caption\":\"BUHAVE\"},\"image\":{\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BeYouHave\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/buhave\",\"https:\\\/\\\/www.youtube.com\\\/@buhave\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/buhave.com\\\/courses\\\/#\\\/schema\\\/person\\\/04fe0254e118521c9fbb3da39de5acca\",\"name\":\"Naveed Safdar\",\"description\":\"I\u2019m Naveed Safdar - SEO Manager with over 10 years of experience in SEO and Digital Marketing. I\u2019ve had the privilege of working with leading national and international companies including Grafdom, PakWheels, Systems Limited, Confiz, Educative, and Dubizzle Labs. My expertise spans technical SEO, content strategy, organic growth, and performance analytics - helping businesses improve visibility, traffic, and ROI.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/naveedsafdar\\\/\",\"https:\\\/\\\/www.facebook.com\\\/naveedsafdarawan\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@naveedsafdar\"],\"url\":\"https:\\\/\\\/buhave.com\\\/courses\\\/author\\\/naveed-safdar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tables - HTML Course","description":"HTML tables organize and display structured data in rows and columns, enabling clear comparison, styling, accessibility, and layout.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buhave.com\/courses\/html\/tables\/","og_locale":"en_US","og_type":"article","og_title":"Tables - HTML Course","og_description":"HTML tables organize and display structured data in rows and columns, enabling clear comparison, styling, accessibility, and layout.","og_url":"https:\/\/buhave.com\/courses\/html\/tables\/","og_site_name":"BUHAVE","article_publisher":"https:\/\/www.facebook.com\/BeYouHave\/","article_author":"https:\/\/www.facebook.com\/naveedsafdarawan\/","article_published_time":"2025-05-19T11:18:35+00:00","article_modified_time":"2025-05-20T12:57:18+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Tables.webp","type":"image\/webp"}],"author":"Naveed Safdar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Naveed Safdar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/buhave.com\/courses\/html\/tables\/#article","isPartOf":{"@id":"https:\/\/buhave.com\/courses\/html\/tables\/"},"author":{"name":"Naveed Safdar","@id":"https:\/\/buhave.com\/courses\/#\/schema\/person\/04fe0254e118521c9fbb3da39de5acca"},"headline":"Tables","datePublished":"2025-05-19T11:18:35+00:00","dateModified":"2025-05-20T12:57:18+00:00","mainEntityOfPage":{"@id":"https:\/\/buhave.com\/courses\/html\/tables\/"},"wordCount":1059,"commentCount":0,"publisher":{"@id":"https:\/\/buhave.com\/courses\/#organization"},"image":{"@id":"https:\/\/buhave.com\/courses\/html\/tables\/#primaryimage"},"thumbnailUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Tables.webp","articleSection":["HTML Course"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/buhave.com\/courses\/html\/tables\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/buhave.com\/courses\/html\/tables\/","url":"https:\/\/buhave.com\/courses\/html\/tables\/","name":"Tables - HTML Course","isPartOf":{"@id":"https:\/\/buhave.com\/courses\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buhave.com\/courses\/html\/tables\/#primaryimage"},"image":{"@id":"https:\/\/buhave.com\/courses\/html\/tables\/#primaryimage"},"thumbnailUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Tables.webp","datePublished":"2025-05-19T11:18:35+00:00","dateModified":"2025-05-20T12:57:18+00:00","description":"HTML tables organize and display structured data in rows and columns, enabling clear comparison, styling, accessibility, and layout.","breadcrumb":{"@id":"https:\/\/buhave.com\/courses\/html\/tables\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buhave.com\/courses\/html\/tables\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buhave.com\/courses\/html\/tables\/#primaryimage","url":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Tables.webp","contentUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/04\/Tables.webp","width":1200,"height":628,"caption":"Tables"},{"@type":"BreadcrumbList","@id":"https:\/\/buhave.com\/courses\/html\/tables\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Courses","item":"https:\/\/buhave.com\/courses\/"},{"@type":"ListItem","position":2,"name":"HTML Course","item":"https:\/\/buhave.com\/courses\/learn\/html\/"},{"@type":"ListItem","position":3,"name":"Tables"}]},{"@type":"WebSite","@id":"https:\/\/buhave.com\/courses\/#website","url":"https:\/\/buhave.com\/courses\/","name":"BUHAVE","description":"Courses - Learn Online for Free","publisher":{"@id":"https:\/\/buhave.com\/courses\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buhave.com\/courses\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/buhave.com\/courses\/#organization","name":"BUHAVE","url":"https:\/\/buhave.com\/courses\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buhave.com\/courses\/#\/schema\/logo\/image\/","url":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/03\/buhave-course.webp","contentUrl":"https:\/\/buhave.com\/courses\/wp-content\/uploads\/2025\/03\/buhave-course.webp","width":375,"height":75,"caption":"BUHAVE"},"image":{"@id":"https:\/\/buhave.com\/courses\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BeYouHave\/","https:\/\/www.linkedin.com\/company\/buhave","https:\/\/www.youtube.com\/@buhave"]},{"@type":"Person","@id":"https:\/\/buhave.com\/courses\/#\/schema\/person\/04fe0254e118521c9fbb3da39de5acca","name":"Naveed Safdar","description":"I\u2019m Naveed Safdar - SEO Manager with over 10 years of experience in SEO and Digital Marketing. I\u2019ve had the privilege of working with leading national and international companies including Grafdom, PakWheels, Systems Limited, Confiz, Educative, and Dubizzle Labs. My expertise spans technical SEO, content strategy, organic growth, and performance analytics - helping businesses improve visibility, traffic, and ROI.","sameAs":["https:\/\/www.linkedin.com\/in\/naveedsafdar\/","https:\/\/www.facebook.com\/naveedsafdarawan\/","https:\/\/www.youtube.com\/@naveedsafdar"],"url":"https:\/\/buhave.com\/courses\/author\/naveed-safdar\/"}]}},"_links":{"self":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts\/520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/comments?post=520"}],"version-history":[{"count":1,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts\/520\/revisions"}],"predecessor-version":[{"id":522,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/posts\/520\/revisions\/522"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/media\/521"}],"wp:attachment":[{"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/media?parent=520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/categories?post=520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buhave.com\/courses\/wp-json\/wp\/v2\/tags?post=520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}