Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Proiect</title>
    <style>
        html {
            background-color: #ddd;
        }
        body {
            margin: 0 5vw;
            padding: 5vh 0;
            text-align: center;
            background-color: #eee;
        }
        h1 {
            margin-bottom: 0;
            padding-bottom: 0;
        }
        h3 {
            margin-top: 0;
            padding-top: 0;
            font-style: italic;
            font-size: 16px;
            color: gray;
        }
        img {
            width: 60vw;
            height: 40vh;
        }
        p {
            margin: 5vh auto;
            width: 65vw;
        }
        p abbr {
            font-style: italic;
            color: darkblue;
            text-decoration: none;
            cursor: pointer;
        }
        #code {
            width: 55vw;
            margin: 5vh auto;
            text-align: left;
            background-color: black;
            padding-left: 1vw;
        }
        code {
            color: lightblue;
            font-size: 14px;
        }
    </style>
</head>
<body>

    <h1>Proiect HTML</h1>
    <h3>Realizat de Mocanu Mihnea Teodor</h3>

    <img src="html.jpg" alt="Cod html capturat">

    <p><abbr title="HyperText Markup Language">HTML</abbr> este un limbaj de markup (nu un limbaj de programare) care ofera browserelor date despre structura si semantica elementelor unei pagini de net.</p>

    <p>Mai jos postez sursa aceste pagini in format preformatat de cod:</p>

    <div id="code">
        <code>
            &#x3C;!DOCTYPE html&#x3E;<br>
            &#x3C;html lang=&#x22;en&#x22;&#x3E;<br><br>

            &#x3C;head&#x3E;<br>
                &#x3C;meta charset=&#x22;UTF-8&#x22;&#x3E;<br>
                &#x3C;meta name=&#x22;viewport&#x22; content=&#x22;width=device-width, initial-scale=1.0&#x22;&#x3E;<br>
                &#x3C;title&#x3E;Proiect&#x3C;/title&#x3E;<br>
                &#x3C;style&#x3E;<br>
                    html {<br>
                    background-color: #ddd;<br>
                    }<br>
                    body {<br>
                    margin: 0 5vw;<br>
                    padding: 5vh 0;<br>
                    text-align: center;<br>
                    background-color: #eee;<br>
                    }<br>
                    h1 {<br>
                    margin-bottom: 0;<br>
                    padding-bottom: 0;<br>
                    }<br>
                    h3 {<br>
                    margin-top: 0;<br>
                    padding-top: 0;<br>
                    font-style: italic;<br>
                    font-size: 16px;<br>
                    color: gray;<br>
                    }<br>
                    img {<br>
                    width: 60vw;<br>
                    height: 40vh;<br>
                    }<br>
                    p {<br>
                    margin: 5vh auto;<br>
                    width: 65vw;<br>
                    }<br>
                    p abbr {<br>
                    font-style: italic;<br>
                    color: darkblue;<br>
                    text-decoration: none;<br>
                    cursor: pointer;<br>
                    }<br>
                    #code {<br>
                    width: 55vw;<br>
                    margin: 5vh auto;<br>
                    padding-left: 1vw;<br>
                    text-align: left;<br>
                    background-color: black;<br>
                    }<br>
                    code {<br>
                    color: lightblue;<br>
                    font-size: 14px;<br>
                    }<br>
                &#x3C;/style&#x3E;<br>
            &#x3C;/head&#x3E;<br><br>

            &#x3C;body&#x3E;<br><br>

                &#x3C;h1&#x3E;Proiect HTML&#x3C;/h1&#x3E;<br>
                &#x3C;h3&#x3E;Realizat de Mocanu Mihnea Teodor&#x3C;/h3&#x3E;<br><br>

                &#x3C;img src=&#x22;html.jpg&#x22; alt=&#x22;Cod html capturat&#x22;&#x3E;<br><br>

                &#x3C;p&#x3E;<br>
                    &#x3C;abbr title=&#x22;HyperText Markup Language&#x22;&#x3E;HTML&#x3C;/abbr&#x3E; este un
                    limbaj de markup (nu un limbaj de programare) care ofera browserelor date despre structura si semantica
                    elementelor unei pagini de net.<br>
                &#x3C;/p&#x3E;<br><br>

                &#x3C;p&#x3E;Mai jos postez sursa aceste pagini in format preformatat:&#x3C;/p&#x3E;<br><br>

                &#x3C;code&#x3E;&#x3C;!-- Ignorat pe motiv de repetitivitate ciclica --&#x3E;&#x3C;/code&#x3E;<br><br>

            &#x3C;/body&#x3E;<br><br>

            &#x3C;/html&#x3E;
        </code>
    </div>

</body>
</html>