HTML is not a programming language. Which makes it easier to learn, and is in my opinion the perfect starting point for anyone who is interested in programming. It is also considered to be a client side language since it can run natively on a clients computer.
It is also important to note that the best way to explain how HTML works is like algebra. What I mean by this is what you do to one side you must do to the next side. But you also have to remember that computers can’t tell when your finished. So one end will be exactly the same but will use a / to tell the computer that it is the end of something. It will make sense shortly.
Often times you will hear people who are using HTML say tags. A tag is a word inside <>. For example an opening tag may look like <strong> and a closing tag may look like </strong>.
HTML is also the most affordable language to learn. You only need a computer and two programs that most computers already have. These two programs are a text editor and a web browser.
Below is a list of text editors that come preinstalled on computers.
- Notepad (Windows)
- Text Edit (Mac OS)
- VIM (Graphical Linux Desktops)
- Vi (Text based Linux Systems)
- Nano (Text based Linux Systems)
- eMacs (Text based Linux Systems)
- gEdit (Linux with the Gnome Desktop)
- Kate (Linux with the KDE Desktop)
Below is a list of more advance text editors you can choose to install on your computer if you want to.
Below is a list of web browsers that come preinstalled on computers.
- Internet Explorer (Windows Default Web Browser)
- Safari (Mac OS Default Web Browser)
- Chrome (Default Browser for the Chrome Operating System)
- Konquerer (Default browser for KDE Linux Desktop)
- Firefox (Default Browser for many Linux Distros)
Below is a list of web browsers you can choose to install. Please keep in mind some browsers in the list below, may be installed by default by some OSes. But not others. In that case you can choose to install it if you want to.
- Firefox (Windows,Mac,Linux,BSD)
- Safari (Windows,Mac)
- Opera (Windows,Mac,Android,Mobile Phones)
- Netscape (Discontinued but can be installed on Windows, Mac and Linux)
- Flock (Discontinued but can be installed on Windows,Mac and Linux)
- Chrome (Windows,Mac,Linux,BSD)
- Chromium (Windows,Mac,Linux,BSD)
So lets get started building our first website. To do this we will open up our prefered Text Editor and just type Hello World. Next we will save our work. Most of the time we can do this by going to File > Save As. When we go to save the file we must make sure we save it with the extension .html and not .txt. For example we might want to save the file with the name firstsite.html. Now we fire up our web browser and open the file we just saved. For example with Firefox this can be done by going to File > Open File then navigating to the location of the firstsite.html file and clicking Open.
If you did this correctly in your browser you will see Hello World without bold text. But now lets say we want the text to be bold. Not a problem. Open the file up in your text editor again and change Hello World to <strong>Hello World</strong> then save the file. Refresh your browser or open the file up again in your browser and you will see Hello World in bold letters. But what if we want to make the text be in the form of a header. Not a problem. Open up your text editor and change <strong>Hello World</strong> to <h1>Hello World</h1> then save the file and view it in your web browser.
If you like my work show support on my Patreon