getting data from google tabs to html page

i´m new to html and creating pages, so i need help.
i have this google form, where i put ingedience and stuff ((makeing a web for moms recepies)) and then it goes to the google sheets. i need to pull that infomations and put them on the page separating sweet recepies from salty ((it’s already in the tab if it’s this or that)). i will post the tab and also my html code. if someone can, please help.
((i have it in czech soo "sladké" means sweet and "slané" means salty, last column "postup" means steps for the cooking process))

https://docs.google.com/spreadsheets/d/1MP70bVV6hTeq-D5Jcc24_vrKXR695RZUrtsn_g-IHmE/edit?usp=sharing

main page:

<!DOCTYPE html>
<html lang="cz">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kuchařka ztracených receptů</title>
</head>
<style>
    button {
    color: rgb(210, 210, 210);
    background-color: rgb(53, 104, 139);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15pt;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 15px; /*15px mezera z top, right, bottom, left*/
}

h1 {
    color: rgb(21, 42, 55);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 30pt;
}

.button-container {
    text-align: center; /*centrování tlačítek*/
    margin-top: 20px; /* místo nad tlačítky */
}

</style>
<body style="background-color:rgb(179, 199, 213);">
    <h1>Kuchařka ztracených receptů</h1>
    <div class="button-container">
        <a href="sladke.html"><button>Sladké</button></a>
        <a href="slane.html"><button>Slané</button></a>
    </div>
</body>
</html>

Sladké/sweet:

<!DOCTYPE html>
<html lang="cz">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sladké</title>

</head>

<style>
    button {
    color: rgb(210, 210, 210);
    background-color: rgb(42, 84, 111);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
   
}

h3 {
    color: rgb(21, 42, 55);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20pt;
}


</style>

<body>
    <h3>Sladké recepty</h3>
    <a href="poseruse.html"><button>Hlavní stránka</button></a>
</body>
</html>

Slané/salty

<!DOCTYPE html>
<html lang="cz">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Slané</title>
</head>

<style>
button {
    color: rgb(210, 210, 210);
    background-color: rgb(42, 84, 111);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    border: none;
    border-radius: 10px;
    padding: 10px 20px;
  
}

h3 {
    color: rgb(21, 42, 55);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 20pt;
}

</style>

<body>
    <h3>Slané recepty</h3>
    <a href="poseruse.html"><button>Hlavní stránka</button></a>

</body>
</html>

thanks

i tried looking up, but i didnt find what i needed

You need to sign in to view this answers

Related Post