Website Design Course in Andheri ,Mumbai

Posts

audio tag

<!DOCTYPE html> <html lang="en"> <head> <title>Example of HTML audio Tag</title> </head> <body> <audio controls="controls" src="https://www.tutorialrepublic.com/examples/audio/birds.mp3"> Your browser does not support the HTML5 audio element. </audio> </body> </html>

video tag in html

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Embedding Video into an HTML Page</title> </head> <body> <video controls="controls" src="https://www.tutorialrepublic.com/examples/video/shuttle.mp4"> Your browser does not support the HTML5 Video element. </video> <html lang="en"> <head> <meta charset="utf-8"> <title>YouTube Video</title> </head> <body> <iframe width="560" height="315" src="https://www.tutorialrepublic.com/examples/video/shuttle.mp4" frameborder="0" allowfullscreen></iframe> </body> </html> </body> </html>

Jquery Form Validation Example

<html> <head> <script src="jquery.min.js"> </script> <script> $(document).ready(function() { $('#first_form').submit(function(e) { e.preventDefault(); var first_name = $('#first_name').val(); var last_name = $('#last_name').val(); var email = $('#email').val(); var password = $('#password').val(); $(".error").remove(); if (first_name.length < 1) { $('#first_name').after('<span class="error">This field is required</span>'); } if (last_name.length < 1) { $('#last_name').after('<span class="error">This field is required</span>'); } if (email.length < 1) { $('#email').after('<span class="error">This field is required</span>'); } else { ...

Bootstrap Tables

Bootstrap table examples <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Bordered Table</h2> <p>The .table-bordered class adds borders to a table:</p> <table class="table table-bordered"> <thead> <tr> <th>Firstname</th> ...

Bootstrap Nav Bar

Bootstrap Nav Bar <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div> <ul class="nav navbar-nav"> <li class=...

Bootstrap slider

Bootstrap slider <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>Carousel Example</h2> <div id="myCarousel" class="carousel slide" data-ride="carousel">  <ol class="carousel-indicators"> <li data-target="#myCarousel" data-sl...

how to import another css file inside another css file.

(1)crete a css file by name ok.css: .myclass{ background-color:yellow; } (2)create a file name file name ok1.css: @import url("ok.css"); /* Using a url */ .second{ color:red; } (3)now write html code importcss.html: <html> <head> <link rel="stylesheet" href="ok1.css"> </head> <body class="myclass second"> jjjjj </body> </html>