{"id":173,"date":"2014-03-31T23:21:12","date_gmt":"2014-03-31T23:21:12","guid":{"rendered":"https:\/\/learnwebcode.com\/?p=173"},"modified":"2016-03-29T02:05:30","modified_gmt":"2016-03-29T02:05:30","slug":"html-tables-tutorial","status":"publish","type":"post","link":"https:\/\/learnwebcode.com\/html-tables-tutorial\/","title":{"rendered":"HTML Tables Tutorial"},"content":{"rendered":"<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"http:\/\/www.youtube.com\/embed\/BczLWImAmBk?rel=0\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<p>In this tutorial we learn how to code HTML tables, when to use tables to format our HTML content, when not to use them, and also how to add basic styling (via CSS) to our tabular data.<\/p>\n<p>If you would rather learn from a single, unified video course instead of individual one-off video tutorials check out <a href=\"\/web-design-for-beginners-real-world-coding-html-css\/\">my updated 8 hour video course<\/a> and learn pro-level HTML, CSS, and responsive design.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial we learn how to code HTML tables, when to use tables to format our HTML content, when not to use them, and also how to add basic styling (via CSS) to our tabular data. If you would rather learn from a single, unified video course instead of individual one-off video tutorials check [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-173","post","type-post","status-publish","format-standard","hentry","category-html-video-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HTML Tables Tutorial - LearnWebCode<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/learnwebcode.com\/html-tables-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Tables Tutorial - LearnWebCode\" \/>\n<meta property=\"og:description\" content=\"In this tutorial we learn how to code HTML tables, when to use tables to format our HTML content, when not to use them, and also how to add basic styling (via CSS) to our tabular data. If you would rather learn from a single, unified video course instead of individual one-off video tutorials check [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learnwebcode.com\/html-tables-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"LearnWebCode\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-31T23:21:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-03-29T02:05:30+00:00\" \/>\n<meta name=\"author\" content=\"Brad\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brad\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/learnwebcode.com\/html-tables-tutorial\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/learnwebcode.com\/html-tables-tutorial\/\"},\"author\":{\"name\":\"Brad\",\"@id\":\"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6\"},\"headline\":\"HTML Tables Tutorial\",\"datePublished\":\"2014-03-31T23:21:12+00:00\",\"dateModified\":\"2016-03-29T02:05:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/learnwebcode.com\/html-tables-tutorial\/\"},\"wordCount\":72,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6\"},\"articleSection\":[\"HTML Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/learnwebcode.com\/html-tables-tutorial\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/learnwebcode.com\/html-tables-tutorial\/\",\"url\":\"https:\/\/learnwebcode.com\/html-tables-tutorial\/\",\"name\":\"HTML Tables Tutorial - LearnWebCode\",\"isPartOf\":{\"@id\":\"https:\/\/learnwebcode.com\/#website\"},\"datePublished\":\"2014-03-31T23:21:12+00:00\",\"dateModified\":\"2016-03-29T02:05:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/learnwebcode.com\/html-tables-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/learnwebcode.com\/html-tables-tutorial\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/learnwebcode.com\/html-tables-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/learnwebcode.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Tables Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/learnwebcode.com\/#website\",\"url\":\"https:\/\/learnwebcode.com\/\",\"name\":\"LearnWebCode\",\"description\":\"Become a Web Developer\",\"publisher\":{\"@id\":\"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/learnwebcode.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6\",\"name\":\"Brad\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg\",\"url\":\"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg\",\"contentUrl\":\"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg\",\"width\":400,\"height\":400,\"caption\":\"Brad\"},\"logo\":{\"@id\":\"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg\"},\"url\":\"https:\/\/learnwebcode.com\/author\/lwcadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Tables Tutorial - LearnWebCode","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:\/\/learnwebcode.com\/html-tables-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"HTML Tables Tutorial - LearnWebCode","og_description":"In this tutorial we learn how to code HTML tables, when to use tables to format our HTML content, when not to use them, and also how to add basic styling (via CSS) to our tabular data. If you would rather learn from a single, unified video course instead of individual one-off video tutorials check [&hellip;]","og_url":"https:\/\/learnwebcode.com\/html-tables-tutorial\/","og_site_name":"LearnWebCode","article_published_time":"2014-03-31T23:21:12+00:00","article_modified_time":"2016-03-29T02:05:30+00:00","author":"Brad","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Brad"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/learnwebcode.com\/html-tables-tutorial\/#article","isPartOf":{"@id":"https:\/\/learnwebcode.com\/html-tables-tutorial\/"},"author":{"name":"Brad","@id":"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6"},"headline":"HTML Tables Tutorial","datePublished":"2014-03-31T23:21:12+00:00","dateModified":"2016-03-29T02:05:30+00:00","mainEntityOfPage":{"@id":"https:\/\/learnwebcode.com\/html-tables-tutorial\/"},"wordCount":72,"commentCount":0,"publisher":{"@id":"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6"},"articleSection":["HTML Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/learnwebcode.com\/html-tables-tutorial\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/learnwebcode.com\/html-tables-tutorial\/","url":"https:\/\/learnwebcode.com\/html-tables-tutorial\/","name":"HTML Tables Tutorial - LearnWebCode","isPartOf":{"@id":"https:\/\/learnwebcode.com\/#website"},"datePublished":"2014-03-31T23:21:12+00:00","dateModified":"2016-03-29T02:05:30+00:00","breadcrumb":{"@id":"https:\/\/learnwebcode.com\/html-tables-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learnwebcode.com\/html-tables-tutorial\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/learnwebcode.com\/html-tables-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/learnwebcode.com\/"},{"@type":"ListItem","position":2,"name":"HTML Tables Tutorial"}]},{"@type":"WebSite","@id":"https:\/\/learnwebcode.com\/#website","url":"https:\/\/learnwebcode.com\/","name":"LearnWebCode","description":"Become a Web Developer","publisher":{"@id":"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/learnwebcode.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/learnwebcode.com\/#\/schema\/person\/db825ebc5a08e39b01de31771e4c7fe6","name":"Brad","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg","url":"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg","contentUrl":"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg","width":400,"height":400,"caption":"Brad"},"logo":{"@id":"https:\/\/learnwebcode.com\/wp-content\/uploads\/0UWl0Tet_400x400.jpg"},"url":"https:\/\/learnwebcode.com\/author\/lwcadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/posts\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":8,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/posts\/173\/revisions"}],"predecessor-version":[{"id":1036,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/posts\/173\/revisions\/1036"}],"wp:attachment":[{"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/media?parent=173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/categories?post=173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learnwebcode.com\/wp-json\/wp\/v2\/tags?post=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}