- An HTML file is a text file, so to create an HTML file we can use any text editors.
- Text editors are the programs which allow editing in a written text, hence to create a web page we need to write our code in some text editor.
- There are various types of text editors available which you can directly download, but for a beginner, the best text editor is Notepad (Windows) or TextEdit (Mac).
- After learning the basics, you can easily use other professional text editors which are, Notepad++, Sublime Text, Vim, etc .
- In our tutorial, we will use Notepad and sublime text editor. Following are some easy ways to create your first web page with Notepad, and sublime text.
A. HTML code with Notepad. (Recommended for Beginners)
Notepad serves as a basic text editor that is ideal for newcomers looking to grasp HTML concepts. It comes pre-installed in all iterations of Windows, making it easily accessible for users.
Step 1: Open Notepad (Windows)
Step 2: Write code in HTML
Step 3: Preserve the HTML document by saving it with either the .htm or .html file extension.
Step 4: Open the HTML page in your web browser.
To execute the HTML page, it is necessary to access the file location where it is stored, and subsequently, you can either double-click on the file or choose the "open with" option.
B. HTML code with Sublime Text-editor.(Recommended after learning basics of HTML)
Once you have grasped the fundamentals of HTML, you can utilize advanced text editing tools that facilitate the creation of efficient and speedy code. To get started with Sublime Text, the initial step involves downloading and installing the software from the web. You can conveniently acquire it by accessing the following provided hyperlink and proceeding with the installation on your computer. After the installation process of Sublime text editor is complete, you can proceed by following these straightforward instructions:
Step 1: Open Sublime Text editor(Windows 8):
To launch the Sublime Text editor, navigate to the Start screen and enter "Sublime Text" in the search bar to access it. Once located, open the application. To create a new document, use the keyboard shortcut CTRL+N.
Step 2: Save the page before writing any code.
To save your document in Sublime Text, you can either press Ctrl+S or navigate to the File menu and select the Save option. When saving a file, it is advisable to use the .htm or .html extension. It is best practice to save the file before beginning to write code, as Sublime Text provides code suggestions after you have saved the document.
Step 3: Write the code in Sublime Text editor
Step 4: Open the HTML page in your Browser
To open the web page in a browser, simply right-click on the Sublime Text page using your mouse and select the "Open in Browser" option.