Lesson 2 HTML Editors

Uploaded by

yorikii127

Available Formats

Download as PPTX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

10 views

Lesson 2 HTML Editors

Uploaded by

yorikii127

Available Formats

Download as PPTX, PDF, TXT or read online on Scribd

You are on page 1/ 28

LESSON 2:

HTML EDITOR
HTML Editor
 In retrospect, an HTML editor is used to create a
website's basis.
 And just because any text editor can perform the job
doesn't mean you have to do it on your own.
 Added features, error checking, and an overall more
intuitive editor may substantially simplify your life.
 HTML editors all work on the same principle: they
assist you in writing code by highlighting syntactic
elements.
Text using an HTML editor can
also be translated to other
languages such as CSS, XML, or
JavaScript.
But as we know, not all things
are created equal.
Some editors might be easier to
use, while some provide more
Learn HTML using Notepad or TextEdit

Professional HTML editors may be used

to build and modify web pages.However,
for learning HTML, we recommend using
a simple text editor such as Notepad (PC)
or TextEdit (Mac).
We feel that learning HTML is best
accomplished by utilizing a basic text
Step 1: Open Notepad (PC)
Windows 8 or later:

Open the Start Screen (the window

symbol at the bottom left on your screen).
Type Notepad.

Windows 7 or earlier:

Open Start > Programs > Accessories >

Step 1: Open TextEdit (Mac)
Open Finder > Applications > TextEdit

Also change some preferences to get the

application to save files correctly. In Preferences >
Format > choose "Plain Text"

Then under "Open and Save", check the box that

says "Display HTML files as HTML code instead of
formatted text".

Then open a new document to place the code.

HTML Editors
1.Atom is an HMTL editor that debuted
in 2014 and has exploded in
popularity since then.
 Atom is a free, open-source code
editor developed by the GitHub
team.
 Atom's package is released under a
free software license, and it is
maintained by the GitHub
1.Atom
 It tries to give the editor a premium feel
while being entirely free. Also included
is the ability to modify the program.
 As for the tagline, they boast of a
hackable text editor for the 21st
century.
 It means that developers can contribute
to edit, extend, change, and share the
program source code and create their
Key features
Atom comes with 81 pre-installed
packages and allows you to install up
to 8,700 more. You can even create
your own software.
Text Editor that is free and open
source. The Atom editor is completely
free and open-source, and it can be
found on GitHub.
Teletype is supported by Atom. If you
wish to collaborate with other devs in
real-time, this is a crucial tool.
Multiple panes are supported. Atom may
divide the interface into many windows,
allowing you to compare and write code
in parallel.
Autocompletion that is smart. Atom's
adaptive autocomplete lets you write
code quicker and smarter.
2. Notepad++
 is a free HTML editor designed for Windows-
based computers.
 Wine allows Linux users to utilize it as well.
This editor is accessible as free software, and its
source code can be found on GitHub.
Third-party plugins are supported, much as in
other community projects.
The simplicity of Notepad++'s development
environment sets it apart.
 Notepad++ is extremely lightweight, with a
mobile version available if you want.
Key features
Notepad++ has a user interface that is
simple, lightweight, and quick.
It has a multilingual coding environment
that includes ActionScript, CSS, and
Visual Basic.
Compatibility with Windows is 100
percent, while other operating systems
are not supported (without additional
software.)
3. Sublime Text.
This program, which a Sydney-based firm created,
comes under the freemium category.
Sublime Text is freemium, which means you may
use it for free but must purchase a license to
access all its capabilities.
Sublime provides excellent assistance to
guarantee that the application is always up to
current.
 Users can use community-made plugins or create
their own.
We believe that the free version of Sublime is
Key features•
Python API is supported by Sublime,
allowing the plugin to extend its default
capabilities.
Editing in real-time. You may adjust
many regions at once.
Cross-platform. Sublime is a text editor
that runs on Windows, Mac OS X, and
Linux.
Sublime Text 2 developers need one
4. Adobe Dreamweaver CC
is a premium, sophisticated, and adaptable
program developed and maintained by Adobe Inc.
It offers both back-end and front-end
development services. Dreamweaver is a closed-
source application that is meant to function within
the Adobe environment.
Adobe also provides support, plugins, and
features to ensure that you can develop
consistently.
One of the editors that support both textual and
WYSIWYG approaches is Dreamweaver.
Key features
• Dreamweaver supports both textual
and WYSIWYG editor modes, allowing
you to create code in any major
programming language.
•The Adobe software ecosystem is
fully integrated.
•Adobe Inc. provided excellent service
and performance.
5. Visual Studio Code
With many customizable features, this multi-code
free HTML editing tool is ready to use.
 It takes pride in its clever autocomplete and
other syntactic answers.
Visual Studio Code is a multi-platform and multi-
language application.
Its development environment is compatible with
HTML, Python, and a variety of other computer
languages.
It's also compatible with Microsoft Azure, allowing
for simple deployment and a wide range of
Key features
• IntelliSense allows you to go beyond
autocomplete and syntax highlighting. It
generates intelligent completions for you
depending on your types, functions, and
modules.
• Features and customization. Install
extensions to add languages, themes,
debuggers, and other features to your
computer.
• You can move between various projects