Introduction to notepad++ and HTML file

6 minutes
Share the link to this page
Copied
  Completed

Transcript

Hello guys, I am Shahzad Ahmed and welcome in lecture number 30 days we are going to discuss about the Norbit clusters which is added here How can you interact with that return? And how can you create a file How can you save your file and how can you create your HTML file. So, before starting just go to find your notepad plus plus as you can see, I have notepad notepad plus plus on the task manager. You can also find your notepad plus plus in your desktop, click on the notepad plus plus. So, this is the notepad plus plus Okay, so now it's provided you the plugins. Okay, so don't worry about it.

What you need just need to create a file How can you create your file, just click on the file, you can create your file, just click on the new file or you can create the file control by pressing The Ctrl and button from your keyboard so you can see control and control and control and so it's creating the new files that means you are going to create a new file. Okay, so now you can open your file just open and you can select your file where is your file so select your file from any directory, you can open your file like this, you can open containing folder, just explore CMD Okay, so don't worry about it. Open Folder as a workplace. So first of all, I am saying this is the I'm opening a folder, ci folder. So as you can see, I have just opened the CI folder.

And these are the subfolders and files available here. You can open your folder like this, okay, you can save your file, save as or save, copy close close on. So don't worry about it. How can You just I'm sorry, I'm saying, I'm going to create a new file. And the file name is index dot HTML, or just this is a file First of all, how can you save your file just Ctrl S, you can press Ctrl S to save your file. Okay, so you can also save from here, File, Save and type your file name for suppose x y Zed x, y Zed and the extension for suppose dot txt dot php dot html dot JSON or JavaScript or in simple word.js or style, which is the dot CSS.

So it's totally dependent on you in this way you can create your own files. Okay, so now I'm going to create a new HTML file. So how can I create, first of all I am going to create a HTML file in my directory. And I'm going to create Okay, I'm going to create the directory here HTML. So this is the directory and I have to open this directory, local disk F. I was created XML file or sorry folder. So I have created the HTML folder here.

And now I'm going to create a file. So this is the file, you can press Ctrl N to create a new file and Ctrl S to save your file. So I'm going to say my files by clicking this. Write something here. control as before Saving, you have to write something. So don't worry about it.

Ctrl S save this file at your folder, I just created the HTML. I'm going to keep all my HTML files inside my HTML folder. So don't worry about it. I'm saying index dot HTML. Make sure dot HTML is required because we are going to create the dot HTML or HTML file. So you can choose a name for suppose I'm saying index.

You can also keep your file XYZ whatever you want to give you a file name, I'm saying index dot HTML. Make sure safe type also the HTML Okay, so SP ash DML Hypertext Markup Language. So as you can see, this is the HTML type. So index dot HTML, save Now, go to your folder, open this file with your editor, I'm going to open this file using this editor or choose another app. So this is I'm saying this is the by default app. Okay, so just click on this, we have created in the cloud php file, or sorry, index dot HTML file.

So as you can see, it's not showing anything because you you have empty file, if you are writing like this is go to your browser and refresh your browser. So as you can see, it's now showing your code so your browser, do not show any markup tags here, first of all, and to execute your HTML file or dot html file. You need a browser because your HTML file always runs on a browser. So that's why we are whenever you double click on this or saying this or you can drag your file and they drop your file on your browser. So in this way you can execute your file, you can create your file using notepad plus plus. So in the next lecture, we are going to discuss about the markup tags, header footer and something like this.

So thank you for watching.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.