HTML Introduction

HTML means Hyper Text Markup Language. Current version of HTML is HTML 5 and the first version is HTML 1.0. HTML is one of the easiest coding language to learn. When creating a web page there are some sections one must know, such as HTML, CSS, Javascript.

HTML Structure

<!DOCTYPE html>
<html>

<head>

 <title>Webpage Title</title>
 
 <style>
  /*CSS styles written here*/
 </style>

 <script>
  /*Javascript code written here*/
 </script>

</head>

<body>
 <!--HTML tags written here-->
</body>

</html>

CSS style

CSS is defined as Cascading Style Sheet.

After HTML, we should learn CSS.
CSS is used to give styles for the web pages. Styles include adding colors, animations, bordering styles etc.
CSS can be included in a web page using three different ways, we will see those in detail in CSS chapter.
CSS styles can be added to a webpage depending on screen height, width and its orientation. So that we can add different styles for the same html element in different devices.

<!DOCTYPE html>
<html>

<head>

 <title>HTML Textbox</title>

</head>

<body>
 <input type="text">
</body>

</html>

Try it

<!DOCTYPE html>
<html>

<head>

  <title>Textbox with CSS style</title>

  <style>
    input{
      box-shadow:2px 3px 5px 3px gray;
    }
  </style>
  
</head>

<body>
  <input type="text">
</body>

</html>

Try it

Javascript code

Javascript is used to make web pages more interactive with users, it is used for operations such as basic client-side validation, passing the values to the server and more.

<!DOCTYPE html>
<html>

<head>

  <title>Button with javascript</title>

  <script>
 function test()
 {
  alert("Test button");
 }
  </script>
  
</head>

<body>
  <button onclick="test();">Click Me</button>
</body>

</html>