How do I connect a website database to a HTML site?

5 hours ago 1
ARTICLE AD BOX

I am currently working on my senior project and I am in so far over my head.

I am creating a website to catalog books and I need a database people can look through to find the books they want. I have a site in mind that I can use but I have not a single clue how to add it to my existing code without breaking anything.

Please note I have quite literally never used HTML before this moment (I am not a senior i.e. not done with my classes) so any beginner advice is greatly appreciated!!

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Library | The Stacks</title> <link rel="stylesheet" href="styles.css"> </head> <body class="home-page"> <div class="home-shell"> <header class="home-topbar"> <div class="home-left-spacer" aria-hidden="true"></div> <form class="home-search" role="search"> <input type="search" placeholder="Find anything"> </form> <div class="home-top-right"> <p class="home-brand">The Stacks</p> <div class="home-user-icon" aria-label="User profile placeholder">U</div> </div> </header> <aside class="home-sidebar" aria-label="Primary"> <a href="home.html">Home</a> <a href="post.html">Post</a> <a href="MyLibrary.html">My Library</a> <a href="profile.html">Profile</a> </aside> <main class="home-content"> <section class="home-feed-card"> <h2>My Library</h2> <section class="book-grid" aria-label="Saved books"> <article class="book-card"> <img src="https://covers.openlibrary.org/b/isbn/013409266X-L.jpg" alt="Cover of Computer Systems: A Programmer's Perspective (3rd Edition)" > <h2>Computer Systems: A Programmer's Perspective (3rd Edition)</h2> <p>ISBN-10: 013409266X</p> </article> </section> </section> </main> </div> </body> </html>
Read Entire Article