|
@@ -0,0 +1,64 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
+ <link rel="stylesheet" href="style.css">
|
|
|
+ <title>Module3/Table</title>
|
|
|
+ <style>
|
|
|
+ table{
|
|
|
+ border-collapse: collapse;
|
|
|
+ margin-top: 40px;
|
|
|
+ margin-left: 250px;
|
|
|
+ }
|
|
|
+ th, tr, td, thead, tbody{
|
|
|
+ width: 150px;
|
|
|
+ height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ border:1px solid black;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+
|
|
|
+ <table>
|
|
|
+ <tr>
|
|
|
+ <th>Name</th>
|
|
|
+ <th>Surname</th>
|
|
|
+ <th>Fathername</th>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="name">xxxxxxxx</td>
|
|
|
+ <td class="surname">xxxxxxxx</td>
|
|
|
+ <td class="fathername">xxxxxxxx</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="name">xxxxxxxx</td>
|
|
|
+ <td class="surname">xxxxxxxx</td>
|
|
|
+ <td class="fathername">xxxxxxxx</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="name">xxxxxxxx</td>
|
|
|
+ <td class="surname">xxxxxxxx</td>
|
|
|
+ <td class="fathername">xxxxxxxx</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="name">xxxxxxxx</td>
|
|
|
+ <td class="surname">xxxxxxxx</td>
|
|
|
+ <td class="fathername">xxxxxxxx</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td class="name">xxxxxxxx</td>
|
|
|
+ <td class="surname">xxxxxxxx</td>
|
|
|
+ <td class="fathername">xxxxxxxx</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </table>
|
|
|
+
|
|
|
+
|
|
|
+ <script src="main.js"></script>
|
|
|
+</body>
|
|
|
+</html>
|