This sort of utility would be perfect for a live support system for your website. Introduction The chat application we will be building today will be quite simple. It will include a login and logout system, AJAX-style features, and will also offer support for multiple users. Step 1 : HTML Markup We will start this tutorial by creating our first file called index.php. We start our html with the usual DOCTYPE, html, head, and body tags. Step 2 : CSS Styling We will now add some css to make our chat application look better than with the default browser styling. There's nothing special about the above css other than the fact that some id's or classes, which we have set a style for, will be added a bit later. As you can see above, we are finished building the chat's user interface.