Домашнее задание #3

Написать разметку для веб-страницы блога/домашней странички. На выходе должен получиться один html-файл. Этот файл желательно принести с собой на следующее занятие - мы будем мучать его с помощью CSS

(если не выйдет приволочь - ничего страшного, выдам другой)

Прошу отнестись серьёзно, потому что это первое более-менее серьезное домашнее задание, которое я буду даже как-то оценивать. Можно и нужно присылать мне промежуточные результаты (я с удовольствием помогу в процессе и на оценку это влиять, разумеется, не будет ;-) )

Итак, собственно задание:

Заголовок

Верхнюю часть веб-страницы принято называть "заголовком" или "header-ом". Это общепринятое название.

В верхней части - заголовок и меню из простых ссылок, разделенных символом "|", примерно вот так:

Хедер обернуть тэгом <header>

Символ "|" можно писать как есть, это не спецсимвол в HTML.

Куда ведут ссылки - вообще не важно. Можно в качестве href ссылки написать знак хеша ("решеточку", #) чтобы ссылка была ссылкой, но никуда не вела. Ну, или можно вставить какие-нибудь ссылки, как душе будет угодно.

Записи

Следом за заголовком и меню сразу следуют записи, отделённые от заголовка одним тэгом <hr>.У всех записей должна быть примерно одинаковая разметка:

• Каждая запись должна быть обёрнута блочным элементом (располагаться внутри элемента div)
• У неё должен быть заголовок (тэг h3) и дата публикации (желательно - тоже обёрнутая div-ом или тэгом абзаца, дата в любом формате, такие вещи не важны)
• ЪТекст оформлять тэгами абзацев. Всякие картинки, списки и таблицы - тоже помещать внутрь тэга абзаца.

Нужно сделать несколько записей:

• Одну или несколько записей с просто текстом. В тексте должны быть какие-нибудь ссылки

• Одну или несколько записей с несколькими абзацами текста и одной или несколькими картинками

• Одну или несколько записей, где помимо текста есть один или несколько неупорядоченных списков

• Одну или несколько записей с таблицей с произвольным количеством ячеек и столбцов. Таблицу сделать на всю ширину

Подвал

Нижнюю часть веб-страницы принято называть footer-ом или "подвалом" сайта.

Здесь нужно написать абзац любого текста, например "(c) Васисуалий Лоханкин, 2017, все права защищены кротами-камикадзе"

Футер обернуть тэгом <footer>

Полезные (и не очень) ссылки:

• про блочный тег div на htmlbook
• про тэг списков ul на htmlbook
• про таблицы на htmlbook. Там же можно поискать про тэг table и его свойства
• http://lorempixel.com/ - с этого сайта можно брать картинки, когда срочно нужно какое-нибудь изображение, не важно какое (во время вёрстки обычно не важно, что изображено на картинке, была бы картинка). Например, по ссылке http://lorempixel.com/400/300 находится случайная картинка 400 на 300 пикселей. Есть аналогичные ему сайты, масса. Например, этот, этот или этот
• Генератор безумного текста-рыбы - здесь можно брать безумный текст, когда нужен просто любой текст для вёрстки, не важно какой. Конечно, можно и самому написать текст записей, если не жалко времени.