Skip to main content

HTML text Editors

 

  • 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 which you can directly download, but for a beginner, the best text editor is Notepad (Windows) or TextEdit (Mac).
  • After learning the basics, you can easily use other professional text editors which are, Notepad++, Sublime Text, Vim, etc.
  • 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.

A. HTML code with Notepad. (Recommended for Beginners)

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.

Click: web designing course in bangalore 

 


 

 

Step 2: Write code in HTML


 Step 3: Save the HTML file with .htm or .html extension.


 

Step 4: Open the HTML page in your web browser.

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


 

B. HTML code with Sublime Text-editor.(Recommended after learning basics of HTML)

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 https://www.sublimetext.com/download link and can install in your PC. When installation of Sublime text editor done then you can follow the simple steps to use it:

Step 1: Open Sublime Text editor(Windows 8):

To open Sublime Text editor go to Start screen ⤏ type Sublime Text⤏ Open it. To open a new page press CTRL+N.


Step 2: Save the page before writing any code.

To save your page in Sublime Text press Ctrl+S or go to File option ⤏ 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.


 Step 3: Write the code in Sublime Text editor


 Step 4: Open the HTML page in your Browser

To execute or open this page in Web browser just right click by mouse on sublime text page and click on Open in Browser.  



Note: You can execute HTML file in any browser, but there are some tags which are not supported by Some Web browser.

Comments

Post a Comment

Popular posts from this blog

photoshop tutorial for beginner

  What is Photoshop? photoshop is a photo editing and raster graphic design software which allows users to create, edit, and manipulate various graphics as well as digital art. It also allows to create and edit raster images with multiple layers and import the images in various file formats. Photoshop is developed by Adobe Systems for both Windows and MacOS. This is a photoshop basics for designers in the latest version of adobe photoshop CC . We are going to cover Introduction to Photoshop and a lot of features which are commonly used by each and every designers to create some composites or any design or to make any illustrations or even just doing some simple retouching on Photoshop latest version. So we are going to cover some most common features like workspace, layers, smart objects, blend modes, selections techniques, filters and much more Photoshop basics and necessary features that every designers use to work on photoshop. Adobe Photoshop V...
Post a Comment
Read more

Everything knows about the graphic designer.

  A Graphic Designe r gets the animated or comic characters reliant on the narrative, characters, and requirements. Then, these characters are created enthusiastic, using a range of programming. Distinctive sorts of noises, music and influences are added to it. With the expanded use of the net, smart media has also proven to become extended, and visual fashioners are inspiring more expansion to work within this discipline. To be successful in Graphic Designer: 1. Want to be aware of the use of examples and configuration associated with PC programming. 2. Need to enhance the ability, creative eyesight, and relational abilities. 3. Locate a new field of work at a better post in a rumoured institution. 4. Need state-of-the-art info regarding the latest information of the Graphic Design industry. 5. Need to influence an adequate portfolio through that you to can talk to your specialist capability. Graphic Designing is described as the practice of c...
Post a Comment
Read more

where to learn graphic design free?

  The amount of graphic design programs that are available online has increased over the last few years. The age of digital offers unlimited opportunities for those who have the ability to design graphically. If you're looking to create logos, creating games, or creating beautiful web pages, you'll find something that's suitable for all. For this piece, we'll look at some of the most effective and most useful graphic design courses . We'll look at options that are targeted towards a variety of different students from professionals who are advanced and want to build a distinctive brand or even classes for complete novices. Who should take the course in graphic design?   Graphic design classes aren't just for those who wish to be graphic designers. While you should definitely take the following courses to boost your chances of securing an attractive graphic design career However, there are other good motives to take the course too. For example, enrolling in one of...
Post a Comment
Read more