1. Розробіть HTML-документ, який матиме таблицю, що створе- на за такою схемою: коричневий золотистий жовтий рожевий синьо-фіолетовИЙ
Ответы
Відповідь:
Вміст документа на фото.
Збережіть html у блокноті з розширенням як на фото. Вкінці відкрийте документ, що з'явиться на вашому робочому столі, з тією ж самою назвою, що й файл який ви зберігали.
(Примітка: Щоб запустити цей HTML-документ, потрібно зберегти його з розширенням .html)
html:
<!DOCTYPE html>
<html>
<head>
<title>Таблиця кольорів</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
padding: 10px;
}
</style>
</head>
<body>
<table>
<tr>
<th>Колір</th>
<th>Код кольору</th>
</tr>
<tr>
<td style="background-color: #964B00; color: white;">Коричневий</td>
<td>#964B00</td>
</tr>
<tr>
<td style="background-color: #FFD700;">Золотистий</td>
<td>#FFD700</td>
</tr>
<tr>
<td style="background-color: #FFFF00;">Жовтий</td>
<td>#FFFF00</td>
</tr>
<tr>
<td style="background-color: #FFC0CB;">Рожевий</td>
<td>#FFC0CB</td>
</tr>
<tr>
<td style="background-color: #8A2BE2; color: white;">Синьо-фіолетовий</td>
<td>#8A2BE2</td>
</tr>
</table>
</body>
</html>
