Please, follow the every step if you are a beginner. Don't bypass anything, otherwise you may be get some problem.
Step 01: Install editor
First we have to write our HTML code and for that there are so many code editor. Few best code editor are given below-
- We have a default code editor in windows named Notepad which is so much old and the better one is Notepad++. Download Notepad++ by clicking this link - Notepad++ (****Average 70% people use it****)
- Sublime Text Editor
- Netbeans
You can add any of the cod editor and also there are so many code editor, but these are the most popular. And in this case I'll use notepad++ for easy use. So, you also use it now and after a while when you'll be little more acknowledged on text editor, then can change that.
Step 02: Open editor
Open your browser from your apps.It will look like this-
Then click top left side of the box, named file and then click on New. This is like this:
Step 03: Create file named .html
Create a new file and whose output will be in .html format like the image
Step 04: Most important part
Ok, now everything is completed. And start to write our first HTML code. We want to say Hello World to the world and give a welcome to our first lecture. Just see the code.
<html>
<head> <title>Welcome To Our Second Lecture</title> </head> <body> <h1>Welcome To Our Second Lecture</h1><hr /> <p>This is our journey to study of web programming and it's code basic - HTML</p> </body>
</html>
And I think the above code will be look like the following image. and if yours is the same, then everything is correct.
Step 05: Run the code
Now run the code in any web browser. You can choose some of the following web brower-
Look...Sometimes someone got problem to run his/her HTML first code. I'm telling you the all way to run your code in browser.
1) Click on Run tab in the upper top of the Notepad++ editor. You can better see the image to clear how to run HTML code in web browser.
2) Go to path where you saved your html code and open with any browser. See the image to more clear.
Step 06: Last Step - View the code in browser
Greatz...our code is completed now. So, now browser will automatically open. Like the image-
Thanks for viewing the lecture. In next lecture we demonstrate how HTML code working in line by line and see all of the tags in HTML.
0 comments:
Post a Comment