{"id":12761,"date":"2011-12-05T06:27:43","date_gmt":"2011-12-05T11:27:43","guid":{"rendered":"http:\/\/info.template-help.com\/?p=12761"},"modified":"2015-09-17T07:43:32","modified_gmt":"2015-09-17T11:43:32","slug":"html-how-to-edit-text","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/html-how-to-edit-text.html","title":{"rendered":"HTML. How to edit text"},"content":{"rendered":"<p>This basic tutorial shows how to edit text in HTML files. In this tutorial you&#8217;ll see how to edit the HTML files with such applications as Adobe Dreamweaver and Notepad++. <\/p><!--more-->\r\n\r\n<p>These editors are the most popular among the website developers and users. <\/p>\r\n<h3>Adobe Dreamweaver<\/h3>\r\n<p>Dreamweaver is a professional commercial application used to edit HTML, CSS, JS, PHP and other files used in website development. <\/p>\r\n<p>It&#8217;s first advantage is the Design mode that can help you much in basic template customization. <\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/12\/html-edit-text-2.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/12\/html-edit-text-2-300x197.jpg\" alt=\"\" title=\"html-edit-text-2\" width=\"300\" height=\"197\" class=\"aligncenter size-medium wp-image-12763\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-2-300x197.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-2-1024x672.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-2.jpg 1263w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>Design mode let&#8217;s you see the block positions and edit the template as it is. <\/p>\r\n<p>The design mode is recommended only for basic customization as editing text or images. In case you want to add something to the page please use the Code mode. You can switch between the modes using the buttons in the top left corner. <\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/12\/html-edit-text-4.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/12\/html-edit-text-4-300x202.jpg\" alt=\"\" title=\"html-edit-text-4\" width=\"300\" height=\"202\" class=\"aligncenter size-medium wp-image-12765\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-4-300x202.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-4.jpg 545w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>The code mode let&#8217;s you see the entire HTML structure of your page. You may find it difficult to edit the page in Code mode. However the element coloring can help you much:<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/12\/html-edit-text-1.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/12\/html-edit-text-1-300x197.jpg\" alt=\"\" title=\"html-edit-text-1\" width=\"300\" height=\"197\" class=\"aligncenter size-medium wp-image-12762\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-1-300x197.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-1-1024x672.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-1.jpg 1263w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p>As you can see tags are colored with dark blue, links are green, form elements are orange, text is black. A little practice and it won&#8217;t be a problem for you. <\/p>\r\n<p>The only disadvantage of Dreamweaver software is it&#8217;s price:) It&#8217;s not as cheap as you may want it to be. <\/p>\r\n<p>You can download trial version or purchase Adobe Dreamweaver from the official website at http:\/\/adobe.com<\/p>\r\n<h3>Notepad++<\/h3>\r\n<p>Notepad++ is a free source code editor. It can also be used to edit any files used in website development. The only disadvantage is that it doesn&#8217;t have design mode. You can edit files only in code mode. <\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/12\/html-edit-text-3.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/12\/html-edit-text-3-300x197.jpg\" alt=\"\" title=\"html-edit-text-3\" width=\"300\" height=\"197\" class=\"aligncenter size-medium wp-image-12764\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-3-300x197.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-3-1024x672.jpg 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/12\/html-edit-text-3.jpg 1263w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n\r\n<p>The color scheme is common with Adobe Dreamweaver so it won;t be hard to locate required elements:<\/p>\r\n<p>text is black, tags &#8211; blue etc. <\/p>\r\n\r\n\r\n<!--more-->","protected":false},"excerpt":{"rendered":"<p>This basic tutorial shows how to edit text in HTML files. In this tutorial you&#8217;ll see how to edit the HTML files with such applications as Adobe Dreamweaver and Notepad++.<\/p>\n","protected":false},"author":2,"featured_media":12768,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[253],"tags":[1073,1048,664,2411,1112,518],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12761"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=12761"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12761\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/12768"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=12761"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=12761"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=12761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}