Hi,
Why both table showing same in display ?
Can you spot the difference in coding between the following two ?
They display exactly the same in browser.
Note the <tr></tr> on both.
I sticking to the last one.
Seems like <th> is <tr> but highlights the **text to bold
Yes ? Can you confirm this to be the case ?
1.
[code]
<table>
<thead>
<th>ID</th>
<th>EMAIL</th>
</thead>
<tfoot>
<th>ID</th>
<th>EMAIL</th>
</tfoot>
<tbody>
<tr>
<td>Muhammad</td>
<td>Ali</td>
</tr>
<tr>
<td>Jackie</td>
<td>Chan</td>
</tr>
</tbody>
</table>
2.
[code]
<table>
<thead>
<tr>
<th>ID</th>
<th>EMAIL</th>
</tr>
</thead>
<tfoot>
<tr>
<th>ID</th>
<th>EMAIL</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Muhammad</td>
<td>Ali</td>
</tr>
<tr>
<td>Jackie</td>
<td>Chan</td>
</tr>
</tbody>
</table>
**CORRECTION: According to tutorials, I should stick to the first one!
>@novice2022#1644776 Can you confirm this ?
>@novice2022#1644793
> Yes. I know.
<i>
</i><table border="1" cellspacing="5" cellpadding="20">
<thead>
<th colspan="4">ID</th><th colspan="2">EMAIL</th><th>SURNME</th>
</thead>
<tfoot>
<th rowspan="2" colspan="4">ID</th><th>EMAIL</th><th>SURNME</th>
</tfoot>
<tbody>
<tr>
<td rowspan="2" colspan="4">Muhammad</td><td>Ali</td><td>Hussein</td>
</tr>
<tr>
<td colspan="2">Jackie</td><td>Chan</td>
</tr>
<tr>
<td>Mr</td><td>Likot</td><td>Ali</td><td>Ho</td>
</tr>
<tr>
<td>Junky</td><td>Man</td>
</tr>
</tbody>
</table>
<i>
</i><!-- FAIL:
<th rowspan="4">
<tr rowspan="2" colspan="2">
-->
<i>
</i><!DOCTYPE html>
<head>
<title>Table</title>
<style>
th:hover {background-color: black; color: gold;}
tr:hover {background-color: silver; color: white;}
#gt0,#gt1,#gt2:hover {background-color: orange; color: red;}
</style>
</head>
<body>
<table border="20" width="100%" cellspacing="5" cellpadding="20" color="red" bgcolor="orange">
<caption>Caption</caption>
<colgroup>
<col span="3" style="background-color:white; color:green; font-family:courier; font-size:50%;">
<col span="3" style="background-color:black; color:blue; font-family:verdana; font-size:40%;">
<col span="3" style="color:red; font-family:arial; font-size:10%;">
</colgroup>
<thead>
<tr>
<th colspan="3">GOOD</th><th colspan="3">BAD</th><th colspan="3">NEUTRAL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Title</td><td>FIRST NAME</td><td>SURNAME</td><td>Title</td><td>FIRST NAME</td><td>SURNAME</td><td>Title</td><td>FIRST NAME</td><td>SURNAME</td>
</tr>
<tr>
<td id="gt0">Mr</td><td id="gf0">Muhammad</td><td id="gs0">Ali</td><td id="bt0">Mr</td><td id="bf0">Adolph</td><td id="bs0">Hitler</td><td id="nt0">Mr</td><td id="nf0">Mohandas</td><td id="ns0">Ghandi</td>
</tr>
<tr>
<td id="gt1">Mr</td><td id="gf1">Mike</td><td id="gs1">Tyson</td><td id="bt1">Mr</td><td id="bf1">Winston</td><td id="bs1">Churchill</td><td id="nt1">Mr</td><td id="nf1">Crocodile</td><td id="ns1">Dundee</td>
</tr>
<tr>
<td id="gt2">Mr</td><td id="gf2">Malcolm</td><td id="gs2">X</td><td id="bt2">Mr</td><td id="bf2">Joseph</td><td id="bs2">Stalin</td><td id="nt2">Mr</td><td id="nf2">Napolean</td><td id="ns2">Bonaparte</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">GOOD</td><td colspan="3">BAD</td><td colspan="3">NEUTRAL</td>
</tr>
</tfoot>
</table>
</body>
</html>
<tr>
<th>
<th>
<tr>
<td>
<font>
<h1>
<td>
<tr>
<td>
td
`<i>
</i><!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test</title>
<link rel="stylesheet" href="screen.css" media="screen">
<style media="screen">
<!--
Design Table Border.
-->
table, th, td {
border: 1px solid;
}
<!--
<table border="20" width="100%" cellspacing="5" cellpadding="20" color="red" bgcolor="orange">
-->
</style>
</head>
<body>
<table id="chars">
<caption>Caption</caption>
<thead>
<tr>
<th colspan="3">GOOD</th><th colspan="3">BAD</th><th colspan="3">NEUTRAL</th>
</tr>
</thead>
<tbody>
<tr>
<td>Title</td><td>FIRST NAME</td><td>SURNAME</td><td>Title</td><td>FIRST NAME</td><td>SURNAME</td><td>Title</td><td>FIRST NAME</td><td>SURNAME</td>
</tr>
<tr>
<td id="gt0">Mr</td><td id="gf0">Muhammad</td><td id="gs0">Ali</td><td id="bt0">Mr</td><td id="bf0">Adolph</td><td id="bs0">Hitler</td><td id="nt0">Mr</td><td id="nf0">Mohandas</td><td id="ns0">Ghandi</td>
</tr>
<tr>
<td id="gt1">Mr</td><td id="gf1">Mike</td><td id="gs1">Tyson</td><td id="bt1">Mr</td><td id="bf1">Winston</td><td id="bs1">Churchill</td><td id="nt1">Mr</td><td id="nf1">Crocodile</td><td id="ns1">Dundee</td>
</tr>
<tr>
<td id="gt2">Mr</td><td id="gf2">Malcolm</td><td id="gs2">X</td><td id="bt2">Mr</td><td id="bf2">Joseph</td><td id="bs2">Stalin</td><td id="nt2">Mr</td><td id="nf2">Napolean</td><td id="ns2">Bonaparte</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">GOOD</td><td colspan="3">BAD</td><td colspan="3">NEUTRAL</td>
</tr>
</tfoot>
</table>
<br>
</body>
</html>
<-- this is a comment -->
</C> is for HTML, in CSS use this instead:<br/>
<C>
/* this is a comment */
```<i>
</i>/* comment line 1
comment line 2 */<i>
</i>
``
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<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>
</body>
</html>
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<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>
<th>Sum</th>
<th>$180</th>
</tr>
</tfoot>
</table>
</body>
</html>
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<table>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Sum</th>
<th>$180</th>
</tr>
</tfoot>
</table>
</body>
</html>
<i>
</i><html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>The thead, tbody, and tfoot elements</h1>
<table>
<thead>
<tr>
<td>Month</td>
<td>Savings</td>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Sum</th>
<th>$180</th>
</tr>
</tfoot>
</table>
</body>
</html>
td
</C> vs. <C>
th
</C> in <C>
thead
</C> and <C>
tfoot
`>Is that technically correct too if it works in the browser as expected ?
<i>
</i><h1>Example 2: The thead, tbody, and tfoot elements</h1>
<table>
<caption>Caption</caption>
<thead>
<tr class="header" id="header2" style="background-color:black; color:white;">
<th>Id</th>
<th>Url</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr class="datas" id="data1" style="background-color:black; color:blue;">
<td>0</td>
<td>sempervivum.com</td>
<td>[email protected]</td>
</tr>
<tr class="datas" id="data2" style="background-color:black; color:blue;">
<td>1</td>
<td>nogdog.com</td>
<td>[email protected]</td>
</tr>
</tbody>
<tfoot>
<tr class="sponsor" id="heading" rowspan="2" colspan="2" style="background-color:gold;">
<th>Sponsor Link</th>
</tr>
<tr class="sponsor" id="link" rowspan="2" colspan="2" style="background-color:gold;">
<th>http://novice2022.com</th>
</tr>
</tfoot>
</table>
rowspan
<i>
</i><h1>Expand Russian Footer To Takeover Whole Ukraine</h1>
<table>
<tr>
<th>Northwest Europe Border</th>
<th>North Europe Border</th>
<th>North East Europe Border</th>
</tr>
<tr>
<td>EU Northwest</td>
<td>EU North</td>
<td>EU Northeast</td>
</tr>
<tr>
<th>North Ukraine</th>
<th rowspan="2" colspan="2">Russia</th>
</tr>
<tr>
<th>South Ukraine</th>
</tr>
</table>
</body>
<tr>
th
td
0.1.9 — BETA 4.19