Skip to main content

Posts

Showing posts with the label html and css

Introduction to Programming | What is Programming

What is Programming ? Programming (Computer Programming) is the process of building and designing  an executable computer program to accomplish a specific computing result or to perform a specific task. A computer is a general purpose machines which can perform many computational task and the modern day computers that we have they can perform billions or trillions of calculations within a fraction of second.  These computer's they can't really do anything on their own. so for a computer to do something one has to give the instructions to it and these instructions will contain step by step information to perform a specific task and these are called as program . Who is Programmer ? The person who is going to write these instructions or the program is called as the programmer and here the programmer will write the program and the computer will execute that or computer will work on that instructions. What is Programming Language? The language in which the instruction...

How To Create a Login Form with the help of Html and CSS

  Step 1. Open the Source Code editor (like  Visual Studio Code   ) and make file of index.html and type this html code. <! DOCTYPE   html > < html   lang =" en "> < head >      < meta   charset =" UTF-8 ">      < meta   name =" viewport "  content =" width=device-width, initial-scale=1.0 ">      < link   rel =" shortcut icon "  href =" favicon2.png "  type =" image/x-icon ">      < link   rel =" stylesheet "  href =" login.css ">      < title > Please Login Your Account </ title > </ head > < body >      < form   class =" box "  action =" login.html "  method =" POST ">          < h1 > Login </ h1 >        ...

How to make a simple loading effect for website | Source-Code

First, open your source code writer ( Visual Studio Code ) And type this code which is given below. The loading effect is something like this. <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < title > loading </ title >      < style >      @import   url ( 'https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap' );          * {              margin :  0 ;              padding :  0 ;              box-sizing :  border-box ;  ...