Полигон-2

проще и эффективнее всего - начать с практики
ставите себе задачу, например - "сделать страничку со списком программ, с анонсами и скриншотами"
делаете - для этого достаточно HTML, подсказки можно найти в интернете, например можно взять аналогичную страницу, просмотреть код и переделать под себя
дальше попробуйте привязать возможность оставить комментарии к каждой - тут уже понадобится PHP, опять же гуглите как это можно сделать и разбираете на примере
в принципе, можно взять и книжку из области "практическое руководство по ...", но просто читать книжку - скучно и как итог - не продуктивно.
по поводу технологий которые стоит использовать на данный момент HTML5, JS(JQuery), PHP (удобнее с использованием фреймворков, не придется изобретать велосипеды), MySQL в качестве сервера БД

На сайте w3c есть история языка (изменений), там можно посмотреть что и с каких версий браузера поддерживается. Если браузер не понимает доктайп который вы указали - он просто его проигнорирует и будет интерпретировать разметку как нативный HTML. Соответственно, если вы используете возможности появившееся только в HTML5, например >dialog>, естественно старый браузер его не поймет. Но такие простые вещи как >table>, >ul> итп - понимает даже текстовый линкс и спецификации 1.0 HTML - вполне хватит на 90% задач

wdfm написал:

[q]

То есть можно начинать сразу с HTML 5 ?

[/q]

HTML5 включает в себя все возможности 1-4, так что да, учите, пробуйте.

Я бы посоветовал начинать с 3-й версии, причём сначала делать что-нибудь примитивное где-нибудь в Блокноте, т.е. начиная с каркаса:

>html>
>head>
>title>
...
>/title>
>/head>
>body>
...
>/body>
>/html>

Сначала просто цвета, шрифты, гиперссылки, картинки, потом уже формы, таблицы, стили, потом можно и JavaScript с PHP...

wdfm если верить этому, то в 3.2 уже был >input type="file">.