HTML col Tag

HTML col Tag with html tutorial, tags, anchor, img, div, entity, textarea, marquee, p tag, heading tag, h1, h2, table, formatting, attribute, elements, ol, ul, Input Types, block element tag, inline element tag, html tags, phrase tag, head, body, form, lists, symbols etc.

<< Back to HTML

next → ← prev

HTML <col> tag

HTML <col> tag is used to specify common column properties for each column within <colgroup> element in an HTML table.

The <col> tag is useful when it requires to apply common style rules for each column cell rather than applying individually.

Syntax

<col span=" "   style=" ">

Note: In HTML <col> tag does not require a closing tag but in XHTML it require a closing </col> tag.

Following are some specifications about the HTML <col> tag

Display	Inline
Start tag/End tag	Start tag(Empty tag)
Usage	HTML tables

Example 1

<!DOCTYPE html>
<html>
<head>
	<title>Col tag</title>
</head>
<body>
<h2>Example of Col Tag</h2>
<table border="1">
	<colgroup>
		<col  span="2" style="background-color: #7fffd4">
		<col span="2" style="background-color: 	#98f5ff">
	</colgroup>
	<tr>
		<th>Roll No.</th>
		<th>Name</th>
		<th>Maths</th>
		<th>Science</th>
	</tr>
	<tr>
		<td>1</td>
		<td>Avinash</td>
		 <td>68</td>
		 <td>54</td>
	</tr>
	<tr>
		<td>2</td>
		<td>Neha</td>
		 <td>65</td>
		 <td>61</td>
	</tr>
	<tr>
		<td>3</td>
		<td>Jenny</td>
		 <td>55</td>
		 <td>78</td>
	</tr>
	<tr>
		<td>4</td>
		<td>Vivek</td>
		 <td>75</td>
		 <td>52</td>
	</tr>
</table>
</body>
</html>

Test it Now

Output:

Attribute:

Tag-specific Attribute

element should contain. The default value of span attribute is 1.

Attribute	Value	Description
align	left center right justify char	It specifies the horizontal alignment of each column cell. (Not supported in HTML5).
char	character	It specifies the alignment of content based on Characters in a column. It will be ignored if align is not set to char. (Not supported in HTML5).
charoff	number	It sets the number of characters to offset the column data from the alignment character specified by the char attribute. (Not supported in HTML5).
span	number	It specifies the number of the columns which a
valign	top middle bottom baseline	It specifies the vertical alignment of the columns. (Not supported in HTML5).
width	% Pixels relative_length	It specifies the width of the column. (Not supported in HTML5).

Global Attribute

HTML <col> tag supports all Global attributes in HTML.

Event Attribute

HTML <col> tag supports all event attributes in HTML.

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<col>	Yes	Yes	Yes	Yes	Yes

Next Topic

← prev next →

.Net

.NET Array Dictionary List String 2D Async DataTable Dates DateTime Enum File For Foreach Format IEnumerable If IndexOf Lambda LINQ Parse Path Process Property Regex Replace Sort Split Static StringBuilder Substring Switch Tuple

Java

Core Array ArrayList HashMap String 2D Cast Character Console Deque Duplicates File For Format HashSet If IndexOf Lambda Math ParseInt Process Random Regex Replace Sort Split StringBuilder Substring Switch Vector While

TheDeveloperBlog.com