Hello Friends My Name Is Viraj,Today I Will Create Basic Website On Your Web Page.
Here In This Html Tutorial We Will Create Basic Website In Html/CssCode.
Here In This Blog We Will Create Basic Website In Html/Css Code.
Here Is An Example Related To Topic Bellow....................
Step 1 :
<!Doctype html>
<html>
<head>
<title>My Website</title>
<style>
body
{
background-color:#CD5C5C;
}
#sh1
{
width: 1350px;
height: 250px;
animation-name: example;
animation-duration: 4s;
animation-name: example;
animation-duration: 4s;
animation-iteration-count:infinite;
}
@keyframes example {
10% {background-image:url("a1.gif");background-size:cover;}
50% {background-image:url("a2.jpg");background-size:cover;}
100% {background-image:url("a3.png");background-size:cover;}
}
button
{
color:#FF6347;
background-color:lightblue;
border-radius:12px;
padding:14px 40px;
}
</style>
</head>
<body>
<div id="sh1">
</div>
<br>
<center>
<button>Home</button>
<button>Login</button>
<button>Course Material</button>
<button>About Us</button>
<button>Feedback</button>
</center>
<div>
<form>
<p>Login</p>
<b>Username:</b><input type="text" name="Name" placeholder:"Enter Name"><br>
<b>Password:</b><input type="password" name="Name1"><br>
Remember Me:<input type="checkbox" name="Name2">
</div>
<div>
</div>
</body>
</html
Output :
HTML stands for Hyper Text Markup
Language. It is the
standard markup language used for creating
web pages and web applications. It forms a
triology of technologies for the World Wide Web with Cascading Style
Sheets
(CSS) and JavaScript. HTML
elements are the building blocks of HTML pages. HTML elements are represented by
using tags, written using angle brackets. For e.g.
<html> </html>, <head></head> and so on. These tags are
used to interpret the content of the page.
Here In This Html Tutorial We Will Create Basic Website In Html/CssCode.
Here In This Blog We Will Create Basic Website In Html/Css Code.
Here Is An Example Related To Topic Bellow....................
Step 1 :
<!Doctype html>
<html>
<head>
<title>My Website</title>
<style>
body
{
background-color:#CD5C5C;
}
#sh1
{
width: 1350px;
height: 250px;
animation-name: example;
animation-duration: 4s;
animation-name: example;
animation-duration: 4s;
animation-iteration-count:infinite;
}
@keyframes example {
10% {background-image:url("a1.gif");background-size:cover;}
50% {background-image:url("a2.jpg");background-size:cover;}
100% {background-image:url("a3.png");background-size:cover;}
}
button
{
color:#FF6347;
background-color:lightblue;
border-radius:12px;
padding:14px 40px;
}
</style>
</head>
<body>
<div id="sh1">
</div>
<br>
<center>
<button>Home</button>
<button>Login</button>
<button>Course Material</button>
<button>About Us</button>
<button>Feedback</button>
</center>
<div>
<form>
<p>Login</p>
<b>Username:</b><input type="text" name="Name" placeholder:"Enter Name"><br>
<b>Password:</b><input type="password" name="Name1"><br>
Remember Me:<input type="checkbox" name="Name2">
</div>
<div>
</div>
</body>
</html
Output :
No comments:
Post a Comment