Я не знаю HTML. Часть 2.

Вчера я определился с идеей сайта и сделал небольшую шапку сайта без какого-либо функционала. Также с помощью табличных тегов сделал так, чтобы это выглядело лучше.

Сегодня я добавлю внутрь тега main содержание, продолжив использовать популярные и востребованные теги и атрибуты.

Напомню, что сайт сейчас выглядит так:

Ему очень не хватает какого-либо содержания, поэтому сейчас я это исправлю.

Сначала я добавлю несколько видов списков с помощью тегов ul и ol, в которых пункты будут заключены в тег li. В одном из списков я также добавлю ссылки с помощью тега a. В атрибут href я поместил ссылки. С помощью атрибута target и значения _blank я сделал так, чтобы ссылки открывались в новом окне. Также я снова использовал тег strong прямо в ссылке, чтобы выделить название канала жирным шрифтом.

Теперь с помощью тегов table, tr и td я хочу сделать так, чтобы эти списки шли не сверху-вниз, а слева-направо. Используя атрибут bgcolor, я задаю фон таблицы(найти любой интересующий цвет можно в гугл палитре). Можно ещё использовать атрибут border, чтобы отобразить рамку таблицы, но я этого делать не стал. С помощью тега hr я снова сделал разграничительную линию, чтобы информация на экране воспринималась блочно. В коде это выглядит так:

Ниже я решил добавить отдельный блок, в котором я укажу различные формы и кнопки, а также снова вставлю изображение с помощью тега img, чтобы заполнить пустое пространство справа от форм. Поля ввода, а также кнопки я создал с помощью тега input. Тегом label я закрепил название этих полей перед ними. Кстати, для поля ввода сообщения тег отличается и в данном случае им выступает не input, а textarea.
Для ввода имени и почты, использовал атрибут type. Он задает тип поля ввода или кнопки.
Также хочу заметить, что в коде видно такие атрибуты как for и id. Если внутри них указать одинаковый текст, то при клике на название поля, то само поле активируется и будет готово к вводу текста также, как если бы я нажал на само поле ввода.
Атрибут placeholder задаёт текст, который будет отображаться, пока вы не начнёте вводить свой текст.
С помощью тега br я перенёс формы на новую строку, а также создал между ними небольшое пространство.

Такой результат я получил за время создания этой публикации:

В следующих публикациях я буду дополнять содержание моего сайта и всячески улучшать его.

Со всеми использованными тегами и атрибутами можно ознакомиться на сайте: https://doka.guide/