HTML5 Tutorials: Setting up a Proper Coding Environment
The HTML files that powers webpages are simple text files with ".html" — in some cases ".htm" — file extension. Having this in mind, you need nothing more than a simple text editor to write HTML codes, and any browser of your choice to view the results.
A common text editor and browser for Windows OS laptop is the Notepad and Microsoft Edge respectively whereas Mac OSX computers come bundled with TextEdit and Safari. While these text editors and browsers are great and can easily do the job, we recommend using Sublime text editor for this tutorial series.
To get started:
We assume you have access to a computer.
If you do not already have a Sublime text editor, download, install, and set it up on your computer.
Download and install google chrome if you do not already have it installed.
Step 1: Open your sublime text editor
Step 2: Copy the code sample below by clicking/tapping the "copy" button on the right, and paste it into the sublime text editor. Don't worry about the meaning for now, in the next tutorial, we'll explain in detail.
Page link #1
<!DOCTYPE html> <html> <head> Tags that defines the header info </head> <body> <h1>Welcome To the World Wide Web</h1> <p>Cheers! From Sikademy.</p> </body> </html>
Step 3:Create a folder called “html5-basic-tutorials” at the location you prefer to save files on your computer, and save the file in the folder you created as “index.html”.
Step 4:View the saved HTML file on Google Chrome by double-clicking on the file (If Google chrome is your computer's default browser), or right-click - and choose "Open with," and select Google Chrome.
The output on your browser should look like below:
Page Output # 1
Welcome To the World Wide Web
Cheers! From Sikademy.
If you run into any challenge, notice an error, or have questions or concerns about this tutorial. Don't hesitate to let us know using the buttons below the exercise.