{"id":2168,"date":"2022-04-12T15:40:38","date_gmt":"2022-04-12T15:40:38","guid":{"rendered":"https:\/\/mdr.foobrdigital.com\/?p=2168"},"modified":"2022-04-12T15:40:38","modified_gmt":"2022-04-12T15:40:38","slug":"html-text-editors","status":"publish","type":"post","link":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/2022\/04\/12\/html-text-editors\/","title":{"rendered":"HTML text Editors"},"content":{"rendered":"\n<ul><li>An HTML file is a text file, so to create an HTML file we can use any text editors.<\/li><li>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.<\/li><li>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).<\/li><li>After learning the basics, you can easily use other professional text editors which are,&nbsp;<strong>Notepad++, Sublime Text, Vim, etc<\/strong>.<\/li><li>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.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">A. HTML code with Notepad. (Recommended for Beginners)<\/h2>\n\n\n\n<p>Notepad is a simple text editor and suitable for beginners to learn HTML. It is available in all versions of Windows, from where you easily access it.<\/p>\n\n\n\n<p><strong>Step 1: Open Notepad (Windows)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/htmlpages\/images\/text-editors.png\" alt=\"text Editors\"\/><\/figure>\n\n\n\n<p><strong>Step 2: Write code in HTML<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/htmlpages\/images\/text-editors2.png\" alt=\"text Editors\"\/><\/figure>\n\n\n\n<p><strong>Step 3: Save the HTML file with .htm or .html extension.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/htmlpages\/images\/text-editors3.png\" alt=\"text Editors\"\/><\/figure>\n\n\n\n<p><strong>Step 4: Open the HTML page in your web browser.<\/strong><\/p>\n\n\n\n<p>To run the HTML page, you need to open the file location, where you have saved the file and then either double-click on file or click on open with option<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/htmlpages\/images\/text-editors4.png\" alt=\"text Editors\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/htmlpages\/images\/text-editors5.png\" alt=\"text Editors\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">B. HTML code with Sublime Text-editor.(Recommended after learning basics of HTML)<\/h2>\n\n\n\n<p>When you will learn the basics of HTML, then you can use some professional text editors, which will help you to write an efficient and fast code. So to use Sublime Text editors, first it needs to download and install from internet. You can easily download it from this\u00a0https:\/\/www.sublimetext.com\/download\u00a0link and can install in your PC. When installation of Sublime text editor done then you can follow the simple steps to use it:<\/p>\n\n\n\n<p><strong>Step 1: Open Sublime Text editor(Windows 8):<\/strong><\/p>\n\n\n\n<p>To open Sublime Text editor go to&nbsp;<strong>Start screen \u290f type Sublime Text\u290f Open<\/strong>&nbsp;it. To open a new page press&nbsp;<strong>CTRL+N.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/htmlpages\/images\/text-editors6.png\" alt=\"text Editors\"\/><\/figure>\n\n\n\n<p><strong>Step 2: Save the page before writing any code.<\/strong><\/p>\n\n\n\n<p>To save your page in Sublime Text press Ctrl+S or go to File option \u290f save, to save a file use extension .htm or .html. We recommend to save the file first then write the code because after saving the page sublime text editor will give you suggestions to write code.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/htmlpages\/images\/text-editors7.png\" alt=\"text Editors\"\/><\/figure>\n\n\n\n<p><strong>Step 3: Write the code in Sublime Text editor<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/htmlpages\/images\/text-editors8.png\" alt=\"text Editors\"\/><\/figure>\n\n\n\n<p><strong>Step 4: Open the HTML page in your Browser<\/strong><\/p>\n\n\n\n<p>To execute or open this page in Web browser just&nbsp;<strong>right click<\/strong>&nbsp;by mouse on sublime text page and click on&nbsp;<strong>Open in Browser<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/htmlpages\/images\/text-editors9.png\" alt=\"text Editors\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/static.javatpoint.com\/htmlpages\/images\/text-editors10.png\" alt=\"text Editors\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[284],"tags":[],"_links":{"self":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/2168"}],"collection":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/comments?post=2168"}],"version-history":[{"count":0,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/posts\/2168\/revisions"}],"wp:attachment":[{"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/media?parent=2168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/categories?post=2168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mudassirbackup.infinitycodestudio.com\/index.php\/wp-json\/wp\/v2\/tags?post=2168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}