From this post you will learn to create a webpage using the simple text editor notepad only. You may also use notepad++, sublimeText etc. instead of notepad. There are several ways of creating webpages using several languages. But you must know the basic HTML and CSS to create webpages and to style them.
In advance level you have to learn PHP, JavaScript, jQuery, mySQL etc. Frameworks like Bootstrap, Laravel are also essential to develop a standard website.
Besides you have to know the CMS Wordpress or something like this to be a professional. Let's start your journey by creating a very simple webpage. Stay tuned with me to learn more about it. Feel free to contact with me for further assist.
In advance level you have to learn PHP, JavaScript, jQuery, mySQL etc. Frameworks like Bootstrap, Laravel are also essential to develop a standard website.
Besides you have to know the CMS Wordpress or something like this to be a professional. Let's start your journey by creating a very simple webpage. Stay tuned with me to learn more about it. Feel free to contact with me for further assist.
Step 01 Open the text editor notepad
First of all you need to open the text editor notepad. You may also use any other text editor like sublime text, notepad++ etc.
However notepad is available with every windows computer, that's why I have chosen notepad. Go to Start Menu>All Programs>Accessories>Notepad and open the notepad program.
Or simply press Windows Key+R together to open the RUN Command Box, then type notepad into the text input box and press the Enter Key to open a notepad document.
Step 02 Type the codes into the notepad document
First of all you need to open the text editor notepad. You may also use any other text editor like sublime text, notepad++ etc.
However notepad is available with every windows computer, that's why I have chosen notepad. Go to Start Menu>All Programs>Accessories>Notepad and open the notepad program.
Or simply press Windows Key+R together to open the RUN Command Box, then type notepad into the text input box and press the Enter Key to open a notepad document.
Now type the code given below into the notepad document and save them as an html file following the next step.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>iDhali</title> </head> <body> <h1>This is a Header</h1> <p>This is a Paragraph</p> <b>This is Bolded Text</b> <i>This is Italic Text</i> <u>This is Underlined Text</u> </body> </html>
Step 03 Save the document as an html file
Now save the document as an html file. To do so, click on File of the menu bar, a drop-down menu will open. Then click on Save As... from the menu and save the document with .htm or .html extension. For example: iDhali.htm or iDhali.html.
Now save the document as an html file. To do so, click on File of the menu bar, a drop-down menu will open. Then click on Save As... from the menu and save the document with .htm or .html extension. For example: iDhali.htm or iDhali.html.
Step 04 Open the .html file in a browser
Now locate the html file and double click on it to open. The file will open in the default web browser software installed in your computer. After opening the html document you will get something written like this...
Now locate the html file and double click on it to open. The file will open in the default web browser software installed in your computer. After opening the html document you will get something written like this...
This is a Header
This is a ParagraphThis is Bolded Text
This is Italic Text
This is Underlined Text
Recommended posts...
» Create a webpage without using any HTML tag» 20+ Questions and Answers about HTML
Next Tutorial »
Advertisement
Nice Post....very easy to understand.:)
ReplyDeleteThanks a lot for your Compliment!!!
DeleteI recommend using using Notepad++ , Sublime text, Brackets for html. Please write some article with one of this editor.
ReplyDelete:) Thanks for your recommendation. I have also said at the second line about using Notepad++ or Sublime Text. However, as these series is mainly for the beginners that's why I have used Notepad. Because, Notepad is available with every Windows PC.
DeleteNot only you, some other guys are also suggesting me to instruct the trainee to use Notepad++ or any other advance editor. So in the next post I will recommend them to use any of the advanced editor.