URZ-Workshop „Webseiten erstellen mit TUCAL“
HTML

HTML

Syntax

  • Inhalt/Text wird durch Auszeichnungen (englisch markup) eine Struktur verliehen
  • Auszeichnung erfolgt durch HTML-Elemente und wird durch ein Tag-Paar markiert, das heißt durch einen Starttag und einen Endtag (<p>...</p>)
  • Elemente lassen sich nach gewissen Regeln auch verschachteln
  • Einige inhaltsleere Elemente, wie etwa Zeilenumbrüche (<br>) oder Bilder (<img>), benötigen keinen Endtag
  • Auf TU-Webseiten ist für Autorinnen/Autoren nur der <body> und dort explizit nur der <main>-Content-Bereich wichtig für die Bearbeitung, alles andere wird vom TUCAL-System generiert

Grundaufbau einer TU Webseite (stark vereinfacht)

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <title>HTML Grundgerüst | TU Chemnitz</title>
</head>
<body class="class-tuc">
    <header>
        <h2>Navigation</h2>
        <nav>
            <ul>
                <li><a href="/" title="Homepage">TU Chemnitz</a></li>
                <li><a href="/verwaltung/" title="Verwaltung">Zentrale Verwaltung</a></li>
            </ul>
        </nav>
    </header>
    <div id="tucal-content">
        <main class="page-content">
            <h1>Überschrift des Inhalts</h1>
            <p>Inhalt ...</p>
            <p>Nur dieser Bereich ist für Autorinnen/Autoren wichtig!</p>
        </main>
    </div>
</html>
weiter

Anwendung im TUCAL

weiter