Scribd Logo
Upload

Welcome to Scribd!

  • Amina Za Ispit

    Uploaded by

    Aммy DžigLipaff
    46 views4 pages

    Original Title

    amina za ispit.docx

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    46 views4 pages

    Amina Za Ispit

    Uploaded by

    Aммy DžigLipaff

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 4

    Spirala 1

    - TABELA -

    1. Head
    1.1. <head>
    <link rel="stylesheet" type="text/css" href="tabela.css"> - VEZA SA CSS-OM
    <meta name="viewport" content="width=device-width, initial-scale=1"> -
    KORISTI SE ZA RESPONZIVNOST
    <linkhref="https://fonts.googleapis.com/css2?
    family=Montserrat:wght@300&display=swap" rel="stylesheet"> - VEZA SA
    GOOGLE FONTS
    </head>

    2. <div class="topnav">
    <a class="active" href="posjecenost.html">Posječenost</a>
    <a href="tabela.html">Raspored</a>
    <a href="nastavnik.html">Predmet</a>
    <a href="podaciStudent.html">Podaci</a>
    <a href="obavijesti.html">Obavijesti</a>
    </div> - MENI

    3. <table> - KORISTILA SI COLSPAN , SPAJANJE CELIJA HORIZONTALNO

    - PREDMET –

    1. <form action=""> - OTVARANJE FORME


    <fieldset> - OKVIR U KOJEM JE FORMA
    <label for="naziv_predmeta">Naziv predmeta:</label><br> - NAZIV
    <input type="text" id="naziv_predmeta" name="naziv_predmeta"> <br> - FORMA ZA UNOS
    TEKSTA

    <label for="tip">Tip:</label><br> FORMA ZA PADAJUCI MENI


    <select id="type" name="type">- POZIVANJE FORME
    <option value="predavanje">Predavanje</option> OPCIJA 1
    <option value="vježbe">Vježbe</option> OPCIJA 2
    </select><br>

    <label for="vrijeme_pocetka">Vrijeme početka:</label>


    <input type="time"> - FORMA ZA VRIJEME
    <label for="vrijeme_kraja">Vrijeme kraja:</label>
    <input type="time"><br>
    <label for="dan">Dan:</label>
    <select id="type2" name="type2"> FORMA ZA PADAJUCI MENI
    <option value="Ponedjeljak">Ponedjeljak</option>
    <option value="Utorak">Utorak</option>
    <option value="Srijeda">Srijeda</option>
    <option value="Četvrtak">Četvrtak</option>
    <option value="Petak">Petak</option>
    </select><br>
    <input type="submit" value="Submit">
    </form>
    </fieldset>
    </form>

    - PODACI STUDENT –
    1. REGULARNA TABELA

    - CSS –
    tr:hover {border: 3px solid black;} – HOVER KORISTIMO DA ODREDIMO KAKO CE
    ELEMENT REAGOVATI KADA SE PREDJE MISEM PREKO.

    - POSJECENOST –
    <div class="grid-container"> - KORISTIMO ZA POZIVANJE CONTAINERA ZA GRID
    <div class="logo"> - PRVI DIO GRIDA
    <img class="img_logo" src="etf_logo.png" alt="etf_logo" width="64px" height="64px"
    align="left">
    </div>
    <div class="header"> DRUGI DIO GRIDA U KOJEM JE MENI
    <div class="topnav">
    <a class="active" href="posjecenost.html">Posječenost</a>
    <a href="tabela.html">Raspored</a>
    <a href="nastavnik.html">Predmet</a>
    <a href="podaciStudent.html">Podaci</a>
    <a href="obavijesti.html">Obavijesti</a>
    </div>
    </div>

    <div class="predmeti"> - TRECI DIO GRIDA


    <ul> - POZIVAMO LISTU
    <li><a href="#">Predmet 1</a></li> - ELEMENTI LISTE
    <li><a href="#">Predmet 2</a></li>
    <li><a href="#">Predmet 3</a></li>
    <li><a href="#">Predmet 4</a></li>
    <li><a href="#">Predmet 5</a></li>
    </ul>
    </div>
    <div class="sedmice"> - DIO GRIDA
    <dl class="table1"> - POZIVAMO TABELU BEZ CRTICE ISPRED
    <dt>- Sedmica 1</dt> - DJELOVI SPISKA
    <dt>- Sedmica 2</dt>
    <dt>- Sedmica 3</dt>
    <dt>- Sedmica 4</dt>
    <dt>- Sedmica 5</dt>
    <dt>- Sedmica 6</dt>
    <dt>- Sedmica 7</dt>
    <dt>- Sedmica 8</dt>
    <dt>- Sedmica 9</dt>
    <dt>- Sedmica 10</dt>
    <dt>- Sedmica 11</dt>
    <dt>- Sedmica 12</dt>
    <dt>- Sedmica 13</dt>
    <dt>- Sedmica 14</dt>
    <dt>- Sedmica 15</dt>
    </dl>
    </div>
    2. REGULARNA TABELA

    <div class="alert1"> - POZIVAMO DIO S TABELOM


    <div class="alert">
    <p class="fwt"> Slijedi: FWT predavanje </p> <br> - P OZNACAVA PARAGRAF 8 (OVDJE
    JE TO TEKST U TABELI )
    <p class="tm"> prije 15 minuta </p>
    </div>
    <div class="closebtn" onclick="this.parentElement.style.display='none';">&times;</div>
    </div>
    <div class="alert1">
    <div class="alert">
    <p class="fwt"> Slijedi: FWT predavanje </p> <br>
    <p class="tm"> prije 15 minuta </p>
    </div>
    <div class="closebtn" onclick="this.parentElement.style.display='none';">&times;</div>
    </div>
    <div class="alert1">
    <div class="alert">
    <p class="fwt"> Slijedi: FWT predavanje </p> <br>
    <p class="tm"> prije 15 minuta </p>
    </div>
    <div class="closebtn" onclick="this.parentElement.style.display='none';">&times;</div>
    </div>

    - CSS -
    Sve ostalo za obavijesti se pravi preko htmla, preko bordera I hovera

    You might also like