Untitled
unknown
html
5 months ago
2.2 kB
2
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Activity 7.1: Colors and Hex Codes</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
table {
width: 50%;
margin: 20px auto;
border-collapse: collapse;
border: 1px solid #000;
}
th, td {
padding: 10px;
border: 1px solid #000;
}
th {
background-color: #f2f2f2;
}
.color-box {
width: 50px;
height: 20px;
}
</style>
</head>
<body>
<h1>Colors and Their HEX Codes</h1>
<table>
<tr>
<th>Color</th>
<th>Color HEX</th>
</tr>
<tr>
<td><div class="color-box" style="background-color: #000000;"></div></td>
<td>#000000</td>
</tr>
<tr>
<td><div class="color-box" style="background-color: #FF0000;"></div></td>
<td>#FF0000</td>
</tr>
<tr>
<td><div class="color-box" style="background-color: #00FF00;"></div></td>
<td>#00FF00</td>
</tr>
<tr>
<td><div class="color-box" style="background-color: #0000FF;"></div></td>
<td>#0000FF</td>
</tr>
<tr>
<td><div class="color-box" style="background-color: #FFFF00;"></div></td>
<td>#FFFF00</td>
</tr>
<tr>
<td><div class="color-box" style="background-color: #00FFFF;"></div></td>
<td>#00FFFF</td>
</tr>
<tr>
<td><div class="color-box" style="background-color: #FF00FF;"></div></td>
<td>#FF00FF</td>
</tr>
<tr>
<td><div class="color-box" style="background-color: #C0C0C0;"></div></td>
<td>#C0C0C0</td>
</tr>
<tr>
<td><div class="color-box" style="background-color: #FFFFFF;"></div></td>
<td>#FFFFFF</td>
</tr>
</table>
</body>
</html>
Editor is loading...
Leave a Comment