What Is Colgroup Tag In HTML?

ExploreEXPLORE THE CATALOGSupercharge your career with 700+ hands-on coursesView All CoursesPythonJavaJavaScriptCReactDockerVue JSRWeb DevDevOpsAWSC#LEARNING TOOLSExplore the industry's most complete learning platformCoursesLevel up your skillsSkill PathsAchieve learning goalsProjectsBuild real-world applicationsMock InterviewsNewAI-Powered interviewsPersonalized PathsGet the right resources for your goalsLEARN TO CODECheck out our beginner friendly courses.PricingFor BusinessResourcesBlogFor developers, By developersCheatsheetsDownload handy guides for tech topicsWebinarsSessions with our global developer communityAnswersTrusted answers to developer questionsSearchCoursesLog InJoin for freeWhat is colgroup tag in HTML?

The colgroup tag in HTML is used to format a group of columns in a table. It is used to set the properties of the columns altogether instead of manipulating individual ones.

The colgroup tag is used inside the table element and along with the col tag in HTML.

The illustration below shows how the colgroup tag works in HTML:

How does colgroup work in HTML

Syntax

The syntax of colgroup tag is as follows:

<colgroup> <col attribute = value> </colgroup>

We begin by opening the tags using the <> symbol. In between, we write the keywordcolgroup. We then close the tags using the </> symbol. Once again, we will place the name of our tag in-between <> and after the / symbol. colgroup is used along with the col tag. The col tag has the following syntax:

<col attribute = value>

We open the tags using the <> symbol. The keyword col and related attributes come within.

Attributes

Style attributes can be placed within the col tag. Some prominent ones are listed below:

Attribute	Purpose
span	Used to indicate the number of consecutive columns to apply the specified properties on. By default, the value is 1.
background-color	Changes the background color of the columns.
width	Changes the width of the column. Value in pixels
height	Changes the height of the column. Value in pixels

Example

The following code snippet shows how we can use the colgroup tag in HTML:

• HTML

Run

span applies style attributes to the number of columns specified. In our case, we styled the first two columns together.

We can also style a single column. In that case, we need not specify a value for span. Instead, it chooses 1 by default. This is shown in the third column.

The width attribute adjusts the width of the column to the number of pixels specified. This is shown in the fourth column.

<tr>, <th> and <td> tags are used to place rows, headings and data respectively.

Relevant Answers

Explore Courses

Free Resources

Copyright ©2024 Educative, Inc. All rights reserved

Learn in-demand tech skills in half the time

PRODUCTS

Mock Interview

New

Courses

Skill Paths

Projects

Assessments

TRENDING TOPICS

Learn to Code

Tech Interview Prep

Generative AI

Data Science

Machine Learning

GitHub Students Scholarship

Early Access Courses

Blind 75

Layoffs

Pricing

For Individuals

Try for Free

Gift a Subscription

CONTRIBUTE

Become an Author

Become an Affiliate

Earn Referral Credits

RESOURCES

Blog

Cheatsheets

Webinars

Answers

ABOUT US

Our Team

Careers

Hiring

Frequently Asked Questions

Contact Us

Press

LEGAL

Privacy Policy

Cookie Policy

Terms of Service

Business Terms of Service

Data Processing Agreement

INTERVIEW PREP COURSES

Grokking the Modern System Design Interview

Grokking the Product Architecture Design Interview

Grokking the Coding Interview Patterns

Machine Learning System Design

Tiktok Streamline Icon: https://streamlinehq.com

Copyright ©2024 Educative, Inc. All rights reserved.