HTML (Hyper Text Markup Language) is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology, used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.

HTML tag: <html>


All versions of HTML language

VERSION YEAR TAG
HTML 1.0 1991 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
HTML2 1995 <!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
HTML3 1997 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML4 1999 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 2000 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML5 2014 <!DOCTYPE html>


How to create HTML file (document)

First of all, you need an editor for coding. We recommend Sublime Text that works in any platform (Windows, Linux, Mac OS X).
When you are finished with the installation of Sublime Text on your PC, then open the program and copy some of the examples code that we have given below.
Further, in the top left corner click "File" and then on "Save as ..." option.
In "File name", type the name of the file that you want, and in the "Save as type" select extension Hyper Text Markup Language - html and and click "Save".
When done, open the document using your browser.


The default character encoding in HTML5 is UTF-8.
<meta charset="UTF-8">

EXAMPLES

Simple code html page

code:


<!DOCTYPE html>
<html>
 <head>
  <title>IT PRESENT</title>
 </head>
 <body>
   <h1>INDEX PAGE</h1>
   <p>text on html page</p>
 </body>
</html>

result:




INDEX PAGE

text on html page



HTML page with internal style sheet (CSS) inside <head > tag sector

code:


<!DOCTYPE html>
<html>
 <head>
   <title>IT PRESENT</title>
 </head>
 <style>
 body {
    background-color:lightgray;
}
h1 {
    color: red;
    font-size: 40px;
}
p  {
    color: green;
    font-size: 40px;

 </style>
 <body>
   <h1>TITLE</h1>
     <p>text on html page</p>
 </body>
</html>

result:



TITLE

text on html page





HTML page with internal javascript (jquery) code inside <head > tag sector

code:


<!DOCTYPE html>
<html>
 <head>
  <title>IT PRESENT</title>
 <style>
body {
background-color:lightgray;
}
.p {
color:red;
background-color:green;
}
.r {
background-color:blue;
font-size:45px;
}
 </style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
         $("h1").addClass("p");    
         $("p").addClass("r");        
    });
});
</script>
 </head>
 <body>
   <h1>INDEX PAGE</h1>
   <p>text on html page</p>
   <button>CLICK HERE</button>
 </body>
</html>

result:



TITLE

text on html page




HTML 5 Tutorial (YouTube)