Created
March 13, 2024 02:07
-
-
Save ammist/3cf94801563aca447553be96b285d67c to your computer and use it in GitHub Desktop.
Basic HTML code for a slider page example
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<link rel="stylesheet" type="text/css" href="./style.css"> | |
<style> | |
button { | |
border: none; | |
background: green; | |
color: white; | |
font-weight: bold; | |
border-radius: 5px; | |
padding: 3px 10px; | |
} | |
</style> | |
<script> | |
/* you can put javascript directly in your HTML File. | |
* This is not the most efficient way to do this on a larger project | |
* but for something simple like this it's totally okay. | |
*/ | |
// Add the image data | |
// you can use local files or images stored on the web if you want. | |
// write functions that present it as a slideshow | |
</script> | |
</head> | |
<h1>My Photo Slideshow</h1> | |
<img id="main" height="300" /> | |
<br /> | |
<p id="caption">Caption</p> | |
<br /> | |
<button id="prev">«</button> | |
<button id="next">»</button> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment