Пошаговая инструкция создания сайта на html коде / Подвал сайта

Подвал сайта

Подвал сайта сделаем быстро и легко, потому что он делается так же, как и шапка сайта.

Создаем блок подвала <div> с именем идентификатора "footer", и располагаем его сразу после таблицы с двумя колонками:

<div id="footer"> <!-- ...Подвал сайта... --></div>

Задаем длину подвала, - атрибут описания стиля style и его свойство height:

height: ... px; <!-- Длина, задается в пикселях или % -->

Длина подвала моего сайта сейчас составляет 100px. При необходимости, в любой момент ее можно будет изменить:

<div id="footer" style="height: 100px;">

На данный момент у меня в подвале стоит всего одна строчка текста и счетчик посещаемости. Пока сайт находится у вас на компьютере, счетчик не актуален, поэтому с ним будем разбираться позже.

Сделаем заключительный текст, который обычно находится в подвале сайта с помощью элемента абзаца <p>:

<p>Название нашего пробного сайта © 2019</p>

Выровним текст по центру с помощью атрибута align:

align="center" <!-- Выравнивание текст по центру -->

<p align="center">Название нашего пробного сайта © 2019</p>

В завершении работы с подвалом, зададим абзацу свойства стиля margin, задающий внешние отступы, шрифт font-family, размер шрифта font-size, цвет шрифта color:

margin: верхний правый нижний левый; <!-- Внешний отступ -->

font-family: ...; <!-- Шрифт текста -->

font-size: ...px; <!-- Размер текста, зададим в пикселях -->

color: #код цвета/название; <!-- Цвет текста -->

Отступ задаем только верхний. Я подставляю свои значения:

<p align="center" style="margin: 50px 0 0 0; font-family: Arial; font-size: 16px; color: #872e2e;">


Файл index.html:

Следующий шаг - Картинки на сайте