colgroup tag in html

-
The <colgroup> tag specifies a group of one or more columns in a table for formatting.
The <colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.
 The <colgroup> tag must be a child of a <table> element, after any <caption> elements and before any <thead>, <tbody>, <tfoot>, and <tr> elements.
 To define different properties to a column within a <colgroup>, use the <col> tag within the <colgroup> tag.


<!DOCTYPE html>
<html>
<head>
</head>
<body>

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
  </tr>
</table>

</body>
</html>

Output:
ISBNTitlePrice
3476896My first HTML$53
5869207My first CSS$49

Comments

Post a Comment

Popular posts from this blog

Introduction and Format of HTML

-
Image
What is HTML HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages using markup HTML elements are the building blocks of HTML pages HTML elements are represented by tags HTML tags label pieces of content such as "heading", "paragraph", "table", and so on Browsers do not display the HTML tags, but use them to render the content of the page. Format of HTML < !DOCTYPE  html > < html > < head > < title > Page Title < /title > < /head > < body > < h1 > My First Heading < /h1 > < p > My first paragraph. < /p > < /body > < /html > The  <!DOCTYPE html>  declaration defines this document to be HTML5 The  <html>  element is the root element of an HTML page The  <head>  element contains meta information about the document The...
Read more

Headings In HTML

-
Image
HEADINGS IN HTML <!DOCTYPE html> <html> <body> <h1> Heading 1</h1> <h2> Heading 2</h2> <h3> Heading 3</h3> <h4> Heading 4</h4> <h5> Heading 5</h5> <h6> Heading 6</h6> </body> </html> Output: Paragraph tag in HTML HTML paragraphs are defined with the   <p>   tag. EXAMPLE:  <p> This is a Paragraph </p> <!DOCTYPE html> <html> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> Output: This is a paragraph. This is another paragraph.
Read more

dfn tag in html

-
The <dfn> tag represents the defining instance of a term in HTML. The defining instance is often the first use of a term in a document. The nearest parent of the <dfn> tag must also contain the definition/explanation for the term inside <dfn>. simple <dfn>: <!DOCTYPE html> <html> <body> <p><dfn>HTML</dfn> is the standard markup language for creating web pages.</p> </body> </html> Output: HTML  is the standard markup language for creating web pages. <dfn> tag abbr as the attribute <!DOCTYPE html> <html> <body> <p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn> is the standard markup language for creating web pages.</p> </body> </html> Output: HTML  is the standard markup language for creating web pages.
Read more