What is td Tag in HTML? Definition, Syntax & Example
What is the TD tag in HTML
This Blog You Will Learn
ஃ What is the <td> tag in HTML?
ஃ 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.
Syntax of HTML <dl> tag
<dl>
..
.
</dl>
ஃ structure diagram examples
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
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
Post a Comment