Как работают HTML в связке с PHP.

С данного момента, мы с Вами будем хранить наши файлы в папке Веб-сервера (C:/WebServer/home/localhost/www/).
Создадим сразу шаблон нашего сайта из файлов PHP, JavaScript и CSS.
Структура будет выглядеть так:
Как работают HTML + PHP

Или просто скачайте файлы.

Так! Стоп! Куда делся HTML?
Теперь мы будем хранить HTML код в файлах с расширением "php", т.к. работать будем на нашем Веб-сервере, который замечательно справляется с обработкой PHP файлов.

index.php - Главная страница.


Структура файла index.php будет включать в себя HTML и PHP коды, вводим в наш файл следующий код:
<?
	// Тут будет располагаться наш PHP код.
?>
<HTML>
	<HEAD>
		<TITLE>index.php - Главная страница.</TITLE>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<script src="js/jquery-2.1.3.min.js"></script>
		<script src="js/myscripts.js"></script>
	</HEAD>
	<BODY>
	</BODY>
</HTML>

А теперь мы создадим блок <div>, и выведем в него значение переменной из PHP кода.
<?
	// Надпись со знаком "$" - это переменная.
	// Имя переменной может быть почти любым
	$text = 'Наш текст для блока div';
?>
<HTML>
	<HEAD>
		<TITLE>index.php - Главная страница.</TITLE>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<script src="js/jquery-2.1.3.min.js"></script>
		<script src="js/myscripts.js"></script>
	</HEAD>
	<BODY>
		<div>
			<?
				// Функция "echo" выводит содержимое переменной на экран
				echo $text;
			?>
		</div>
	</BODY>
</HTML>

Как вы уже заметили, в PHP в конце ставится знак ";". Это самый простейший пример встраивания PHP кода в HTML тэги.