[go: up one dir, main page]
Scribd
Upload
29 views1 page

HTML Installation

This document provides a tutorial on installing Visual Studio Code and related extensions for HTML development, emphasizing that there are no prerequisites for learning HTML. It outlines the necessary tools, including HTML editors and browsers, and highlights the benefits of using Visual Studio Code and the Live Server extension for efficient coding. The tutorial guides users through the installation process to set up their environment for creating web pages.

Uploaded by

koustavdev6
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
29 views1 page

HTML Installation

This document provides a tutorial on installing Visual Studio Code and related extensions for HTML development, emphasizing that there are no prerequisites for learning HTML. It outlines the necessary tools, including HTML editors and browsers, and highlights the benefits of using Visual Studio Code and the Live Server extension for efficient coding. The tutorial guides users through the installation process to set up their environment for creating web pages.

Uploaded by

koustavdev6
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

HTML Installation

Let's get our hands dirty and start preparing to write some code. In this tutorial,
we will install VS Code and some related extensions for faster and more efficient
HTML development.

What are the prerequisites to learning HTML?


I can safely say that there are no prerequisites to learning HTML. HTML is the
language of the web and is often the first step that web developers take in
learning to code.

Tools needed to make an HTML page:


HTML Editor: It's a straightforward tool where every piece of HTML content must be
written. You can use any text editor of your choice. In this tutorial, we're using
Visual Studio Code because it's lightweight and open-source.

Popular editors for HTML development include text editors like Notepad++ and
TextEdit, code editors such as Sublime Text and Visual Studio Code, and full-
fledged IDEs like WebStorm and Eclipse. Online platforms like CodePen and JSFiddle
are also commonly used for quick HTML editing and testing.

Note: You can write HTML even in a Notepad. Text editors like VS Code make these
things easier.

Browser: HTML tags are not displayed by browsers; instead, they are read and
interpreted to render the web page. In a web browser, HTML structures are displayed
in a styled and visually appealing form. In this tutorial, we are using Google
Chrome. Other commonly used browsers include Chromium, Firefox, Safari on Mac, and
Microsoft Edge.

Installation & Setup of Visual Studio Code for HTML:


We will install and set up HTML to optimize its utility for creating web pages.
Additionally, we'll install extensions in Visual Studio Code to enhance its
functionality. If you're unsure about which editor to use, you can confidently
start with Visual Studio Code. You won't regret it; it's one of the best free code
editors available in the market.

Search for "Visual Studio Code download" on Google


Download Visual Studio Code for your Operating System. I am using Windows so I will
install it for Windows

Live Server Extension


In addition, we'll be installing the Live Server extension in our Visual Studio
Code editor to view live reload pages.

The Live Server extension is used to launch a local development server with a live
reload feature for HTML pages.

You might also like