What is td Tag in HTML? Definition, Syntax & Example

What is the TD tag in HTML

What is the TD tag in HTML

This Blog You Will Learn 

ஃ Why use the <td> tag
ஃ Syntax of HTML <dl> tag
ஃ Explain Program
ஃ Output

What is the <td> tag in HTML?

  ✅ HTML<td> tag stands for table data  use  single call of data in table row

  ✅<td> tag creates a data cell in HTML  table 

  ✅ holds the actual content (Text,number,link etc)

  Why use the <td> tag

  ✔ display actual data inside a table.

  ✔ table structure organized

  ✔ allows data to be styled formatted

  ✔  <table> creates table  on the webpage.

  ✔  <tr> tag    ->  tr tag define a table row.

  ✔ <td> tag   -> td tag define table cell (Data call) within row.


What is  DL  Tag in HTML. Definition List Explained

 Syntax of HTML <dl> tag


<dl>
.
.
. 
</dl>

 ஃ structure diagram examples

What is the TD tag in HTML

What is the TD tag in HTML

Example 


<!DOCTYPE html>
<html>
    <head>
        <title> html td tag </title>
        <style>
          table,th,td{
              border:1px solid black;
          }
        </style>
            </head>
            <body>
                <h2>HTML td Tag </h2>
                <table>
                      <tr>
                        <td>HTML</td>
                        <td>PHP</td>
                          </tr>                  
                          <tr>
                            <td>C</td>
                        <td>JavaScript</td>
                          </tr>
                         
                </table>
            </body>
</html>


What is the TD tag in HTML

Explain Program

Step  1] 

<!DOCTYPE html>

  • This declare the document type.
  • browser that the document is written in html

Step 2 ]

<html>.... . </html>

  • html is the root element of the html page.
  •  Every thing inside it is part of the webpage.

Step 3]

<head>
        <title> html td tag </title>

  • <head> contains metadata webpage resources.

  • <title> title tag webpage browser tab.

<style>
          table,th,td{
              border:1px solid black;
          }
        </style>

  HTML code Apply the Style <table>,<th>,<td>.

          1px solid black color          

HTML DT Tag  Uses, Structure & Examples    

   CSS applies 

  • <style> Tag 
  • <style> tag use to include CSS (Cascading Style Sheets) directly within HTML Document .
  • Inside the <head> Section html.

<style>
         .
.
        .
</style>

 CSS code defines HTML element 

<body>.....</body>

  • <body> tag contains  all the visible content of the page.
  • inside <body> show the browser screen. 

Step 4]

 
<body>
                <h2>HTML td Tag </h2>

  • <body>  contains data visible of your webpage.
  •  <h2>   2-level heading displaying HTML TD TAG  on page.

Step 5]

<table>
                      <tr>
                        <td>HTML</td>
                        <td>PHP</td>
                          </tr>                  
                          <tr>
                            <td>C</td>
                            <td>JavaScript</td>
                          </tr>
                         
                </table>

  •  <table> creates table  on the webpage.
  •  <tr> tag    ->  tr tag define a table row.
  • <td> tag   -> td tag define table cell (Data call) within row.
  • first row contains 2- cell HTML & PHP.
  • Second row Contains 2- cell  C & JavaScript 

Step 6]

closing the Tag


</table>
</body>
  </html>

What is the TD tag in HTML

Output

What is the TD tag in HTML







Related Post :-

html list attribute tag

html form tag

html frame tag

Comments

Post a Comment

Popular posts from this blog

HTML Tag

Image
 HTML Tag  Html basic tag:-   <!DOCTYPE html> Html  first line of the code <!DOCTYPE html> is called a doctype declaration the browser which version of HTML the page is written . Html tag using the doctype the HTML5 , the most up-to-date version of  HTML language.The DOCTYPE declaration of the instruction to web browser of HTML the page is written in.  <HTML>:- <Html>.   </html> <html> tag tells the browser  this is HTML document . The <html> tag represent the root of  HTML document. The <html> tag is the container for other HTML elements  <!DOCTYPE> . The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.HTML is a computer language that makes up most web pages and online applications. A hypertext text used to reference other pieces of text, while a markup language is a series of markings that tells w...
Read more

HTML Input Type Submit Syntax and Example

Image
What is Input Type Submit in HTML The input type="submit" in HTML is used to create a submit button in a form. When a user clicks this button, it sends (submits) the form data to a server for processing. In simple words, a submit button helps users send the information they entered in a form, like login details, contact forms, or registration data. Syntax : <input type= "submit" value="submit"> type ="submit"  ➡ create a submit button  value ="send"    ➡ text shown on the button A button that submit the form.<input type ="submit"> defines  button for submitting form data  form-handler. The form-handler is typically server page with the  script for processing input data. the form -handler is specified in the forms action attribute.  ⭐ HTML Input Type Submit Syntax and Example  program <! DOCTYPE html > < html > < body > < h2 > Submit Button </ h2 > < p > The < strong >...
Read more

CSS Text Color Explained with Syntax and HTML Examples

Image
 What Is CSS Text Color This Blog You Will Learn  ஃ   What Is CSS Text Color  ஃ   Syntax   ஃ   Purpose of Text Color  ஃ    Real world Use Cases  ஃ    What Is CSS Text Color  Example    ஃ   Output What Is CSS Text Color CSS text color refers to the color applied to text content on a web page using the color property in CSS. It controls how text appears visually and plays a major role in readability, accessibility, branding, and user experience . Syntax  selector{   color:value; } Purpose of Text Color ✅ Make content readable.  ✅ Highlight important information. ✅ Match brand identity. ✅ Create visual hierarchy. ✅ Improve user experience. Real world Use Cases Highlighting error messages. Emphasizing headings. Branding and theme design improving content readability. ஃ  structure diagram examples What Is CSS Text Color Example   <! DOCTYPE html > ...
Read more