Tutorials

KodeKite Tools

HTML
Flexbox
SVG
Canvas
HTML Tutorial

More


HTML Introduction
HTML Introduction

HTML Stands for Hyper Text Markup Language.


HTML is used to describe web pages. It is not a Programming language, it is a Markup language, Markup means it consists of markup tags which tells browser to display particular document and Hyper Text means linking process, you can link multiple web pages with eachother. Each HTML tag is enclosed within an angle bracket "<>".


  • <Tag> is called open tag or start tag
  • </Tag> is called closed tag or end tag

The symbol "/" in closing tag is called forward slash, HTML file can be saved with .html or .htm extension. There is no any difference between .html or .htm extension you can use any of your choice.

Web Page

Web page is a source of displaying web data to visitors, here data means what you want to show to your visitors. There are two type of web page.


  • Static Web Page
  • Dynamic Web Page
Static web page

Static web page is a page whose content like text, images or any other media remains constant for a long time and can be changed by website owner. There are hundreds of static websites over internet whose content is still same as were developement time.


Example

This is heading 2

This is paragraph


The content like heading and paragraph remains constant becuase this is simple text and there is no any action to be performed by user so this page is static page.

Dynamic web page

Dynamic web page is a page whose content like text, images or any other media changes dynamically like when you login to your facebook or any other webiste account you enter your name and password the website first authenticate you and then redirect you to home page or any other page. this login process run dynamically.


Example

Editor

Editor is a software which is used for edit and practice HTML or any other language.
Mostly used editors for practicing HTML are


  • Notepad
  • Sublime Text
  • Brackets
  • Notepad plus plus

And many more softwares can be used it depends upon your need but if you are beginer go for Windows Notepad.

Notepad Editor

If you are Windows user then Notepad application is already installed into your PC just press Windows button located at bottom left on screen and type notepad. It looks like this


notepad

Practice Task

Open Notepad, write some basic HTML code and save file with name task.html or task.htm and then open it using any browser and see results.


Solution

This is heading 1

This is heading 2

This is paragraph


The content like heading and paragraph remains constant becuase this is simple text and there is no any action to be performed by user so this page is static page.