nazar/colweb-lec4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Nazar
2025-09-22 18:30:00 +03:00
commit 7c699dc88d
5 changed files with 190 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
.DS_Store

41
style.css Normal file
View File

@@ -0,0 +1,41 @@
table {
border-spacing: 0;
border-collapse: collapse;
}
td {
height: 50px;
border: 1px solid black;
text-align: center;
vertical-align: top;
}
table.t1 {
width: 75%;
margin: 0 auto;
}
table.t1 td {
width: 33.33%;
}
table.t2 {
width: 100%;
}
table.t2 td:first-child {
width: 28%;
}
table.t3 {
width: 80%;
margin: 0 auto;
}
table.t3 td {
width: 33.33%;
}
table.t3 td.t3-bigger {
height: 200px;
}

28
table1.html Normal file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>(№1) ДЗ до Лекції №4. Веб-програмування</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table class="t1">
<tbody>
<tr>
<td rowspan="3">1-4-7</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan="2" style="height: 200px;">5-6</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
</tr>
</tbody>
</table>
</body>
</html>

44
table2.html Normal file
View File

@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>(№2) ДЗ до Лекції №4. Веб-програмування</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<table class="t2">
<tbody>
<tr>
<td colspan="2">1-2</td>
<td style="width: 60%;">3</td>
</tr>
<tr>
<td>4</td>
<td rowspan="2" colspan="2">
<!-- Inner table -->
<table class="t3">
<tbody>
<tr>
<td>1</td>
<td rowspan="3">2-5-8</td>
<td rowspan="2" class="t3-bigger">3-6</td>
</tr>
<tr>
<td rowspan="2" class="t3-bigger">4-7</td>
</tr>
<tr>
<td>9</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>7</td>
</tr>
</tbody>
</table>
</body>
</html>

76
table3.html Normal file
View File

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>(№3) ДЗ до Лекції №4. Веб-програмування</title>
<style>
table {
width: 400px;
height: 400px;
border-spacing: 0;
}
td {
border: 5px solid black;
}
.red {
background-color: red;
}
.yellow {
background-color: yellow;
}
.blue {
background-color: blue;
}
.black {
background-color: black;
}
</style>
</head>
<body>
<table>
<tbody>
<tr>
<td colspan="2" style="height: 30px;"></td>
<td colspan="2"></td>
<td colspan="2" class="yellow" style="width: 50px;"></td>
<td rowspan="4" style="width: 20px;"></td>
</tr>
<tr>
<td style="width: 30px; height: 50px;"></td>
<td colspan="3" rowspan="2" class="red" style="width: 50px;"></td>
<td colspan="2" class="yellow"></td>
</tr>
<tr>
<td rowspan="2"></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="2" rowspan="2" class="black"></td>
<td></td>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="3" class="yellow"></td>
<td></td>
<td colspan="2" rowspan="2" class="blue"></td>
<td rowspan="3" class="red"></td>
</tr>
<tr>
<td colspan="2" rowspan="2"></td>
<td class="black"></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
</tbody>
</table>
</body>
</html>