Basic HTML Tutorial : Create Rowspan & Colspan Table Attributes

Share:

Basic HTML Tutorial : Create Rowspan & Colspan Table Attributes. If you want to display the data on a website in the form of tables, basically you will need a table html code. For more complex tables where columns and rows of different size, you will need such as table attributes colspan and rowspan attributes.
Basic HTML Tutorial Create Rowspan Colspan Table Attributes Basic HTML Tutorial Create Rowspan Colspan Table Attributes
On this post, we will specifically discuss about how to make a table using rowspan and colspan attributes. This is not something that is difficult, but we just need to careful placement of each attribute in the table. Come on, we started

Basic HTML Tutorial : Create Colspan Using Table Attribute

Colspan stands column span. Colspan attribute is used to combine multiple columns into a single horizontal row table. Colspan attributes are inserted in td tag or other tag of table html, as an example of the html code as follows:

<td colspan="5">Text</td>

Example : Create Colspan Using Table Attribute

<table border="1">
<tr>
<td colspan="5">Colspan</td>
</tr>
<tr>
<td>column 1</td>
<td>column 2</td>
<td>column 3</td>
<td>column 4</td>
<td>column 5</td>
</tr>		
</table>

Basic HTML Tutorial Create Rowspan Colspan Table Attributes Basic HTML Tutorial Create Rowspan Colspan Table Attributes

Basic HTML Tutorial : Create Rowspan Using Table Attribute

Rowspan stands column span. Rowspan attribute is used to combine multiple columns into a single vertical row table. Rowspan attributes are inserted in td tag or other tag of table html, as an example of the html code as follows:

<td rowspan="5">Text</td>

Example : Create Rowspan Using Table Attribute

<table border="1">
<tr>
<td rowspan="5">Rowspan</td>
<td>row 1</td>
</tr>
<tr>
<td>row 2</td>
</tr>
<tr>
<td>row 3</td>
</tr>
<tr>
<td>row 4</td>
</tr>
<tr>
<td>row 5</td>
</tr>
</table>

Basic HTML Tutorial Create Rowspan Colspan Table Attributes Basic HTML Tutorial Create Rowspan Colspan Table Attributes
A few years ago, html table is also used for the framework of the classical layout of a website but this time making use of basic table attribute has been abandoned by the website designers because it can affect accessibility and SEO of the website. How in your opinion ?
Thank you for reading Basic HTML Tutorial : Create Rowspan & Colspan Table Attributes

[Tutorial.World.Edu]

2 thoughts on “Basic HTML Tutorial : Create Rowspan & Colspan Table Attributes

  1. Pingback: Basic Tutorial : CSS Animation With Example | Online Website Design Tutorials

Leave a Reply

Your email address will not be published. Required fields are marked *