PHP:
<?php
$ch = curl_init();
$url = 'https://deprem.afad.gov.tr/last-earthquakes.html';
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$response = curl_exec($ch);
curl_close($ch);
$dom = new DOMDocument();
@$dom->loadHTML($response);
$xpath = new DOMXPath($dom);
$tableRows = $xpath->query("//table[@class='content-table']/tbody/tr");
echo '<table id="earthquake-table" style="text-align:center; font-size: 14px; font-family: Arial, sans-serif; border-collapse: collapse; width: 70%; margin: 20px auto; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">';
echo '<tr style="background-color: #f2f2f2;">';
echo '<th style="border: 1px solid #ddd; padding: 10px;">#</th>';
echo '<th style="text-align:left; border: 1px solid #ddd; padding: 10px;">Yer</th>';
echo '<th style="border: 1px solid #ddd; padding: 10px;">Tarih</th>';
echo '<th style="border: 1px solid #ddd; padding: 10px;">Büyüklük</th>';
echo '<th style="border: 1px solid #ddd; padding: 10px;">Derinlik</th>';
echo '</tr>';
$i=1;
foreach ($tableRows as $row) {
$yer = trim($xpath->query("td[7]", $row)->item(0)->nodeValue);
$tarih = trim($xpath->query("td[1]", $row)->item(0)->nodeValue);
$siddet = trim($xpath->query("td[6]", $row)->item(0)->nodeValue);
$derinlik = trim($xpath->query("td[4]", $row)->item(0)->nodeValue);
echo '<tr style="background-color: ' . ($i % 2 === 0 ? '#f9f9f9' : '#ffffff') . ';" onmouseover="changeRowColor(this, \'#f5f5f5\')" onmouseout="changeRowColor(this, \'' . ($i % 2 === 0 ? '#f9f9f9' : '#ffffff') . '\')">';
echo '<td style="border: 1px solid #ddd; padding: 10px;">' . $i . '</td>';
echo '<td style="text-align:left; border: 1px solid #ddd; padding: 10px;">' . $yer . '</td>';
echo '<td style="border: 1px solid #ddd; padding: 10px;">' . $tarih . '</td>';
echo '<td style="border: 1px solid #ddd; padding: 10px;">' . $siddet . '</td>';
echo '<td style="border: 1px solid #ddd; padding: 10px;">' . $derinlik . ' km</td>';
echo '</tr>';
$i=$i+1;
}
echo '</table>';
?>
JavaScript:
function changeRowColor(row, color) {
row.style.backgroundColor = color;
}