Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Zadatak V5</title>
</head>
<style>
    h2::first-letter{
        color: red;
    }
    p span {
        color: red;
        font-style: italic;
    }
    table{
        border: green solid 2px;
    }
    thead, th{
        color: green;
    }
    tbody, td {
        border: green solid 1px;

    }
    tr:nth-of-type(2n+3){
        background-color: gray;
    }
     tr:nth-of-type(2n+0){
        background-color: lightgray;
    }


</style>
<body>
    <h1>Spisak izdanja</h1>

    <table>
        <thead>
        <tr>
            <th>Naslov</th>
            <th>Autor</th>
            <th>Tiraz</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>Ana Karenjina</td>
            <td>Lav Tolstoj</td>
            <td>380</td>
        </tr>
        <tr>
            <td>Starac i More</td>
            <td>Ernest Hemingvej</td>
            <td>580</td>
        </tr>
        <tr>
                <td>Koreni</td>
                <td>Dobrica Cosic</td>
                <td>810</td>
            </tr>
            <tr>
                    <td>na Drini Cuprija</td>
                    <td>Ivo Andric</td>
                    <td>340</td>
                </tr>
                <tr>
                        <td>Romeo i Julija</td>
                        <td>Vilijam Sekspir</td>
                        <td>440</td>
                    </tr>
                    <tr>
                            <td>Dervis i smrt</td>
                            <td>Mesa Selimovic</td>
                            <td>410</td>
                        </tr>
                    </tbody>

    </table>

    <h1>Spisak Autora</h1>

    <h2>Vilijam Sekspir</h2>
    <p> Vilijam Sekspir, <span>rodjen 25. aprila 1564,</span> bio je engleski pesnik i dramski pisac, koji se, prema vise razlicitig izvora, smatra za najveceg pisca na engleskom jeziku i dramaturga svetskog glasa. <a href="">Vise<span> >> </span></a></p>
    <h2>Dobrica Cosic</h2>
    <p>Dobrica Corsic, <span>rodjen 9. decembra 1921</span> bio je sprski pisac, romansijer iesejista, politicki i nacionalni teoreticar i redovni clan SANU. Bio je prvo predsednik Savezne Republike Jugoslavije od 1992. do 1993. godine. <a href="">Vise<span> >> </span></a></p>
    <h2>Ivo Andric</h2>
    <p>Ivo Andric, <span>rodjen 9. okobra 1892</span> - Beograd bio je crpski i jugoslovenski knjizevnik i diplomata Kraljevine Jugoslavije. Godine 1961. dobio je Nobelovu nagradu za knjizevnost "za epsku snagu kojom je oblikovao teme i prikazao sudbine ljudi tolom istorijesvoje zemlje". <a href="">Vise<span> >> </span></a></p>

</body>
</html>

---------------------
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Vezba 5</title>
    <style>
        /* li:first-child{
            color: red;
        }
        li:last-child{
            color: blue;
        }
        p:first-child{
            color: red;
        }
        p span:first-child{
            color: blue;
        }
        p:first-child span{
            color: green;
        } */

        /* ul{
            background-color: indigo;
            color: wheat;
            list-style-type: circle;
            padding: 20px;
            list-style-position: inside;
        }

        li span{
            color: springgreen;
        } */

        /* p:first-child{
            color: red;
        }
        p:first-of-type{
            color: blue;
        }
        p:last-of-type{
            color: green;
        } */

        h1:first-child{
            color: red;
            }

        p:first-of-type{
            color: blue;
        }
        p:nth-last-of-type(3){    /*krece od nultog 3+1 bi bilo od prvog */
            color: green;
        }

        li:nth-child(even){
            color: lime;
        }
        li:nth-child(odd){
            color: indigo;
        }
        h1:last-of-type{
            color: orange;
        }
        p:last-child{
            color: blueviolet;
        }


        p::first-letter{
            color: red;
            font-size: 24px;
        }
        p::first-line{
            color: green;
            font-style: italic;
        }
        p::selection{
            background-color: yellow;
            color: red;
        }
        p::before{
            content: "Pocetak ";
            color: blueviolet;
            background-color: aqua;

        }
        p::after{
            content: "Kraj ";
            color: blueviolet;
            background-color: brown;
        }
    </style>
</head>
<body>

    <h1>Naslov</h1>
    <p>Prvi paragraf</p>
    <p>Drugi paragraf</p>
    <p>Treci paragraf</p>
    <p>Cetvrti paragraf</p>
    <h2>Podnaslov</h2>

    <ul>
            <li><span>Stavka 1</span></li>
            <li><span>Stavka 2</span></li>
            <li><span>Stavka 3</span></li>
            <li><span>Stavka 4</span></li>
            <li><span>Stavka 5</span></li>
    </ul>
    <h1>Drugi Naslov</h1>
    <p>HTML <span>Hyper Text Markup Language</span>  je jezik za opis strukture <span>web</span> stranice.</p>
    <p>HTML <span>Hyper Text Markup Language</span>  je jezik za opis strukture web stranice.</p>

</body>
</html>
RAW Paste Data

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Zadatak V5</title>
</head>
<style>
    h2::first-letter{
        color: red;
    }
    p span {
        color: red;
        font-style: italic;
    }
    table{
        border: green solid 2px;
    }
    thead, th{
        color: green;
    }
    tbody, td {
        border: green solid 1px;

    }
    tr:nth-of-type(2n+3){
        background-color: gray;
    }
     tr:nth-of-type(2n+0){
        background-color: lightgray;
    }


</style>
<body>
    <h1>Spisak izdanja</h1>

    <table>
        <thead>
        <tr>
            <th>Naslov</th>
            <th>Autor</th>
            <th>Tiraz</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>Ana Karenjina</td>
            <td>Lav Tolstoj</td>
            <td>380</td>
        </tr>
        <tr>
            <td>Starac i More</td>
            <td>Ernest Hemingvej</td>
            <td>580</td>
        </tr>
        <tr>
                <td>Koreni</td>
                <td>Dobrica Cosic</td>
                <td>810</td>
            </tr>
            <tr>
                    <td>na Drini Cuprija</td>
                    <td>Ivo Andric</td>
                    <td>340</td>
                </tr>
                <tr>
                        <td>Romeo i Julija</td>
                        <td>Vilijam Sekspir</td>
                        <td>440</td>
                    </tr>
                    <tr>
                            <td>Dervis i smrt</td>
                            <td>Mesa Selimovic</td>
                            <td>410</td>
                        </tr>
                    </tbody>

    </table>

    <h1>Spisak Autora</h1>

    <h2>Vilijam Sekspir</h2>
    <p> Vilijam Sekspir, <span>rodjen 25. aprila 1564,</span> bio je engleski pesnik i dramski pisac, koji se, prema vise razlicitig izvora, smatra za najveceg pisca na engleskom jeziku i dramaturga svetskog glasa. <a href="">Vise<span> >> </span></a></p>
    <h2>Dobrica Cosic</h2>
    <p>Dobrica Corsic, <span>rodjen 9. decembra 1921</span> bio je sprski pisac, romansijer iesejista, politicki i nacionalni teoreticar i redovni clan SANU. Bio je prvo predsednik Savezne Republike Jugoslavije od 1992. do 1993. godine. <a href="">Vise<span> >> </span></a></p>
    <h2>Ivo Andric</h2>
    <p>Ivo Andric, <span>rodjen 9. okobra 1892</span> - Beograd bio je crpski i jugoslovenski knjizevnik i diplomata Kraljevine Jugoslavije. Godine 1961. dobio je Nobelovu nagradu za knjizevnost "za epsku snagu kojom je oblikovao teme i prikazao sudbine ljudi tolom istorijesvoje zemlje". <a href="">Vise<span> >> </span></a></p>

</body>
</html>

---------------------
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Vezba 5</title>
    <style>
        /* li:first-child{
            color: red;
        }
        li:last-child{
            color: blue;
        }
        p:first-child{
            color: red;
        }
        p span:first-child{
            color: blue;
        }
        p:first-child span{
            color: green;
        } */

        /* ul{
            background-color: indigo;
            color: wheat;
            list-style-type: circle;
            padding: 20px;
            list-style-position: inside;
        }

        li span{
            color: springgreen;
        } */

        /* p:first-child{
            color: red;
        }
        p:first-of-type{
            color: blue;
        }
        p:last-of-type{
            color: green;
        } */

        h1:first-child{
            color: red;
            }

        p:first-of-type{
            color: blue;
        }
        p:nth-last-of-type(3){    /*krece od nultog 3+1 bi bilo od prvog */
            color: green;
        }

        li:nth-child(even){
            color: lime;
        }
        li:nth-child(odd){
            color: indigo;
        }
        h1:last-of-type{
            color: orange;
        }
        p:last-child{
            color: blueviolet;
        }


        p::first-letter{
            color: red;
            font-size: 24px;
        }
        p::first-line{
            color: green;
            font-style: italic;
        }
        p::selection{
            background-color: yellow;
            color: red;
        }
        p::before{
            content: "Pocetak ";
            color: blueviolet;
            background-color: aqua;

        }
        p::after{
            content: "Kraj ";
            color: blueviolet;
            background-color: brown;
        }
    </style>
</head>
<body>

    <h1>Naslov</h1>
    <p>Prvi paragraf</p>
    <p>Drugi paragraf</p>
    <p>Treci paragraf</p>
    <p>Cetvrti paragraf</p>
    <h2>Podnaslov</h2>

    <ul>
            <li><span>Stavka 1</span></li>
            <li><span>Stavka 2</span></li>
            <li><span>Stavka 3</span></li>
            <li><span>Stavka 4</span></li>
            <li><span>Stavka 5</span></li>
    </ul>
    <h1>Drugi Naslov</h1>
    <p>HTML <span>Hyper Text Markup Language</span>  je jezik za opis strukture <span>web</span> stranice.</p>
    <p>HTML <span>Hyper Text Markup Language</span>  je jezik za opis strukture web stranice.</p>

</body>
</html>