If you are looking for some cool HTML code like how to create a countdown timero orj ust anything you are I'm the right place because I am going to show you some pretty cool HTML code I learned around this week.
- Also see... best app to learn coding
Some cool code trick you can do
- How to add a login form : one of the things I learned from from an app called mimo is how to create a login form I am not really a pro but I know how to add it. The code is below. <html lang="en">
<head>
<title>formDemo.html</title>
</head>
<body>
<h1>
Excelltech login</h1>
<form>
<fieldset>
<legend>Text input</legend>
<label>Text box</label>
<input id="Excelltech" type="text" value="text here" />
<br />
<label>Password</label>
<input /> type = "password"
id = "myPwd"
value = "secret" />
<br />
<label>Text Area</label>
<textarea> id = "Excelltech"
rows = "3"
cols = "80">Your text here</textarea>
<br />
</fieldset>
</form>
</body>
</html>
2. How to create an alert button:
I don't know if this is useful but the fact that it is awesome and I could be able to learn it give it all the right to be included in our list.
<!DOCTYPE html>
<html>
<head>
<title> Try It Yourself </title>
<style type="text/css">
button {
font-family: sans-serif;
border: none;
padding: 15px 30px;
font-size: 20px;
outline: none;
margin: 10px;
}
#btn {
background-color: rgb(23, 52, 89);
color: #f8f9f9;
box-shadow: .5px .5px 1px 2px #000000;
}
</style>
</head>
<body>
<button id="btn"> Excelltech</button>
<script type="text/javascript">
document.getElementById("btn").onclick = function() {
alert("More of techs!")
}
</script>
</body>
</html>
<html>
<head>
<title> Try It Yourself </title>
<style type="text/css">
button {
font-family: sans-serif;
border: none;
padding: 15px 30px;
font-size: 20px;
outline: none;
margin: 10px;
}
#btn {
background-color: rgb(23, 52, 89);
color: #f8f9f9;
box-shadow: .5px .5px 1px 2px #000000;
}
</style>
</head>
<body>
<button id="btn"> Excelltech</button>
<script type="text/javascript">
document.getElementById("btn").onclick = function() {
alert("More of techs!")
}
</script>
</body>
</html>
Just copy and paste the code in any code editor and you will see it not that important but it is really cool just try it.
3. How to add countdown timer:
This is mainly for download but i
3. How to add countdown timer:
This is mainly for download but i
don't really find it interesting but it is very important for some people so it come to our list. DOWNLOAD THE CODE BELOW DOWNLOAD HERE
How to add countdown timer to download link
- After you copy the link I would advise you first paste it in a new post, like a plan page in order to reduce or increase the time or if you need to customize it.
- After that you will need to find the download link you need to paste it.
- When you have find the link just copy it and and paste it where the link suppose to be and remember change the link on the countdown timer and put the link to the download link you wish.
- And like that you have just added a countdown timer.
4. How to add a button:
To add a download button is something that almost all know how to do but to make a cool down button is not really easy but I learned it and now want to share it copy the link below.
<html>
<head>
<title> Excelltech </title>
<style type="text/css">
button {
border: none;
background: #0076ff;
border-radius: 5px;
padding: 5px;
color: #fff;
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
}
</style>
</head>
<body>
<button> Excelltech </button>
</body>
</html>
<head>
<title> Excelltech </title>
<style type="text/css">
button {
border: none;
background: #0076ff;
border-radius: 5px;
padding: 5px;
color: #fff;
font-weight: bold;
font-size: 20px;
text-transform: uppercase;
}
</style>
</head>
<body>
<button> Excelltech </button>
</body>
</html>
5. How to create a web page inside a web page :
This is really easy but complicated but I managed to learn it. This create a web page just inside a web page like it minimize the web page and put inside your web page. This is really cool and also easy copy the code below.
<html>
<body br="" iframe:="" of="" size="" the="">
<iframe height="100" src="demo_iframe.htm" title="Excelltech
Example" width="300"></iframe>
Excelltech home of all techs</body></html>
<body br="" iframe:="" of="" size="" the="">
<iframe height="100" src="demo_iframe.htm" title="Excelltech
Example" width="300"></iframe>
Excelltech home of all techs</body></html>
Copy the code and paste in your code editor.
Thanks for reading fell free to drop you comment below and remember sharing is caring.
2 comments