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

what is graphic design?

  In this post, we discuss what is graphic designing? when you google you will receive a lot of information but graphic designing is the art of communication design must be combining text and pictures. moreover, first, you understand one thing clearly graphic design is not drawing or painting or graphic designing is not create poster, logo, advertisement, magazines, and posters. graphic design is not a make fancy thing you should present information developed through creativity. let us understand what is graphic and design? Graphic: graphic is the visual representation is associated with art, creativity and expression include such as illustrations, painting, imagery, lettering, etc, graphic is made up of visual elements like color, shape, texture, space, and typography. design: In simple terms design is thinking and problem-solving when you design graphic you must follow guidelines that are a principle of design. principle of design: contrast, hierarchy, alignment, ba...
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