{"id":110782,"date":"2021-02-25T16:21:03","date_gmt":"2021-02-25T10:51:03","guid":{"rendered":"https:\/\/www.vskills.in\/certification\/tutorial\/?page_id=110782"},"modified":"2024-04-12T14:31:15","modified_gmt":"2024-04-12T09:01:15","slug":"colspan-and-rowspan-attributes-4","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/","title":{"rendered":"Colspan and Rowspan Attributes"},"content":{"rendered":"\n<p>colspan attribute is used to merge two or more columns into a single column and similarly rowspan is used to merge two or more rows as shown<\/p>\n\n\n\n<p><strong>Spanning Columns<\/strong> \u2013 Use the colspan attribute to a td or th tag to cause it to merge with another cell below it, as shown. By default, each cell is set to span, or to go across, only one column. Using the colspan attribute enables you to change that, so that a cell spans two or more columns as shown<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>HTML code<\/strong> &lt;table border=&#8221;1&#8243;&gt; &lt;tr&gt; &lt;td colspan=&#8221;2&#8243;&gt;Two cells merged and content of first flows in second.&lt;\/td&gt; &lt;td&gt;3&lt;\/td&gt; &lt;\/tr&gt; &lt;tr&gt; &lt;td&gt;4&lt;\/td&gt; &lt;td&gt;5&lt;\/td&gt; &lt;td&gt;6&lt;\/td&gt; &lt;\/tr&gt; &lt;\/table&gt;<\/td><td><strong>Browser output<\/strong> <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes.png\" alt=\"Colspan and Rowspan Attributes\" width=\"352\" height=\"63\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Span Rows<\/strong> \u2013 Similar to merging cells across two or more columns, cells can also merge across two or more rows by using the attribute rowspan as shown<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>HTML code<\/strong> &lt;table border=&#8221;1&#8243;&gt; &lt;tr&gt; &lt;td&gt; 1&lt;\/td&gt; &lt;td&gt; 2&lt;\/td&gt; &lt;td rowspan=&#8221;2&#8243;&gt;Two cells merged and content of top flows in bottom.&lt;\/td&gt; &lt;\/tr&gt; &lt;tr&gt; &lt;td&gt;4&lt;\/td&gt; &lt;td&gt;5&lt;\/td&gt; &lt;\/tr&gt; &lt;\/table&gt;<\/td><td><strong>Browser output<\/strong> <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes-2.png\" alt=\"Colspan and Rowspan Attributes 2\" width=\"364\" height=\"65\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Span Both<\/strong> \u2013 Rowspan and columnspan attributes both can be combined to span across rows or columns in same table as shown<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes-3.png\" alt=\"Colspan and Rowspan Attributes 3\" class=\"wp-image-42046\"\/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>HTML code<\/strong> &lt;table border=&#8221;1&#8243;&gt; &lt;tr&gt; &lt;th&gt;Column 1&lt;\/th&gt; &lt;th&gt;Column 2&lt;\/th&gt; &lt;th&gt;Column 3&lt;\/th&gt; &lt;\/tr&gt; &lt;tr&gt; &lt;td rowspan=&#8221;2&#8243;&gt;Row 1 Cell 1&lt;\/td&gt; &lt;td&gt;Row 1 Cell 2&lt;\/td&gt; &lt;td&gt;Row 1 Cell 3&lt;\/td&gt; &lt;\/tr&gt; &lt;tr&gt; &lt;td&gt;Row 2 Cell 2&lt;\/td&gt; &lt;td&gt;Row 2 Cell 3&lt;\/td&gt; &lt;\/tr&gt; &lt;tr&gt; &lt;td colspan=&#8221;3&#8243;&gt;Row 3 Cell 1&lt;\/td&gt;&lt;\/tr&gt; &lt;\/table&gt;<\/td><td><strong>Browser output<\/strong> <img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes-4.png\" alt=\"Colspan and Rowspan Attributes 4\" width=\"270\" height=\"115\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Stop Line Breaks<\/strong> &#8211; A cell may need to be kept on a single line which is achieved by using the white-space property in CSS and giving it a value of \u201cnowrap\u201d to keep all the content in that cell on a single line if possible.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>colspan attribute is used to merge two or more columns into a single column and similarly rowspan is used to merge two or more rows as shown Spanning Columns \u2013 Use the colspan attribute to a td or th tag to cause it to merge with another cell below it, as shown. By default, each&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-110782","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Colspan and Rowspan Attributes - Tutorial<\/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:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Colspan and Rowspan Attributes - Tutorial\" \/>\n<meta property=\"og:description\" content=\"colspan attribute is used to merge two or more columns into a single column and similarly rowspan is used to merge two or more rows as shown Spanning Columns \u2013 Use the colspan attribute to a td or th tag to cause it to merge with another cell below it, as shown. By default, each...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T09:01:15+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/\",\"name\":\"Colspan and Rowspan Attributes - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes.png\",\"datePublished\":\"2021-02-25T10:51:03+00:00\",\"dateModified\":\"2024-04-12T09:01:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/#primaryimage\",\"url\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes.png\",\"contentUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Colspan and Rowspan Attributes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Colspan and Rowspan Attributes - Tutorial","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:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/","og_locale":"en_US","og_type":"article","og_title":"Colspan and Rowspan Attributes - Tutorial","og_description":"colspan attribute is used to merge two or more columns into a single column and similarly rowspan is used to merge two or more rows as shown Spanning Columns \u2013 Use the colspan attribute to a td or th tag to cause it to merge with another cell below it, as shown. By default, each...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T09:01:15+00:00","og_image":[{"url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/","name":"Colspan and Rowspan Attributes - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/#primaryimage"},"thumbnailUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes.png","datePublished":"2021-02-25T10:51:03+00:00","dateModified":"2024-04-12T09:01:15+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/#primaryimage","url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes.png","contentUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Colspan-and-Rowspan-Attributes.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/colspan-and-rowspan-attributes-4\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"Colspan and Rowspan Attributes"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/110782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=110782"}],"version-history":[{"count":1,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/110782\/revisions"}],"predecessor-version":[{"id":110783,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/110782\/revisions\/110783"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=110782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=110782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=110782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}