Untitled

<!DOCTYPE html>


<html lang="de">

    <head>

        <meta charset="utf-8" />
        <meta name="author" content="Jakob Ströbitzer" />
        <title>Übung 1</title>
        <meta name="description" content="Übung 1 - Textformatierung" />
        <style type="text/css" >
            * {
                font-family: Arial, serif;
            }
            span.Fett {
                font-weight: 700
            }
            span.kursiv {
                font-style: italic
            }
            span.unterstrichen {
                text-decoration: underline
            }
            span.durchgestrichen {
                text-decoration: line-through
            }
        </style>

    </head>

    <body>

            <h1 style="text-align: center;">Übung zur Textformatierung in HTML</h1>
            <hr style="color: #ff2600; height:8px; background-color: #ff2600;"/>
            <p style="font-weight: 700; text-align: center; padding: 0;">In dieser Übung werden wir <span class="unterstrichen">Text</span> unterschiedlich formatieren!</p>
        <div style="margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">
            <p>Text kann in HTML unterschiedlich formatiert werden. Folgende <span class="kursiv">Tags</span> können dafür verwendet werden:</p>
            <p><span style="font-weight: 700;">Überschriften:</span> Mit den Tags h1 - h6 kann man Überschriften auszeichnen.</p>
        </div>
            <h2>Physische Textauszeichnung</h2>
        <ul style="list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">
            <li><span class="Fett">Fettschrift:</span> Der Tag b formatiert Text<span class="Fett">fett.</span></li>
            <li><span class="Fett">Kursivschrift:</span> Der Tag i formatiert Text <span class="kursiv">kursiv.</span></li>
            <li><span class="Fett">Unterstreichen:</span> Der Tag u <span class="unterstrichen">unterstreicht</span> den text. Auch <span style="font-style: italic; font-weight: 700; text-decoration: underline;">Kombinationen</span><span class="Fett"> sind</span> natürlich möglich</li>
            <li><span class="Fett">Durchgestrichen:</span> Mit den Tags s oder strike kann Text <span class="overline">durchgestrichen</span> werden.</li>
            <li><span class="Fett">Hochgestellt:</span> Mit den tags sup kann Text <sup>hochgestellt</sup> werden.</li>
            <li><span class="Fett">Tiefgestellt:</span> Mit den Tags sub kann Text <sub>tiefgestellt</sub> werden.</li>
        </ul>

    </body>

</html>