HTML

create table in 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 insert audio in html using notepad

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>
…
button css

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:
…
hide

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(){
…
css opacity

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>
…