welcome to HTML WORLD

welcome to HTML WORLD

As we all have heard the word HTML. Let's discuss in detail.

The HTML stands for Hyper Text Markup Language.

HTML was introduced by Tim Berners Lee. HTML is not a programming language but a markup language. which is supported by the browsers such as google chrome, Microsoft internet explorer, opera, other browsers.

HTML is not a case sensitive.

Use of HTML:

It is mainly used to create web pages and web applications. It's a frontend Technology.

EVOLUTION OF HTML:

GML [Generalized Markup Language] ==> SGML [Standard Generalized Markup Language] ==> HTML [Hyper Text Markup Language].

Building Blocks of web

HTML, CSS, JAVASCRIPT

HTML provides the structure/content of the web.

CSS provides the styling of the web.

JavaScript provides the functionality.

What is Tag?

Tag is a keyword that is attached to the data /content. that helps in organizing the content. tag is enclosed with "<"and ">". Tag name is predefined. Tags are also known as Elements. there is opening tag"<>" and closing tag "<\>"

Example:<tag>text<\tag>

There are two types of tags they are:

1)paired Tag: contains open tag<> and closed tag <\>

Example:<html>...</html>,

<p>text</p>

2) unpaired tag: which doesn't require any closing tag. contains only open tag.

syntax:<tag> or <tag/>

Example: <br> or <br/>

Execution of HTML Programme using VS Code

1)Download VS Code from the browser then install it.

2)Then install extensions live server and prettier.

3)Create a folder in your computer.

4)Then create a html file inside it.

5)Then write the code inside it then executes it.

6)Then we can see the output of particular programme in the browser.

HTML PROGRAMME:

My first html page

There are several tags are used.

we will discuss everything in detail.

<! -- example for an html programme-->

Comments: <! -- text -->

<!DOCTYPE html >

All html documents must start with <! DOCTYPE>declaration

This is not an html tag. It is an Information to the browser about what document type to expect.

<html lang ="eng">

lang is an attribute specifies the language of the element's content.

<meta char set ="UTF-8">

This is a tag which contains metadata about a webpage.

char set attribute tells the browser what character encoding to your webpage.

UTF-8 version of the character set covers all characters and symbols that exists.

<title>is a html tag that defines a webpage's title for search engine and browsers.

Heading tags

<h1>to <h6> the size of the text will decrease as we have seen in the above example.

<h1>defines most important heading. <h6>defines the least important heading.