Shivacharan Jetla's Blog

My First HTML Introduction Class

Shivacharan Jetla's photo
Shivacharan Jetla
·

3 min read

Setting up the Development Environment

Setting up a development environment for HTML is relatively easy, and requires only a few necessary tools. Here are the steps to set up a basic development environment for HTML:

  1. Text Editor: The first thing you will need is a good text editor. Examples of popular text editors include Visual Studio Code, Atom, Sublime Text, or Notepad++. Choose one that suits your needs and install it.

  2. Web Browser: Next, you will need to install a web browser such as Google Chrome, Mozilla Firefox, or Microsoft Edge. You will use your web browser to preview your HTML web pages as you develop them.

  3. Visual Studio code: It is a popular front-end template that will get you started quickly. It includes all the necessary files and folders to get you started with HTML development. To download and install visual studio code ,go through this link code.visualstudio.com/download.

  4. How to open it: Create an empty folder in any drives or Desktop and go to folder - right click-more options --open with vs code.

    About what is HTML ?

The term "HTML" stands for Hyper Text Markup Language. "Hypertext" in HTML means text within a text. It is a way of linking two or more web pages in an HTML document. Moving on, Markup language is a distinct computer language that defines the layout of content or text using specific syntax and formatting. These syntaxes are not displayed on the web page rather they work behind the scenes to create meaningful text on a web page.

The basic HTML structure

The basic HTML structure consists of several elements that form the foundation of any web page. Here are the core HTML structures:

  1. <!DOCTYPE html>: This is the doctype declaration that tells the browser what version of HTML is being used on the page. In modern HTML, this is always set to HTML.

  2. <html>: The <html> tag represents the root element of an HTML page, and it contains all other HTML elements. The opening tag should always be paired with a closing tag, </html>.

  3. <head>: The <head> tag is not visible on the web page and contains metadata about the HTML page such as title, keywords, and script files.

  4. <title>: The <title> tag goes inside the head tag and specifies the title for the HTML page that appears in the browser window.

  5. <body>: The <body> tag contains all the visible content of the HTML page such as text, images, videos, and other HTML elements.

  6. <h1>…<h6>: These are headers that represent the importance of the text on the page. <h1> is the most important and <h6> is the least important header.

  7. <p>: The <p> tag stands for paragraph and is used to enclose one or more sentences of text..

HTML5