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

Popular posts from this blog

why we need Internship after Graphic Designing Course

Are you completing your graduation? Are you applying to an internship? Are you aware of the reasons why it is important to have an internship? We will discuss all of these issues here. Internships are the very first step after we have completed our graphic design course. It’s one of the most efficient times for a fresher to get involved in creative tasks. Additionally you’ll gain an understanding of the ways your talents can be utilized to help an company. If you’re studying the course in graphic design An internship is a must for you. Why Do You Need an Internship in Graphic Designing? If you’re enrolled in graphic designing in Bangalore or any other city the first step is internship to a successful career. Learn more about why and the importance of internships for students.

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...

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...