HTML Tutorials | FREE Example of HTML

Category: HTML

How to Create a Table in HTML and CSS

In this article, you will learn How to Create a Table in HTML and CSS. In HTML table defined with the <table> tag. Every row is defined with the <tr> tag in HTML table. In the table, the header is …

How to Play Audio on Web Browser

In this article, you will learn How to Play Audio on the Web Browser. Follow the Example.

Example:-

<html>
<head>
<title>Video</title>
</head>
<body>
<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
</audio>
</body>
</html>

…

How to Create Input Style with CSS

In this article, you will learn How to Create Input Style with CSS.

Input with Icon or Image:-

<html>
<head>
<title>Input with Icon or Image</title>
<style> 
input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size:

…

How to use Hide and Show Function using jQuery

in this article, you will learn How to use Hide and Show Function using jQuery. Using hide or show function you can hide or show any content in HTML document.

Example:-

<html>
<head>
<title>Hide Show Function</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

…

How to Create Fading Method using jQuery

In this article, we will explain How to Create Fading Method using jQuery. Some fade Methods are;-

fadeIn()
fadeOut()
fadeToggle()
fadeTo()

fadeIn() Example:-

<html>
<head>
<title>fadeIn() Method</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeIn();
    $("#div2").fadeIn("slow");
    $("#div3").fadeIn(3000);
  });
});
</script>
</head>

…