Table footer or tfoot

-
The <tfoot> tag is used to group footer content in an HTML table.
The <tfoot> element is used in conjunction with the <thead> and <tbody> elements to specify each part of a table (footer, header, body).


<!DOCTYPE html>
<html>
<head>

</head>

<body>

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>

<p><b>Tip:</b> The thead, tbody, and tfoot elements will not affect the layout of the table by default. However, you can use CSS to style these elements.</p>

</body>
</html>

Output:
MonthSavings
January$100
February$80
Sum$180
Tip: The thead, tbody, and tfoot elements will not affect the layout of the table by default. However, you can use CSS to style these elements.

Comments

Post a Comment

Popular posts from this blog

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

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

Font Tag

-
FONT TAG IN HTML The FONT tag in HTML is used to specify the size, color, and font of text it encloses. The FONT tag is a Container element, it has both an ON tag and OFF tag. <!DOCTYPE html> <html> <body> <p><font size="3" color="red">This is some text!</font></p> <p><font size="2" color="blue">This is some text!</font></p> <p><font face="verdana" color="green">This is some text!</font></p> </body> </html> Output: This is some text! This is some text! This is some text! Note:  The font element is not supported in HTML5. Use CSS instead.
Read more