I mostly use notepad++ for my project even in during of practice or learning web courses I use this IDE because its one of the best html editor in 2019 and its the main features are syntax highlighting and syntax folding, regular expression search, WYSIWYG (If you have a color printer, print your source code in color), Unicode support, full drag-and-drop supported, Brace and Indent guideline highlighting, two edits and synchronized view of the same document, and user language define system.
1. Download Notepad++:
before starting with notepad++ at the first, you need to download it from the link below.
2. How to install Notepad++?
after downloading notepad++ in your PC windows then now let’s install it in our PC. here is step by step installation through picture and descriptions. so go to your PC and open download folder then find notepad++ setup after finding the setup then double click on it.
Step1: click on the YES button to start the installation.
Step2: there are many languages so select your language and press the ok button.
Step3: then click on the next button to continue
Step4: click on the agree button
Step5: set the installation folder and click on the next button
Step6: leave the default component and click on the next button
Step7: now the installation is ready to install and if you want to create the desktop icon so click on the bracket.
Step8: finally the installation has done successfully and now you can start with it.
the installation has done successfully and now you have notepad++ in your PC. so don’t waste your time open it and start coding.
3. How to start with notepad++?
before coding in notepad++. let’s know how to open it, for opening notepad++ you can search it in windows menu or you can find its icon on the desktop and double-click to the icon. then now how to start with it and how to use its menus. as you are looking there are many menus and submenus which you have to know if you don’t know so how you can use it. if you want to know about menus so just move the mouse over them and click each menu then it will show you what this menu can do and which task it has. every menu has its own task and they will do different work for you.
below the main menu, you have submenus with an icon. so move the mouse on them then their name will appear so that you should know what this menu is for. for example the first icon with white color is for creating a new file in notepad++. and the second menu with yellow color is for opening a folder in case if you have a project in your PC.
then in the third line, there will appear file name that you are working on. any file that you create or open it from your PC the name will appear in the third line which shows in the below.
4. How to code inside notepad++?
In the fourth heading, you will know all about coding with notepad++. if you are new and you don’t know how to start coding with, so here I will let you know about notepad++ syntax and coding through picture and descriptions. you need to code step by step with me.
well, there is 27 programming language, you can go with any of them just click on the language Menu which is located in the top of the page. and select the language that you want to start or to code with it.
go to the language menu then click on H option and select html language. listen you can select any language but I go with html language.
so now let’s start our coding with html syntax. html syntax might be familiar to you because some of you know html and if some of you don’t know html so matters not. here I will show you html syntax with an example.
<! DOCTYPE html>: this line of code describes the html version.
html open <html> tag and close </html> tag.
head open <head tag and close </head> tag. and we give our title inside <head> tag. and we include css and js link inside <head> tag.
body open <body> tag and close </body> tag. and we code all our content inside <body> tag. whatever you see in the browser they all coded inside <body> tag.
Simple Project with html:
let’s do a simple project including <h1>, <p>, <ul> and internal css.
<! DOCTYPE html>
<p>this is a simple project example using html language</p>
after completing your coding press ctrl+s to save file and run it in your favirote browser and see the output.
5. Notepad++ features:
here are the notepad++ features which help you to use and understand it. as it has many features which are shown below.
- Syntax Highlighting and Syntax Folding
- User Defined Syntax Highlighting and Folding
- PCRE (Perl Compatible Regular Expression) Search/Replace
- GUI entirely customizable: minimalist, tab with close button, multi-line tab, vertical tab, and vertical document list
- Document Map
- Auto-completion: Word completion, Function completion and Function parameters hint
- Multi-Document (Tab interface)
- WYSIWYG (Printing)
- Zoom in and zoom out
- Multi-Language environment supported
- Macro recording and playback
- Launch with different arguments
6. Notepad++ Shortcut Keyboard:
every editor has its own shortcut key that each of them works specific task. so notepad++ also has shortcut key which makes your works easy and quick. you can switch quickly to any task with help of shortcut keyboard. here is the shortcut key of notepad++. and you can customize it from your wish.
go to settings and click shorter mapper.
here is the shortcut keyboard you see above the picture. if you want to make changes so click on shortcut key and new window pop up.
in here you can bring changes to shortcut key as your wish. and after changes press ok button to save.
In this article, you learned about notepad++ which is one of the best html editors and prefer the most from programmers. then in the second step, you learned how to download and install it on your PC. and finally we download and install it on our PC. then in the third step, you learned about its features and shortcut keyboard. which is the most useful for us.