Neyury

Белая линяя делается с помощью псевдоэлемента.
Чтобы под текстом ее не было, текст оборачиваем в спан и делаем ему фон.

Есть единицы измерения vh и vw, которые устанавливают размер относительно видимой части экрана (высота и ширина соответственно, 100vh это высота экрана)

русскоязычный справочник с приятным оформлением (на нем все то же, что и на htmlbook)
https://webref.ru/html

Напротив html5 тегов есть отметка

Для создания стилей (css) используйте классы, id в основном используется для работы с js

Мне много кто говорил, что первым языком программирования хорошо подходит Python (Можешь учить версию 3.x). Есть несколько хороших книг по питону. О паскале даже не думай, считаю, что если учить язык программирования, то актуальный.

Если тебе интересно создание сайтов(их внешний вид), то это css html и js. CSS и HTML, это не языки программирования, но все же. Их можно учить тут https://htmlacademy.ru/courses

А вообще, выбор языков зависит от того, чем ты хочешь заниматься.

Вы это имеете ввиду?


Я реализовал это таким образом, в пункте меню раскрывается не список, а блок с нужным количеством списков(колонок). Из минусов - не получилось сделать его с тянущийся шириной, пришлось сделать фиксированную. На правильность не претендую, сам начинающий верстальщик. (С wp не знаком)

Сам html код.

<li><a>Игры</a>
              <!-- Выпадающее меню -->
           <div class="sub-menu sub-menu_games">
              <span>Жанры</span>
              <span>Платформы</span>
              <ul>
                <li><a href="#">Action</a></li>
                <li><a href="#">Adventure</a></li>
                <li><a href="#">Arcade</a></li>
                <li><a href="#">Board Game</a></li>
                ...
              </ul>
              <ul>
                <li><a href="#">PC</a></li>
                <li><a href="#">PlayStation 4</a></li>
                <li><a href="#">PlayStation 3</a></li>
                <li><a href="#">Xbox One</a></li>
                ...
              </ul>
            </div>
</li>