Strona HTML

by Karol Wieczorek published 2019/02/14 14:00:04 GMT+2, last modified 2019-02-14T14:00:04+02:00

text/html index.html — 3.4 KB

File contents

<!DOCTYPE html>
<html>
<head>
<title>Moja pierwsza strona</title>
    
    <style>
        p {
            color : blue;
            background-color: yellowgreen;
        }
        div {
            background-color: black;
            
            color: white;
            text-align: justify;
            padding: 15px 5px;
            margin: 0;
        }
        
        a {
            background-color: orange;
        }
    </style>
    
    
</head>
<body>
    <h1>Nagłówek 1</h1>
    <h2>Nagłówek 2</h2>
    <h3>Nagłówek 3</h3>
    <h4>Nagłówek 4</h4>
    <h5>Nagłówek 5</h5>
    <h6>Nagłówek 6</h6>
Witaj świecie!!! Fajnie mieć podgląd na żywo!
    
    <ul>
        <li>element 1</li>
        <li>element 2</li>
        <li>element 3</li>
        <li>element 4</li>
        <li>element 5</li>
    </ul>
    
    <ol>
        <li>element 1</li>
        <li>element 2</li>
        <li>element 3</li>
        <li>element 4</li>
        <li>element 5</li>
    </ol>
    
    <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span style="color:green; font-weight: bold">Vestibulum</span> tortor dolor, mattis sed magna vel, efficitur suscipit ipsum. Nunc sed viverra nulla. Maecenas eu suscipit nisi, nec sagittis tellus. 
    </p>
    
    <p>
    Phasellus eget rhoncus justo. Vivamus mauris massa, euismod et sollicitudin eu, egestas sit amet lacus. Aenean placerat nisi ac egestas suscipit. 
    </p>
    
    
    <div>
    Nulla facilisi. Integer molestie arcu ligula, eget rhoncus tellus vehicula non. Aliquam mauris nibh, convallis quis luctus et, placerat vitae dolor. Nulla sapien turpis, facilisis in lorem ac, semper semper metus. Duis a velit maximus, tempor mauris sed, auctor augue. In eu nibh vel velit efficitur ornare. Praesent quis dictum nibh. Proin sit amet purus quam.
    </div>
    
    <div>
        Integer id nulla consequat, luctus ex in, mollis nunc. Mauris malesuada malesuada commodo. Fusce quam metus, porttitor ullamcorper lacus sed, scelerisque cursus lorem. Duis ante odio, malesuada lobortis feugiat vel, egestas in magna. Sed non arcu et ligula tincidunt laoreet. Phasellus ultrices, sem ut porta placerat, magna orci posuere sapien, id consequat urna lectus in dolor. Nunc viverra libero et dui rhoncus, nec scelerisque massa finibus. Nam ac ultricies metus. Cras lobortis risus a malesuada aliquam. Vestibulum lacus erat, dapibus nec rhoncus ut, rutrum non tellus. Etiam faucibus libero purus, vel iaculis libero facilisis vel. Nam vel tellus urna. Praesent at faucibus risus. In mattis placerat ex, vel viverra urna lacinia ut. Phasellus mollis sit amet arcu a vehicula. 
    </div>
    
    <br>
    <br>
    
    <table border="1">
        <tr>
           <th>Nagłówek 1</th> 
           <th>Nagłówek 2</th> 
           <th>Nagłówek 3</th> 
        </tr>
        
        <tr>
           <td>Element 21</td> 
           <td>Element 22</td> 
           <td>Element 23</td> 
        </tr>
        
        <tr>
           <td>Element 31</td>
            <td><a href="http://tu.kielce.pl"><img src = "https://tlenowo.com/wp-content/uploads/psk.png" ></a></td>
           <td>Element 33</td> 
        </tr>
    </table>
    
<p>
    To jest zwykły tekst, <a href="http://google.pl">to jest hiperłącze</a>, a to znów jest zwykły tekst.
    </p>
    
</body>
</html>