What is HTML
Hypertext Markup Language (HTML) is a tool to define the strucure of a website.HTML is the standard markup language for creating Web pages. Hand in hand with CSS they make the websites look like as they are. HTML consists of a series of elements, which tell the browser how to display the content. In this tutorial we use it to display the hello world message.
What is a web server
The term web server can refer to hardware or software, or both of them working together. On the hardware side ,a webserver is a computer that is used to serve the webclients. On the software side, the webservers are running a PHP code that handles the HTTP requests of the webclients.
What is a web browser
A web browser is an application for accessing the World Wide Web. When a user requests a web page from a particular website, the web browser retrieves the necessary content from a web server and then displays the page on the user's device. It works in a way that the user can make HTTP requests to the websevers. With a webbrowser we can acces to the webserver by writing its ip address or its domain into the URL field.
What is WAMP
WampServer refers to a solution stack for the Microsoft Windows operating system consisting of the Apache web server, OpenSSL for SSL support,MySQL database and PHP programming language. WAMP acts like a virtual server on your computer. It allows you to test all web features without any consequences, since it’s localized on your machine and is not connected to the web. We will use it to host our html website locally.
- Install WAMP on your computer
- Setup WAMP server
- Create a new index.html file
- Compose your first HTML document
- Open Inspect mode for error notification
- Fix the error
- Windows 10 computer
- WAMP environment
- Chrome browser
- HTML Hello World example
Start by going to https://wampserver.com in your browser. Click on the Download button on the top to be automatically scrolled down to the downloads section. Click on WAMPSERVER 64 BITS (X64) to download the WampServer installer to your computer (Figure 1).
Write and download your first HTML page
To write your first HTML document, you should create a new index.html
file in the \www\ folder of the WampServer.
<!DOCTYPE html> <html> <head> <title>Hello world!</title> </head> <body> <h1 id="text">Hello world!</h1> </body> </html>
Write your first HTML document
This video shows you how you can create an HTML document (Video 3). We will use this document later to host it locally.
Due to the fact that we are running a WampServer on our computer,
we can watch our files at the http://localhost/ url.
To do that, you should create or put your html file into the
What is syntax error?
In the code below we will create a syntax error intentionally by not putting a semicolon after the Hello World line. You will see, how the computer reacts, how we fix the error, and how we run the computer program successfully.
This video shows you how you can check if there is an error in your code using the Inspect mode in your browser. This is an incredibly helpful feature to help you fix your errors (Video 5). The debug console in Inspect mode features error messages that indicate what went wrong. You can click on the index of these error messages to highlight the exact line of code that caused the error.
Now download the Ozeki SMS Gateway and get to the work!
- C# SMS tutorial: Hello world
- Visual Basic SMS tutorial: Hello world
- F# SMS tutorial: Hello world
- Java SMS tutorial: Hello world
- Node.js SMS tutorial: Hello world
- Kotlin SMS tutorial: Hello world
- C/C SMS tutorial: Hello world
- Delphi SMS tutorial: Hello world
- PHP SMS tutorial: Hello world
- Perl SMS tutorial: Hello world
- Python SMS tutorial: Hello world
- Python flask SMS tutorial: Hello world
- Ruby SMS tutorial: Hello world
- Tcl/Tk SMS tutorial: Hello world
- Go SMS tutorial: Hello world
- R SMS tutorial: Hello world
- Scala SMS tutorial: Hello world
- Objective C SMS tutorial: Hello world
- Tutorials for software developers