Latest Posts
Sunday, April 12, 2020
Wednesday, December 18, 2019
projects
December 18, 2019
Teaching BOT
A Bot which can tech you about some few programming languages like, JavaScript,C,and other as HTML, Css,or Hacking.
Let’s face it, robots are cool. They’re also going to run the world some day, and hopefully, at that time they will take pity on their poor soft fleshy creators and help us build a space utopia filled with plenty.
The bot is simply made with Whatsapp Auto Reply , which auto reply to your question.
In other words, programming a simulated robot is analogous to programming a real robot.
A Bot which can tech you about some few programming languages like, JavaScript,C,and other as HTML, Css,or Hacking.
Let’s face it, robots are cool. They’re also going to run the world some day, and hopefully, at that time they will take pity on their poor soft fleshy creators and help us build a space utopia filled with plenty.
The bot is simply made with Whatsapp Auto Reply , which auto reply to your question.
In other words, programming a simulated robot is analogous to programming a real robot.
The Challenge of the Programmable Robot
The fundamental challenge of all robotics is this- It is impossible to ever know the true state of the environment. Robot control software can only guess the state of the real world based on measurements returned by its sensors.
our WhatsApp Bot Is here:
For Joining the WhatsApp Teaching Bot about Programming click the above link:-
Saturday, October 26, 2019
downloads
October 26, 2019
Login Form
A Simple Login Form in HTML CSS and JavaScript.
Here is an example of html login page code. In this example, we have displayed one text field, Password,and Login button.
Login page is used in most of the dynamic website to validate user based on their credentials. For making login page for websites HTML form and HTML elements are used. Text field is used to accept username and password text field is used to accept password from user.
Source Code :
<html>
<head>
<title>login form</title>
<style>
.login-page {
width: 360px;
padding: 8% 0 0;
margin: auto;
}
.form {
position: relative;
z-index: 1;
background: #FFFFFF;
max-width: 360px;
margin: 0 auto 100px;
padding: 45px;
text-align: center;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
font-family: "Roboto", sans-serif;
outline: 0;
background: #f2f2f2;
width: 100%;
border: 0;
margin: 0 0 15px;
padding: 15px;
box-sizing: border-box;
font-size: 14px;
}
.form button {
font-family: "Roboto", sans-serif;
text-transform: uppercase;
outline: 0;
background:skyblue;
width: 100%;
border: 0;
padding: 15px;
color: #FFFFFF;
font-size: 14px;
-webkit-transition: all 0.3 ease;
transition: all 0.3 ease;
cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
background: #43A047;
}
.form .message {
margin: 15px 0 0;
color: #b3b3b3;
font-size: 12px;
}
.form .message a {
color: #4CAF50;
text-decoration: none;
}
.form .register-form {
display: none;
}
.container {
position: relative;
z-index: 1;
max-width: 300px;
margin: 0 auto;
}
.container:before, .container:after {
content: "";
display: block;
clear: both;
}
.container .info {
margin: 50px auto;
text-align: center;
}
.container .info h1 {
margin: 0 0 15px;
padding: 0;
font-size: 36px;
font-weight: 300;
color: #1a1a1a;
}
.container .info span {
color: #4d4d4d;
font-size: 12px;
}
.container .info span a {
color: #000000;
text-decoration: none;
}
.container .info span .fa {
color: #EF3B3A;
}
body {
background: -webkit-linear-gradient(right, #76b852, #8DC26F);
background: -moz-linear-gradient(right, #76b852, #8DC26F);
background: -o-linear-gradient(right, #76b852, #8DC26F);
background: linear-gradient(to left, #76b852, #8DC26F);
font-family: "Roboto", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<div class="login-page">
<div class="form">
<form class="login-form">
<input type="text" placeholder="username"/>
<input type="password" placeholder="password"/>
<button>login</button>
<p class="message">Not registered? <a href="#">Create an account</a></p>
</form>
</div>
</div>
<script>
$('.message a').click(function(){
$('form').animate({height: "toggle", opacity: "toggle"}, "slow");
});
</script>
</body>
</html>
Output :
The <form ></form> tag of HTML is the heart of creating user entry form in web application which takes the user input data and finally submit it to server side program for further processing. Data of all the input or hidden field is taken and submitted to the server through form tag. The "submit" button is used to initiate form data submit to the server. You can also use JavaScript code for submitting the form. For example if your form name is "login Form" then following JavaScript code can be called for submitting the form programmatically.
A Simple Login Form in HTML CSS and JavaScript.
Here is an example of html login page code. In this example, we have displayed one text field, Password,and Login button.
Login page is used in most of the dynamic website to validate user based on their credentials. For making login page for websites HTML form and HTML elements are used. Text field is used to accept username and password text field is used to accept password from user.
Source Code :
<html>
<head>
<title>login form</title>
<style>
.login-page {
width: 360px;
padding: 8% 0 0;
margin: auto;
}
.form {
position: relative;
z-index: 1;
background: #FFFFFF;
max-width: 360px;
margin: 0 auto 100px;
padding: 45px;
text-align: center;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
font-family: "Roboto", sans-serif;
outline: 0;
background: #f2f2f2;
width: 100%;
border: 0;
margin: 0 0 15px;
padding: 15px;
box-sizing: border-box;
font-size: 14px;
}
.form button {
font-family: "Roboto", sans-serif;
text-transform: uppercase;
outline: 0;
background:skyblue;
width: 100%;
border: 0;
padding: 15px;
color: #FFFFFF;
font-size: 14px;
-webkit-transition: all 0.3 ease;
transition: all 0.3 ease;
cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
background: #43A047;
}
.form .message {
margin: 15px 0 0;
color: #b3b3b3;
font-size: 12px;
}
.form .message a {
color: #4CAF50;
text-decoration: none;
}
.form .register-form {
display: none;
}
.container {
position: relative;
z-index: 1;
max-width: 300px;
margin: 0 auto;
}
.container:before, .container:after {
content: "";
display: block;
clear: both;
}
.container .info {
margin: 50px auto;
text-align: center;
}
.container .info h1 {
margin: 0 0 15px;
padding: 0;
font-size: 36px;
font-weight: 300;
color: #1a1a1a;
}
.container .info span {
color: #4d4d4d;
font-size: 12px;
}
.container .info span a {
color: #000000;
text-decoration: none;
}
.container .info span .fa {
color: #EF3B3A;
}
body {
background: -webkit-linear-gradient(right, #76b852, #8DC26F);
background: -moz-linear-gradient(right, #76b852, #8DC26F);
background: -o-linear-gradient(right, #76b852, #8DC26F);
background: linear-gradient(to left, #76b852, #8DC26F);
font-family: "Roboto", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<div class="login-page">
<div class="form">
<form class="login-form">
<input type="text" placeholder="username"/>
<input type="password" placeholder="password"/>
<button>login</button>
<p class="message">Not registered? <a href="#">Create an account</a></p>
</form>
</div>
</div>
<script>
$('.message a').click(function(){
$('form').animate({height: "toggle", opacity: "toggle"}, "slow");
});
</script>
</body>
</html>
Output :
The <form ></form> tag of HTML is the heart of creating user entry form in web application which takes the user input data and finally submit it to server side program for further processing. Data of all the input or hidden field is taken and submitted to the server through form tag. The "submit" button is used to initiate form data submit to the server. You can also use JavaScript code for submitting the form. For example if your form name is "login Form" then following JavaScript code can be called for submitting the form programmatically.
Friday, October 25, 2019
HTML
October 25, 2019
How to Insert video to HTML page.
There are several ways of inserting a video to your HTML page. The <embed>, <frame> and <object> tags were being used for inserting videos into an HTML page.
To insert a video in an HTML page, use the <video> element. It specifies a standard way to embed a video in HTML. Just keep in mind to add height and width to the video. Use the source element to add the source of the video, with the src attribute.
Now To Insert video file to HTML file use the following Code given below
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
</video>
output :
How it work...
There are several ways of inserting a video to your HTML page. The <embed>, <frame> and <object> tags were being used for inserting videos into an HTML page.
To insert a video in an HTML page, use the <video> element. It specifies a standard way to embed a video in HTML. Just keep in mind to add height and width to the video. Use the source element to add the source of the video, with the src attribute.
Now To Insert video file to HTML file use the following Code given below
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
</video>
output :
How it work...
The
controls attribute adds video controls, like play, pause, and volume.
It is a good idea to always include
width and height attributes. If height and width are not set, the page might flicker while the video loads.
The
<source> element allows you to specify alternative video files which the browser may choose from. The browser will use the first recognized format.How To Set Video Auto-play
To set autoplay for the video you just need to add the autoplay attribute for the <video> tag like this:
<video width="320" height="240" controls autoplay>
<source src="video.mp4" type="video/mp4">
</video>
<source src="video.mp4" type="video/mp4">
</video>
Insert Videos from Youtube Using the <iframe> Tag
The easiest way to play videos in HTML, is using YouTube as a source. First, you need to upload the video to YouTube or copy the embed code of an existing video which will be inserted in a <iframe> element in your web page.
To have the embed link of the YouTube video follow these simple steps:
- Open the video on YouTube and click the share button.
- Open the Embed code.
- Copy the Source link.
<iframe width="500" height="320" src="http://www.youtube.com/embed/1cZWo6hiuI"
>
</iframe>
Monday, October 14, 2019
HTML
October 14, 2019
How to Insert image on Web Pages
Images enhance visual appearance of the web pages by making them more interesting and colorful.
The
<img> tag is used to insert images in the HTML documents. It is an empty element and contains attributes only.
The syntax of the
<img> tag can be given with:
<img src="url" alt="some_text">
Each image must carry at least two attributes: the
src attribute, and an alt attribute.
The
src attribute tells the browser where to find the image. Its value is the URL of the image file.
the
alt attribute provides an alternative text for the image, if it is unavailable or cannot be displayed for some reason. Its value should be a meaningful substitute for the image.Set the Width and Height of an Image
The
width and height attributes are used to specify the width and height of an image.
The values of these attributes are interpreted in pixels by default.
<img src="dog.jpg" alt="dogs" width="300" height="300">
You can also use the
style attribute to specify width and height for the images.
<img src="dog.jpg" alt="dogs" style="width: 300px; height: 300px;">
source code :
<html>
<head>
<title>Sample</title>
</head>
<body>
<h1>image </h1>
<img src ="dog.jpg"alt="dog" height="300px" width="350px"/>
</body>
</html>
output:
HTML
October 14, 2019
How To Change Body Background In HTML
code :
<html>
<head>
<title>Sample</title>
</head>
<body style="background-color:green;">
<h1> Backround is green.</h1>
</body>
</html>
output :
To set the background color in HTML, use the style attribute. The style attribute specifies an inline style for an element. The attribute is used with the HTML <body> tag, with the CSS property background-color. HTML5 do not support the <body> tag bgcolor attribute, so the CSS style is used to add background color. The bgcolor attribute deprecated in HTML5
To change body background in HTML use following code...code :
<html>
<head>
<title>Sample</title>
</head>
<body style="background-color:green;">
<h1> Backround is green.</h1>
</body>
</html>
output :
All major browsers support the
<body bgcolor> attribute.
Note:
- HTML 5 does not support the
<body bgcolor>attribute. Use CSS for this purpose. How? By using the following code:<body style="background-color: color">Of course, you can also do it in a separate document instead of an inline method. - Do not use RGB value in
<body bgcolor>attribute becausergb()is for CSS only, that is, it will not work in HTML.
Monday, October 7, 2019
HTML
October 07, 2019
How to Insert Audio in HTML
The <audio> tag defines sound, such as music or other audio streams.
In HTML To insert Audio to your HTML code use the given tag below...
Source code :
<audio src="info.mp3" autoplay="true" controls></audio>
Output :
The <audio> tag defines sound, such as music or other audio streams.
In HTML To insert Audio to your HTML code use the given tag below...
Source code :
<audio src="info.mp3" autoplay="true" controls></audio>
Output :
Audio Syntax
The
<audio> element defines an in-browser audio player. The audio player can provide a single piece of audio content. To specify the source file of the audio content, use one or more <source> elements inside the <audio> element. All <source> files should contain the same audio content, but in different file formats. The browser will select the first file format that it is able to play. (So order them according to your preference.) If you are not going to provide multiple source file formats, you may indicate the source file in the src attribute, instead of in a separate <source> element.
Subscribe to:
Posts (Atom)
