Codul urmator afiseaza celulele unui tabel cu 8 linii si 8 coloane colorate alternativ, dupa modelul unei table de sah.
Pentru un element oarecare al caroiajului, indecsii de linie si de coloana decid daca este aleasa una dintre cele doua culori. In exeplul dat, index linie par + index coloana par => celula de tabel are culoarea rosie (albastra daca indexul de coloana este impar). Daca indexul de linie devine impar in urma incrementarii, ordinea atribuirii culorilor se inverseaza.
Tagul de inchidere pentru linii, </tr> este pus cand indexul de linie capata valoarea "7".
Codul si prinscreen-ul:
<!DOCTYPE HTML>
<html>
<head><title>TableCells</title>
<style>
table, td, tr {
border: 2px solid black;
}
td {
padding: 27px;
}
</style>
</head>
<body style = "background-color:Aquamarine;color:DarkOrchid">
<table style = "width:40%;text-align:center">
<?php
for($i = 0; $i < 8; $i++)
for($j = 0; $j < 8; $j++)
{
if($j == 0) echo "<tr>";
if($i%2 == 0)
{
if($j%2 == 0) echo "<td style = \"background-color:red\"></td>";
else echo "<td style = \"background-color:blue\"></td>";
}
else
{
if($j%2) echo "<td style = \"background-color:red\"></td>";
else echo "<td style = \"background-color:blue\"></td>";
}
if($j == 7) echo "</tr>";
}
?>
</table>
</body>
</html>
Pentru un element oarecare al caroiajului, indecsii de linie si de coloana decid daca este aleasa una dintre cele doua culori. In exeplul dat, index linie par + index coloana par => celula de tabel are culoarea rosie (albastra daca indexul de coloana este impar). Daca indexul de linie devine impar in urma incrementarii, ordinea atribuirii culorilor se inverseaza.
Tagul de inchidere pentru linii, </tr> este pus cand indexul de linie capata valoarea "7".
Codul si prinscreen-ul:
<!DOCTYPE HTML>
<html>
<head><title>TableCells</title>
<style>
table, td, tr {
border: 2px solid black;
}
td {
padding: 27px;
}
</style>
</head>
<body style = "background-color:Aquamarine;color:DarkOrchid">
<table style = "width:40%;text-align:center">
<?php
for($i = 0; $i < 8; $i++)
for($j = 0; $j < 8; $j++)
{
if($j == 0) echo "<tr>";
if($i%2 == 0)
{
if($j%2 == 0) echo "<td style = \"background-color:red\"></td>";
else echo "<td style = \"background-color:blue\"></td>";
}
else
{
if($j%2) echo "<td style = \"background-color:red\"></td>";
else echo "<td style = \"background-color:blue\"></td>";
}
if($j == 7) echo "</tr>";
}
?>
</table>
</body>
</html>
No comments:
Post a Comment