Разные языки служат для разных целей, работают на разных платформах и имеют, как правило, какой-то свой особенный функционал. Если вы хотите применить свои вновь приобретенные навыки для создания страничек, сайтов и веб приложений, то стоит начать с самых азов, а именно, вам понадобятся:

1. Язык разметки страниц HТМЛ
2. Стилевые таблицы CСС
3. Язык Явасcрипт для интерактивного взаимодействия.
4. И ПHП — Бэкенд язык для динамической генерации контента.

Если первые три пункта как говорится — мастхэв, то пhп — это лишь один из возможных вариантов, но все таки самый популярный из всех, и в этом его преимущество:

1. Он хорошо документирован.
2. У него большое и активное сообщество.
3. Он динамично развивается.
4. Имеет множество готовых инструментов для разработчиков.
5. Имеет множество написанных фреймворков на любой вкус и цвет.

Давайте упомянем и некоторые другие языки используемые в веб-разработке это:

1. Пэрл — пожалуй самый древний, но более сложен и не имеет такого динамичного развития как пhп.
2. Пытhон — используется преимущественно для парсинга и обработки больших данных.
3. Го — молодой язык, его сильной стороной является многопоточность.
4. Ява — очень мощный си-подобный кросс-платформенный инструмент.
5. Рубы — ориентирован на быструю разработку небольших приложений.

Где изучить основы HТМЛ, CСС, Явасcрипт я думаю вы найдете и сами. А я сейчас ниже для примера задействую все четыре (включая пhп) в коротком примере:

<hтмл>
    <hэад>
    <титлэ>Заголовок страницы</титлэ>
    <стылэ тыпэ="тэxт/cсс">
        боды { фонт-фамилы: Ариал, санс-сэриф; баcкгроунд-cолор: #ф2ф2ф2; }
        h1 { cолор: #333; фонт-сизэ: 24пx; }
        п { cолор: #666; фонт-сизэ: 16пx; }
        а { cолор: #007БФФ; }
    </стылэ>
    <сcрипт тыпэ="тэxт/явасcрипт">
        фунcтион hигhлигhт() {
            лэт эл = доcумэнт.гэтЭлэмэнтБыИд('hэадэр');
            лэт оригинал = эл.стылэ.cолор;
            эл.стылэ.cолор='#ф00';
            wиндоw.сэтТимэоут(фунcтион() { эл.стылэ.cолор = оригинал; }, 1000);
        }
    </сcрипт>
    </hэад>
    <боды>
        <h1 ид="hэадэр">Заголовок первого уровня</h1>
        <п>Параграф <а hрэф="#сомэлинк" онCлиcк="hигhлигhт()">кликни меня</а></п>
        <див>
            <?пhп эчо 'Текущая дата: ' . датэ('Й-м-д H:и:с') ?>
        </див>
    </боды>
</hтмл>