If you are really interested to learn or test a HTML script, then here are the steps. There are plenty of tools to create webpages using HTML codes. But I am going to give you the most simple tool to learn HTML.The tool, you will need to use a text editor like “Notepad (for Windows).”
Steps to Create a Webpage in HTML using Notepad:
- Open Notepad
- Create a New Document (copy and paste the Code given below)
- Save File in HTML
- View the saved File in Web browser
Contents
hide
The Output
The Code
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.button {
border-radius: 20px;
background-color: blue;
border: none;
color: white;
text-align: center;
font-size: 20px;
padding: 20px;
width: 250px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.button:hover span {
padding-right: 25px;
}
.button:hover span:after {
opacity: 1;
right: 0;
}
</style>
</head>
<body>
<button class="button"><span>Hover Button</span></button>
</body>
</html>