Загрузка данных

<!DOCTYPE html>

<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Сайт-визитка</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

<table class="outer">

  <!-- ШАПКА: заголовок сайта -->

  <tr>
    <td class="header" colspan="2">
      Сайт-визитка
    </td>
  </tr>

  <!-- Подпись "студента" -->

  <tr>
    <td class="subtitle-row" colspan="2">
      студента
    </td>
  </tr>

  <!-- Название учебного заведения -->

  <tr>
    <td class="institution-row" colspan="2">
      ГБПОУ РМ "Саранский техникум энергетики и электронной техники имени А.И. Полежаева"
    </td>
  </tr>

  <!-- ФИО -->

  <tr>
    <td class="name-row" colspan="2">
      <b>Иванова Ивана</b>
    </td>
  </tr>

  <!-- Разделитель -->

  <tr>
    <td class="divider-row" colspan="2"><hr></td>
  </tr>

  <!-- Дата рождения -->

  <tr class="row-odd">
    <td class="label-cell">Дата Рождения:</td>
    <td class="value-cell">01.01.2000 г.</td>
  </tr>

  <!-- Специальность -->

  <tr class="row-even">
    <td class="label-cell"><i>Специальность:</i></td>
    <td class="value-cell">
      <i>09.02.03 <u><a class="spec-link" href="#">"Программирование в компьютерных системах"</a></u></i>
    </td>
  </tr>

  <!-- Курс -->

  <tr class="row-odd">
    <td class="label-cell">Курс:</td>
    <td class="value-cell">2</td>
  </tr>

  <!-- Краткая информация -->

  <tr class="row-even">
    <td class="label-cell">Краткая информация о себе:</td>
    <td class="value-cell"></td>
  </tr>

  <!-- Адрес -->

  <tr class="row-odd">
    <td class="label-cell">Мой адрес:</td>
    <td class="value-cell">г.Саранск, кр. Ленина, д. 10</td>
  </tr>

</table>

</body>
</html>

body {
  background: #ffffff;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  color: #000000;
  margin: 20px;
  padding: 0;
}

/* Внешняя таблица — весь макет */
table.outer {
  width: 600px;
  border-collapse: collapse;
  margin: 0 auto;
}

table.outer td {
  padding: 0;
}

/* Шапка: "Сайт-визитка" */
.header {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  padding: 6px 8px 4px;
  background: #ffffff;
}

/* "студента" */
.subtitle-row {
  text-align: center;
  font-size: 13px;
  padding: 2px 8px;
  background: #ffffff;
}

/* Учебное заведение */
.institution-row {
  text-align: center;
  font-size: 12px;
  padding: 2px 8px 4px;
  background: #ffffff;
}

/* ФИО */
.name-row {
  text-align: center;
  font-size: 17px;
  padding: 4px 8px;
  background: #ffffff;
}

/* Строка с разделителем */
.divider-row {
  padding: 0 0 0 0;
  background: #ffffff;
}

.divider-row hr {
  border: none;
  border-top: 1px solid #000000;
  margin: 2px 0 0 0;
}

/* Ячейка-метка (левая колонка) */
.label-cell {
  width: 45%;
  padding: 5px 8px;
  vertical-align: top;
}

/* Ячейка-значение (правая колонка) */
.value-cell {
  width: 55%;
  padding: 5px 8px;
  vertical-align: top;
}

/* Чётные/нечётные строки */
.row-odd td {
  background-color: #d9d9d9;
}

.row-even td {
  background-color: #f0f0f0;
}

/* Ссылка специальности */
.spec-link {
  color: #000080;
  text-decoration: underline;
  font-style: italic;
}