I'm going to show some Terminal.app commands here, and in italics.
It appears that Apache is not running on this host. This usually means that Apache web services have not been started on the host, or that there was an error when starting the web services.
As for how to set up php, please follow these instructions, as was mentioned earlier. (If you do not understand some of the steps, please post specific questions. Posting images won't help there, either. That's a fairly involved configuration file, and syntax errors can be introduced anywhere within it.)
If you've made changes to that php.ini file, then consider using a copy command (don't use a rename or a move command!) to copy the template file to replace the file that has been modified, or (if the default template file is missing) acquire a copy from your backups or from another Mac, and start over again. The command to copy the template to php.ini is sudo cp /etc/php.ini.default /etc/php.ini and then re-apply the changes from the instructions.
Then reboot.
Then ensure that the web sharing option is enabled via System Preferences.
Then test your connection using Safari. (Safari stinks as a test tool, but it's what you are familiar with.)
If that Safari connection fails, then check both your Safari access and error logs in /var/log/apache2 directory.
To verify that Apache is running, launch Terminal.app and issue the command sudo lsof -i -P | grep -i "http"
and (if Apache is running) you should see some techno-babble with "httpd" toward the left and TCP and *:80 and CLOSED and LISTEN toward the right; Apache processes that are listening on port 80. If you don't see a selection of output from the command, Apache is not running.
The Apache default directory for Mac OS X and Mac OS X Server is /Library/WebServer/Documents and that's where the "It works!" document resides in an index file. You can view the contents of this file with the command: cat /Library/WebServer/Documents/index.html.en