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>
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> |
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.
code:
<!DOCTYPE html>
<html>
<head>
<title>IT PRESENT</title>
</head>
<body>
<h1>INDEX PAGE</h1>
<p>text on html page</p>
</body>
</html>
result:
text on html page
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
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://code.jquery.com/jquery-3.4.1.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: